:root{--navy:#0b1630;--ink:#142039;--muted:#6f7d94;--line:#e7ebf2;--bg:#f4f6fa;--blue:#2463eb;--cyan:#0ea5c6;--green:#15a271;--amber:#f59e0b;--white:#fff;--shadow:0 16px 48px rgba(13,31,65,.10)}
*{box-sizing:border-box}html{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#56709d;margin:0 0 12px}.muted{color:var(--muted)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-brand{position:relative;overflow:hidden;padding:56px 7vw;background:linear-gradient(145deg,#071329,#112a58);color:white;display:flex;flex-direction:column;justify-content:space-between}.auth-brand:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(111,158,255,.16);border-radius:50%;right:-160px;top:50%;transform:translateY(-50%);box-shadow:0 0 0 100px rgba(53,101,206,.04),0 0 0 220px rgba(53,101,206,.035)}.auth-brand:after{content:"";position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(47,113,255,.32),transparent 68%);right:8%;top:32%}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#367df7,#1f55cc);color:#fff;font-size:27px;font-weight:900;box-shadow:0 12px 30px rgba(31,91,225,.35);position:relative;z-index:1}.brand-mark.small{width:39px;height:39px;border-radius:11px;font-size:20px;flex:none}.auth-copy{position:relative;z-index:1;margin-top:auto;margin-bottom:auto}.auth-copy .eyebrow{color:#7fa6ef}.auth-copy h1{font-size:clamp(38px,4.4vw,70px);line-height:1.15;letter-spacing:-.04em;margin:0 0 26px}.auth-copy h1 span{color:#6f9dff}.auth-copy>p:last-child{max-width:550px;color:#a8b8d4;font-size:17px;line-height:1.8}.feature-strip{position:relative;z-index:1;display:flex;align-items:center;gap:18px;color:#a8b8d4;font-size:13px}.feature-strip i{height:3px;width:3px;background:#3e73dd;border-radius:50%}.auth-panel{background:#fff;display:grid;place-items:center;padding:40px}.auth-card{width:min(400px,100%)}.auth-card h2{font-size:32px;letter-spacing:-.03em;margin:0 0 8px}.auth-card>.muted{margin:0 0 34px}.auth-card label{display:block;font-size:13px;font-weight:700;margin:0 0 18px}.auth-card input,.modal input,.modal select,.modal textarea{width:100%;border:1px solid #dce2ec;background:#fafbfd;border-radius:10px;padding:13px 14px;margin-top:8px;outline:none;transition:.2s}.auth-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,99,235,.10);background:#fff}.form-row{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 24px}.checkbox{display:flex!important;align-items:center;gap:8px!important;margin:0!important;color:var(--muted);font-weight:500!important}.checkbox input{width:auto;margin:0}.link,.back-link{border:0;background:none;color:var(--blue);font-weight:700;padding:0}.back-link{margin-bottom:28px}.primary{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:12px 18px;font-weight:750;box-shadow:0 8px 20px rgba(36,99,235,.18)}.primary:hover{background:#174fc7}.primary.wide{width:100%;padding:14px 17px;display:flex;justify-content:space-between}.primary.compact{padding:10px 15px}.secure-note{text-align:center;color:#9aa5b6;font-size:11px;margin-top:22px}.mobile-brand{display:none;align-items:center;gap:10px;font-weight:800;margin-bottom:50px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#0b1730;color:#d7e0f0;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.side-brand strong{display:block;color:#fff;font-size:16px}.side-brand small{display:block;color:#667a9f;font-size:9px;letter-spacing:.18em;margin-top:4px}.sidebar nav{flex:1}.sidebar nav>p{font-size:10px;color:#607294;letter-spacing:.16em;margin:24px 12px 9px}.nav-item{width:100%;border:0;background:transparent;color:#9fb0cb;border-radius:9px;padding:11px 12px;margin:2px 0;text-align:left;display:flex;align-items:center;gap:11px;font-size:13px}.nav-item span{width:21px;text-align:center;font-size:17px}.nav-item b{margin-left:auto;background:#244a92;color:#8eb1f7;border-radius:5px;padding:2px 6px;font-size:9px}.nav-item em{font-style:normal;margin-left:auto;font-size:9px;color:#536684}.nav-item.active,.nav-item:hover:not(.disabled){background:#172a4d;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #377bf3}.nav-item.disabled{cursor:not-allowed;opacity:.75}.side-foot{border-top:1px solid #1c2d4b;padding-top:12px}.user-chip{width:100%;border:0;background:#101f3b;color:#fff;border-radius:10px;padding:10px;display:flex;align-items:center;text-align:left;gap:10px;margin-top:6px}.user-chip .avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#2b62cc;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip small{color:#7689aa;font-size:10px;margin-top:2px}.user-chip b{margin-left:auto;color:#7485a4;font-size:10px}.main-wrap{grid-column:2;min-width:0}.topbar{height:79px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.topbar p{font-size:10px;color:#8c98aa;margin:0 0 5px}.topbar h2{font-size:16px;margin:0}.top-actions{display:flex;align-items:center;gap:8px;color:#61708a;font-size:12px}.status-dot{width:7px;height:7px;background:#24b987;border-radius:50%;box-shadow:0 0 0 4px #e0f7ee}.menu-btn{display:none;border:0;background:none;font-size:22px}.content{padding:30px 34px 60px;max-width:1500px;margin:auto}.page{display:none}.page.active{display:block}.hero-card{min-height:320px;border-radius:18px;padding:46px 54px;background:linear-gradient(125deg,#0c1c3d,#16366f);color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,rgba(57,116,235,.12));pointer-events:none}.hero-card h1{font-size:42px;line-height:1.2;letter-spacing:-.04em;margin:0 0 18px}.hero-card h1 span{color:#72a0ff}.hero-card>div:first-child{position:relative;z-index:2;max-width:660px}.hero-card>div:first-child>p:last-of-type{color:#a8b8d4;margin:0 0 28px}.light-btn{background:#fff;color:#18315f;border:0;border-radius:8px;padding:12px 18px;font-weight:800}.light-btn b{margin-left:24px}.sound-orbit{width:260px;height:260px;position:relative;display:grid;place-items:center;margin-right:4vw}.sound-core{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;font-size:27px;font-weight:900;background:linear-gradient(135deg,#5a96ff,#285bc5);box-shadow:0 0 60px rgba(78,138,255,.6);z-index:2}.wave{position:absolute;border:1px solid rgba(117,164,255,.24);border-radius:50%}.w1{width:150px;height:150px}.w2{width:215px;height:215px}.w3{width:290px;height:290px}.section-heading,.page-intro,.filter-bar{display:flex;align-items:center;justify-content:space-between}.section-heading{margin:30px 0 15px}.section-heading h3,.section-heading p{margin:0}.section-heading p{color:var(--muted);font-size:12px;margin-top:5px}.ghost{border:1px solid #dce2ec;background:#fff;color:#4f5e75;border-radius:8px;padding:10px 14px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:18px}.stat-icon.blue{background:#e9f0ff;color:#2463eb}.stat-icon.cyan{background:#e1f7fb;color:#0e9cba}.stat-icon.green{background:#e6f7f0;color:#15956a}.stat-icon.amber{background:#fff3dd;color:#e59206}.stats-grid small{display:block;color:#8190a5;font-size:11px}.stats-grid strong{font-size:28px;margin-right:4px}.stats-grid em{font-style:normal;color:#9aa5b5;font-size:11px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.tool-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;min-height:215px}.tool-card.active-tool{cursor:pointer}.tool-card.active-tool:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#bfd0f5}.tool-no{position:absolute;right:18px;top:17px;color:#cbd3df;font-size:11px;font-weight:800}.tool-icon{font-size:27px;color:var(--blue);margin-bottom:19px}.tool-card h3{margin:0 0 10px}.tool-card p{color:var(--muted);font-size:13px;line-height:1.7;min-height:44px}.tool-card span{font-size:12px;font-weight:800;color:var(--blue)}.tool-card.soon{background:#fafbfc}.tool-card.soon .tool-icon,.tool-card.soon span{color:#9aa7ba}.page-intro{margin:3px 0 27px}.page-intro h1{font-size:30px;margin:0 0 8px}.page-intro p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0}.inline-actions{display:flex;gap:9px}.notice{border-radius:10px;padding:14px 16px;margin:0 0 20px;display:flex;align-items:center;gap:14px;font-size:12px}.notice b{font-size:13px}.notice span{flex:1}.notice button{border:0;background:none;color:inherit;font-weight:800}.notice.warning{background:#fff7e6;color:#8b5e08;border:1px solid #f5dfad}.notice.info{background:#edf4ff;color:#31517e;border:1px solid #d7e6ff;margin-top:22px}.filter-bar{margin-bottom:13px}.search{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:#94a0b2;width:280px}.search input{border:0;outline:0;width:88%;color:var(--ink)}.table-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;padding:13px 16px;background:#f8f9fb;color:#8591a3;font-size:10px;letter-spacing:.06em}td{padding:15px 16px;border-top:1px solid #eef1f5;font-size:12px}td strong{display:block;font-size:13px;margin-bottom:4px}td small{color:#8b98aa}.progress{width:110px;height:5px;background:#e9edf3;border-radius:9px;overflow:hidden;margin-bottom:5px}.progress i{display:block;height:100%;background:var(--blue)}.badge{display:inline-flex;border-radius:20px;padding:4px 8px;font-size:10px;background:#eef1f5;color:#66758c}.badge.ok{background:#e3f7ef;color:#13845f}.badge.warn{background:#fff0da;color:#b36d00}.badge.run{background:#e7efff;color:#245fcf}.action-btn{border:0;background:none;color:var(--blue);font-weight:800;padding:5px}.empty{text-align:center;padding:64px 20px;color:#8290a5}.empty>div:first-child{font-size:34px;color:#b0bdd0}.empty h3{color:var(--ink);margin:12px 0 6px}.empty p{font-size:12px;margin:0 0 20px}.empty.large{background:#fff;border:1px dashed #cfd7e4;border-radius:14px;padding:90px 20px}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.voice-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}.voice-head{display:flex;align-items:center;gap:12px}.voice-disc{width:45px;height:45px;border-radius:50%;background:radial-gradient(circle at center,#fff 0 4px,#2a65d8 5px 18px,#d9e6ff 19px);box-shadow:0 6px 15px rgba(42,101,216,.18)}.voice-head h3,.voice-head p{margin:0}.voice-head p{color:var(--muted);font-size:10px;margin-top:5px}.voice-head .badge{margin-left:auto}.voice-meta{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8190a5;font-size:10px}.voice-card button{margin-top:14px;color:#dc4450}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.settings-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}.setting-head{display:flex;align-items:center;gap:11px}.setting-head h3,.setting-head p{margin:0}.setting-head h3{font-size:14px}.setting-head p{font-size:10px;color:var(--muted);margin-top:4px}.setting-head .badge{margin-left:auto}.settings-grid dl{margin:20px 0 0}.settings-grid dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.settings-grid dt{color:#8a97aa}.settings-grid dd{margin:0;font-weight:700}
.modal{width:min(720px,calc(100vw - 32px));border:0;border-radius:15px;padding:0;box-shadow:0 28px 90px rgba(5,18,43,.30);color:var(--ink)}.modal::backdrop{background:rgba(5,15,35,.58);backdrop-filter:blur(3px)}.modal>form,.modal>div:not(.modal-head){padding-left:28px;padding-right:28px}.modal form{padding:28px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modal-head h2{margin:0;font-size:23px}.close{border:0;background:#f1f3f7;width:32px;height:32px;border-radius:8px;color:#718097;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal label{font-size:12px;font-weight:700;display:block;margin-bottom:15px}.source-tabs{border-bottom:1px solid var(--line);margin:12px 0 15px}.source-tabs button{border:0;background:none;padding:10px 4px;margin-right:20px;color:#8390a3;font-weight:700;font-size:12px}.source-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.dropzone{border:1.5px dashed #c9d3e2;border-radius:11px;text-align:center;padding:27px;position:relative;background:#fafbfd}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone div{color:var(--blue);font-size:25px}.dropzone h3{font-size:13px;margin:7px 0}.dropzone p{font-size:10px;color:#8c99ab;margin:0}.paste-area textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.small-modal{max-width:510px}.file-field{border:1px dashed #cad3df;border-radius:10px;padding:18px;text-align:center}.file-field input{display:none}.file-field span{display:block;background:#eef4ff;color:var(--blue);border-radius:7px;padding:10px}.file-field small{display:block;color:#8b98aa;margin-top:9px;font-weight:400}.wide-modal{max-width:900px;padding:28px}.detail-summary{display:flex;gap:12px;margin-bottom:16px}.detail-summary span{background:#f4f6f9;border-radius:8px;padding:9px 12px;font-size:11px}.item-list{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:10px}.audio-item{display:grid;grid-template-columns:36px 1fr 95px 170px;gap:10px;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line);font-size:11px}.audio-item:last-child{border-bottom:0}.audio-item p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-item audio{width:165px;height:28px}.toast{position:fixed;right:22px;top:20px;background:#13213d;color:#fff;border-radius:9px;padding:12px 16px;box-shadow:var(--shadow);z-index:100;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.25s;font-size:12px;max-width:360px}.toast.show{opacity:1;transform:none}.toast.error{background:#a92f3a}
@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{min-height:100vh}.mobile-brand{display:flex}.app-shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main-wrap{grid-column:1}.menu-btn{display:block}.topbar{padding:0 18px}.topbar>div:first-of-type{margin-right:auto;margin-left:13px}.top-actions>span,.top-actions .status-dot{display:none}.content{padding:20px 18px 50px}.stats-grid{grid-template-columns:1fr 1fr}.tool-grid,.voice-grid,.settings-grid{grid-template-columns:1fr 1fr}.sound-orbit{display:none}.hero-card{padding:38px}.hero-card h1{font-size:34px}}
@media(max-width:640px){.auth-panel{padding:24px}.stats-grid,.tool-grid,.voice-grid,.settings-grid{grid-template-columns:1fr}.hero-card{min-height:300px;padding:30px 24px}.hero-card h1{font-size:30px}.page-intro{align-items:flex-start;gap:16px;flex-direction:column}.page-intro>button,.inline-actions{width:100%}.inline-actions button{flex:1}.top-actions .primary{font-size:0}.top-actions .primary:after{content:"＋";font-size:18px}.form-grid{grid-template-columns:1fr}.table-card{overflow:auto}table{min-width:760px}.search{width:210px}.audio-item{grid-template-columns:30px 1fr 80px}.audio-item audio{grid-column:2/4;width:100%}.notice{align-items:flex-start;flex-wrap:wrap}.auth-card h2{font-size:28px}}