:root{--ink:#172b3a;--muted:#6e7c87;--line:#dfe6e9;--paper:#f3f6f5;--card:#fff;--teal:#2d716c;--teal-dark:#205b57;--teal-soft:#e9f3f0;--gold:#c58c3d;--gold-soft:#fbf3e6;--red:#a94e49;--shadow:0 12px 34px rgba(24,45,57,.07);font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eaf0ee 0,#f5f7f6 320px,#f3f6f5 100%);min-height:100vh}.app-shell{max-width:1180px;margin:0 auto;padding:0 22px 30px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(30,61,69,.1)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--ink);color:#e9d7b2;display:grid;place-items:center;font-family:serif;font-size:23px;box-shadow:0 5px 14px rgba(23,43,58,.17)}.brand-title{font-size:16px;font-weight:750;letter-spacing:.02em}.brand-subtitle{font-size:9px;letter-spacing:.17em;color:#788891;margin-top:3px}.top-status{display:flex;align-items:center;gap:8px;color:#718087;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#59a58d;box-shadow:0 0 0 4px rgba(89,165,141,.12)}main{padding-top:22px}.hero-card{background:linear-gradient(118deg,#172b3a 0%,#234a50 70%,#32645e 100%);color:#fff;border-radius:22px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:125px;top:-170px;box-shadow:0 0 0 25px rgba(255,255,255,.025),0 0 0 52px rgba(255,255,255,.02)}.hero-copy{position:relative;z-index:1;max-width:700px}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.18em;color:#c6a46f}.hero-card h1{font-size:clamp(22px,3vw,32px);line-height:1.25;margin:10px 0 9px;letter-spacing:.01em}.hero-card p{margin:0;color:#d1dcda;font-size:13px;line-height:1.75;max-width:640px}.hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.hero-tags span{font-size:10px;padding:5px 9px;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#e2e9e6}.hero-stat{z-index:1;min-width:165px;padding:15px 18px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);border-radius:15px}.stat-label,.stat-foot{font-size:11px;color:#c5d3d0}.stat-number{font-size:35px;font-weight:800;letter-spacing:-.04em;margin:3px 0}.stat-number span{font-size:15px;color:#b7c7c3;margin:0 4px}.stat-foot{font-size:10px}.main-tabs{display:flex;gap:6px;padding:17px 0 14px;border-bottom:1px solid var(--line);margin-bottom:17px}.tab{border:0;background:transparent;color:#718087;font-weight:700;font-size:13px;padding:10px 16px;border-radius:10px;cursor:pointer}.tab.active{background:var(--ink);color:#fff}.view{display:none}.view.active{display:block}.layout-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:16px;margin-bottom:16px}.panel{background:var(--card);border:1px solid #e5ebeb;border-radius:17px;padding:21px 22px;box-shadow:0 5px 20px rgba(28,53,62,.035);margin-bottom:16px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-heading h2{font-size:18px;margin:5px 0 0;letter-spacing:.01em}.panel-desc{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.6}.step-number{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#f0f4f2;color:#87958f;font-size:11px;font-weight:800}.form-grid{display:grid;gap:13px}.two-col{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;font-weight:700;color:#62727b}.field input,.field select,.voice-box textarea,.depth-grid input{width:100%;border:1px solid #dbe4e4;border-radius:10px;background:#fbfcfb;color:var(--ink);padding:11px 12px;min-height:42px;font:inherit;font-size:13px;outline:none;transition:border .15s,box-shadow .15s}.field input:focus,.field select:focus,.voice-box textarea:focus,.depth-grid input:focus{border-color:#6a9c91;box-shadow:0 0 0 3px rgba(76,137,125,.12)}.full{grid-column:1/-1}.divider{height:1px;background:var(--line);margin:17px 0}.subheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.subheading h3{font-size:13px;margin:0}.muted{color:var(--muted)}.small{font-size:11px}.method-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.method-option{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:11px 10px;cursor:pointer;min-width:0}.method-option.selected{border-color:#6d9d91;background:#f1f7f4;box-shadow:inset 0 0 0 1px rgba(65,124,111,.1)}.method-option input{position:absolute;opacity:0;pointer-events:none}.method-icon{width:29px;height:29px;flex:0 0 29px;border-radius:9px;background:#eaf0ed;color:#356b63;display:grid;place-items:center;font-size:11px;font-weight:800}.method-option b,.method-option small{display:block}.method-option b{font-size:11px}.method-option small{font-size:9px;color:#7b898e;margin-top:3px;line-height:1.4}.parameter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.parameter-grid .field input{padding:10px 8px}.formula-note{background:#f3f7f5;border-left:3px solid #7fa99a;border-radius:8px;padding:10px 12px;margin:14px 0 10px;display:flex;flex-direction:column;gap:6px}.formula-note b{font-size:11px}.formula-note span{font-size:10px;color:#68777c;line-height:1.45}.entry-panel{padding:23px}.method-switch{display:flex;gap:7px;margin:-4px 0 16px;padding:4px;background:#f0f4f2;border-radius:11px;width:max-content;max-width:100%}.method-tab{border:0;background:transparent;padding:9px 15px;border-radius:8px;font-size:12px;font-weight:700;color:#718087;cursor:pointer}.method-tab.active{background:#fff;color:var(--teal-dark);box-shadow:0 2px 8px rgba(25,51,56,.08)}.row-selectors{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:15px}.voice-box{border:1px solid #dfe8e5;background:#f8fbf9;border-radius:14px;padding:15px}.voice-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.voice-head b{font-size:13px;display:block}.voice-head small{font-size:10px;color:#77858a;display:block;margin-top:4px;line-height:1.5}.voice-language{font-size:9px;color:#62857d;background:#e9f2ee;border-radius:20px;padding:5px 8px;white-space:nowrap}.voice-box textarea{resize:vertical;min-height:76px;background:#fff;line-height:1.6}.voice-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.btn{border:1px solid transparent;border-radius:10px;padding:10px 13px;font:inherit;font-size:11px;font-weight:750;cursor:pointer;transition:transform .12s,background .12s,border .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark)}.btn-secondary{background:#edf2f0;color:#385a58;border-color:#e1e9e5}.btn-ghost{background:#fff;color:#65747b;border-color:#e1e7e7}.btn-mic{background:#f7eee6;color:#925b2d;border-color:#eedac6}.btn-mic.listening{background:#a94e49;color:#fff;border-color:#a94e49;animation:pulse 1.4s infinite}.mic-symbol{font-size:13px}.btn-small{padding:8px 10px}.btn-large{padding:13px 18px;font-size:12px}.speech-status{font-size:10px;color:#75838a;min-height:17px;margin-top:9px;line-height:1.5}.speech-status.error{color:var(--red)}.merge-option{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;margin:13px 0;border:1px solid #eadfc8;background:#fffbf3;border-radius:11px;cursor:pointer}.merge-option input,.check-inline input{accent-color:var(--teal);margin-top:2px}.merge-option b,.merge-option small{display:block}.merge-option b{font-size:11px}.merge-option small{font-size:10px;color:#817766;margin-top:4px;line-height:1.5}.preview-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px}.preview-header b{font-size:13px;display:block}.preview-header .small{display:block;margin-top:3px}.count-pill{background:#eef3f1;color:#54746c;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:750;white-space:nowrap}.depth-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.depth-grid label{min-width:0}.depth-grid label span{display:block;font-size:10px;font-weight:750;color:#61717a;margin-bottom:6px;text-align:center;white-space:nowrap}.depth-grid input{text-align:center;padding:10px 5px;font-size:12px;font-variant-numeric:tabular-nums;min-width:0}.entry-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.check-inline{display:flex;align-items:center;gap:7px;font-size:10px;color:#6c7b81}.footer-actions{display:flex;gap:8px}.message{font-size:11px;min-height:18px;margin-top:10px;color:#587e70}.message.error{color:var(--red)}.data-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-3px 0 12px}.data-counts{display:flex;gap:7px;flex-wrap:wrap}.count-chip{font-size:10px;background:#edf4f1;color:#4b7166;padding:6px 9px;border-radius:20px}.table-wrap{overflow:auto;border:1px solid #e3e9e8;border-radius:11px;max-height:510px}.data-table{border-collapse:separate;border-spacing:0;min-width:850px;width:100%;font-size:10px;font-variant-numeric:tabular-nums}.data-table th{position:sticky;top:0;background:#edf3f1;color:#53666b;z-index:1;font-size:10px}.data-table th,.data-table td{padding:9px 8px;text-align:center;border-bottom:1px solid #edf0ef;white-space:nowrap}.data-table td:first-child,.data-table th:first-child{text-align:left;padding-left:12px}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#f3f8f5}.data-table .has-value{color:#244e4b;font-weight:700}.empty-state{padding:28px;text-align:center;color:#8a9699;font-size:12px}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.overview-card{border:1px solid #e2e9e7;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.overview-card b{font-size:12px}.overview-card small{display:block;font-size:10px;color:#839095;margin-top:4px}.overview-progress{font-size:10px;color:#52766b;font-weight:800;white-space:nowrap}.export-actions{display:flex;gap:9px;flex-wrap:wrap}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.export-status{font-size:10px;color:#75838a;margin-top:12px;line-height:1.6}.help-panel h2{font-size:20px;margin:6px 0 20px}.help-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-list article{padding:14px;border:1px solid #e5ebea;border-radius:12px;background:#fcfdfc}.help-list b{font-size:12px}.help-list p{font-size:11px;color:#6f7d82;line-height:1.7;margin:7px 0 0}.notice{margin-top:15px;padding:13px;border-radius:11px;background:#fbf5e9;border:1px solid #efe1c8;display:flex;flex-direction:column;gap:5px}.notice b{font-size:11px;color:#805f35}.notice span{font-size:10px;color:#7e7567;line-height:1.6}.footer{display:flex;justify-content:space-between;gap:12px;padding:17px 2px 0;color:#89969a;font-size:10px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#18323b;color:#fff;border-radius:10px;padding:11px 15px;font-size:12px;box-shadow:0 8px 25px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:.2s;z-index:20;max-width:calc(100vw - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(169,78,73,.25)}50%{box-shadow:0 0 0 6px rgba(169,78,73,0)}}
@media(max-width:850px){.app-shell{padding:0 13px 22px}.topbar{height:66px}.hero-card{padding:22px 20px}.hero-stat{min-width:125px;padding:12px}.stat-number{font-size:29px}.layout-grid{grid-template-columns:1fr}.panel{padding:18px 16px}.method-options{grid-template-columns:1fr}.method-option{padding:10px}.method-option small{font-size:10px}.help-list{grid-template-columns:1fr}}
@media(max-width:560px){.app-shell{padding:0 10px 18px}.brand-title{font-size:14px}.brand-subtitle{font-size:8px}.top-status{font-size:10px}.hero-card{border-radius:17px;padding:20px 16px;display:block}.hero-card h1{font-size:22px}.hero-card p{font-size:11px}.hero-stat{margin-top:17px;display:inline-block;min-width:145px}.hero-card:after{right:-95px;top:-120px}.main-tabs{gap:3px;padding:13px 0 11px}.tab{padding:9px 11px;font-size:11px}.panel{border-radius:14px;padding:16px 13px}.panel-heading h2{font-size:16px}.two-col{grid-template-columns:1fr 1fr}.parameter-grid{grid-template-columns:1fr 1fr 1fr;gap:6px}.parameter-grid .field span{font-size:9px}.parameter-grid .field input{font-size:11px;padding:9px 6px}.row-selectors{grid-template-columns:1fr 1fr 1fr;gap:7px}.row-selectors .field span{font-size:10px}.row-selectors select{font-size:11px;padding:10px 7px}.voice-head{display:block}.voice-language{display:inline-block;margin-top:8px}.voice-actions .btn{flex:1}.depth-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 7px}.depth-grid label span{font-size:10px}.depth-grid input{min-height:42px;font-size:13px}.entry-footer{align-items:flex-start;flex-direction:column}.footer-actions{width:100%}.footer-actions .btn{flex:1}.overview-grid{grid-template-columns:1fr}.export-actions{display:grid;grid-template-columns:1fr 1fr}.export-actions .btn-primary{grid-column:1/-1}.footer{flex-direction:column;gap:5px}.data-toolbar{align-items:flex-start;flex-direction:column}.table-wrap{max-height:420px}}
