:root{--bg:#f5f6f8;--card:#fff;--text:#17181b;--muted:#6f7380;--line:#e4e6eb;--accent:#6d5ce8;--accent2:#5140ca;--soft:#f0edff;--danger:#d83a52;--shadow:0 18px 50px rgba(25,25,40,.08)}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1220px)/2));background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.logo>span,.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#806ff2,#4f3bc5);color:white;font-weight:900}.logo>span{width:42px;height:42px;border-radius:14px}.logo div{display:flex;flex-direction:column}.logo small{color:var(--muted)}nav{display:flex;gap:8px}.hero{max-width:1220px;margin:0 auto;padding:62px 24px 36px;display:flex;align-items:end;justify-content:space-between;gap:28px}.hero h1{font-size:clamp(32px,5vw,58px);line-height:1.08;max-width:780px;margin:10px 0 18px;letter-spacing:-2px}.hero p{color:var(--muted);font-size:18px}.hero-badge{min-width:220px;border:1px solid #dcd6ff;background:linear-gradient(145deg,#fff,#f1eeff);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:8px}.hero-badge strong{font-size:20px}.hero-badge span{color:var(--muted)}.eyebrow{margin:0;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.workspace{max-width:1220px;margin:0 auto;padding:0 24px 80px;display:grid;grid-template-columns:.9fr 1.35fr;gap:20px}.panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 1px 0 rgba(0,0,0,.02)}.practice-panel{grid-row:span 2}.section-heading,.section-heading>div,.modal-head,.admin-tools,.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2,.modal-head h2{margin:0}.step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--soft);color:var(--accent);font-weight:800;margin-right:10px}.status{padding:7px 11px;border-radius:999px;background:#f1f2f4;color:var(--muted);font-size:13px}.dropzone{margin:22px 0 14px;border:1.5px dashed #c9cad2;border-radius:18px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--soft)}.dropzone small,.hint,.muted{color:var(--muted)}.upload-icon{font-size:34px;color:var(--accent)}button{border:0;border-radius:12px;padding:11px 16px;font-weight:700}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent2)}.secondary,.ghost{background:#f1f2f5;color:#2d3038}.ghost{background:transparent}.full{width:100%}.divider{display:flex;align-items:center;gap:10px;color:#9a9da6;font-size:12px;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.inline-add{display:flex;gap:9px}.inline-add input{flex:1}input,select{width:100%;border:1px solid #d9dbe1;border-radius:12px;padding:12px 14px;background:#fff;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(109,92,232,.12)}label{display:grid;gap:8px;font-weight:700}.image-list{display:grid;gap:8px;margin-top:15px}.image-item,.record-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f7f7f9;border-radius:12px}.image-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-summary{display:flex;justify-content:space-between;margin:20px 0 12px;padding:12px 14px;border-radius:14px;background:var(--soft);color:#5140b4}.sentence-list{display:grid;gap:10px}.sentence-card{border:1px solid var(--line);border-radius:17px;padding:17px}.sentence-text{font-family:Georgia,serif;font-size:19px;line-height:1.5;margin:0 0 12px}.sentence-actions{display:flex;justify-content:flex-end;gap:7px}.sentence-actions button{padding:8px 11px}.recorder-panel blockquote{margin:18px 0;padding:16px;border-left:4px solid var(--accent);background:var(--soft);border-radius:0 14px 14px 0;line-height:1.8}.recorder-controls{display:flex;align-items:center;gap:14px}.record-button{background:#191a1f;color:#fff}.record-button.recording{background:var(--danger)}audio{width:100%;max-width:330px}.record-list{display:grid;gap:8px;margin-top:15px}.gate-shell,.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(244,245,248,.92);backdrop-filter:blur(12px)}[hidden]{display:none!important}.gate-card,.modal-card{width:min(100%,470px);background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.brand-mark,.success-icon{width:58px;height:58px;border-radius:18px;margin-bottom:25px}.success-icon{display:grid;place-items:center;background:#e8f8ee;color:#168348;font-size:30px;font-weight:900}.gate-card h1{font-size:34px;margin:8px 0 12px}.gate-card form{display:grid;gap:10px;margin-top:25px}.secure-note,.bookmark-tip{margin-top:18px;padding:13px;border-radius:13px;background:#f5f6f8;color:var(--muted);font-size:13px}.bookmark-tip{display:grid;gap:5px}.bookmark-tip strong{color:var(--text);font-size:16px}.error{color:var(--danger);margin:0}.modal{background:rgba(19,20,26,.45)}.modal-card.wide{width:min(100%,650px)}.admin-card{width:min(100%,960px);max-height:90vh;overflow:auto}.icon-button{width:40px;height:40px;padding:0;border-radius:50%;font-size:25px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}fieldset{border:0;padding:0;margin:18px 0}legend{font-weight:800;margin-bottom:9px}.segmented{display:grid;grid-template-columns:repeat(2,1fr);background:#ededf1;border-radius:14px;padding:4px}.segmented.five{grid-template-columns:repeat(5,1fr)}.segmented button{background:transparent;color:#686b75}.segmented button.active{background:white;color:#17181b;box-shadow:0 2px 8px rgba(0,0,0,.1)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--soft);color:#5140b4}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.stats>div{background:#f5f5f8;border-radius:14px;padding:15px}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{font-size:25px}.admin-tools{margin:15px 0}.admin-tools input{flex:1}.admin-tools select{width:150px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:13px;color:var(--muted);background:#fafafa}.pagination{justify-content:center;margin-top:16px}.danger{color:var(--danger)}@media(max-width:800px){.hero{padding-top:40px;align-items:start;flex-direction:column}.hero-badge{width:100%}.workspace{grid-template-columns:1fr}.practice-panel{grid-row:auto}.settings-grid,.stats{grid-template-columns:1fr 1fr}.topbar{padding:0 16px}.logo small{display:none}.admin-tools{align-items:stretch;flex-direction:column}.admin-tools select{width:100%}}@media(max-width:500px){.panel{padding:18px;border-radius:18px}.hero{padding-left:18px;padding-right:18px}.workspace{padding-left:12px;padding-right:12px}.segmented.five{grid-template-columns:repeat(3,1fr)}.gate-card,.modal-card{padding:24px}.stats{grid-template-columns:1fr 1fr}}