:root{color:#17202a;font-synthesis:none;background:#f3f6f8;font-family:Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.auth-shell{background:#fff;grid-template-columns:minmax(320px,1fr) minmax(360px,480px);min-height:100vh;display:grid}.auth-brand{color:#fff;background:#0e5d61;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.auth-brand h1{letter-spacing:0;margin:22px 0 8px;font-size:31px}.auth-brand p{color:#cde1de;margin:0}.auth-panel{align-self:center;width:100%;max-width:480px;padding:46px}.tab-switch,.segmented{border-bottom:1px solid #d9e0e2;margin-bottom:28px;display:flex}.tab-switch button,.segmented button{color:#60717a;background:0 0;border:0;padding:11px 16px}.tab-switch .selected,.segmented .selected{color:#0e5d61;border-bottom:2px solid #0e5d61;font-weight:700}.form-stack{gap:16px;display:grid}.form-stack label,.inline-form label,.form-row label{color:#52646b;gap:7px;font-size:13px;display:grid}input,textarea,select{color:#17202a;background:#fff;border:1px solid #c7d1d4;border-radius:4px;outline-color:#0e5d61;padding:10px 11px}textarea{resize:vertical}.primary,.secondary,.text-button,.text-danger{border:0;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#0e5d61}.primary:disabled{opacity:.6}.secondary{color:#0e5d61;background:#e7f1ef}.wide{width:100%}.hint{color:#849298;margin-top:20px;font-size:12px}.error{color:#b42318}.app-shell{min-height:100vh;display:flex}.sidebar{color:#d8e4e4;background:#17383b;flex-direction:column;width:220px;padding:22px 12px;display:flex}.brand{color:#fff;align-items:center;gap:10px;padding:0 13px 26px;font-size:19px;font-weight:700;display:flex}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#c2d2d3;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:11px;padding:11px 13px;display:flex}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#24575a}.icon-action{color:inherit;background:0 0;border:0;border-radius:4px;padding:6px;display:inline-flex}.icon-action:hover{background:#e2ebeb}.workspace{width:100%;max-width:1320px;margin:0 auto;padding:28px 34px 48px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.topbar h1{margin:0 0 5px;font-size:23px}.topbar p{color:#718187;margin:0;font-size:13px}.topbar .icon-action{color:#466167}.topbar-actions{align-items:center;gap:10px;display:flex}.account-menu{position:relative}.account-trigger{color:#21363a;text-align:left;background:#fff;border:1px solid #d7e1e2;border-radius:5px;align-items:center;gap:9px;min-width:210px;padding:6px 8px;display:flex}.account-trigger:hover{background:#f8fbfb;border-color:#9bb9ba}.account-avatar{color:#0e5d61;background:#e6f2f0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.account-copy{flex:1;gap:2px;min-width:0;display:grid}.account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.account-copy small{color:#718187;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.account-trigger>svg{color:#60757a;transition:transform .16s}.account-trigger>svg.rotated{transform:rotate(180deg)}.account-popover{z-index:10;background:#fff;border:1px solid #d7e1e2;border-radius:5px;width:232px;padding:7px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 10px 28px #162f3324}.account-summary{border-bottom:1px solid #e7eeee;gap:4px;padding:10px 11px 12px;display:grid}.account-summary strong{font-size:13px}.account-summary span{color:#718187;font-size:11px}.account-popover button{color:#344b50;text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:9px;width:100%;margin-top:3px;padding:9px 10px;font-size:13px;display:flex}.account-popover button:hover{color:#0e5d61;background:#edf5f4}.account-popover .logout-option{color:#a13228}.account-popover .logout-option:hover{color:#a13228;background:#fff1ef}.alert{border-radius:4px;margin:0 0 16px;padding:10px 13px}.alert.error{background:#fff0ef}.alert.success{color:#187043;background:#eaf6ee}.panel{background:#fff;border:1px solid #dde5e6;border-radius:6px;margin-bottom:20px;padding:22px}.section-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-head h2{margin:0;font-size:16px}.section-head span{color:#75878d;font-size:13px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.stat{color:#0e5d61;background:#fff;border:1px solid #dde5e6;border-radius:6px;grid-template-columns:28px 1fr;align-items:center;padding:18px;display:grid}.stat span{color:#617279;font-size:13px}.stat strong{color:#17202a;grid-column:2;margin-top:6px;font-size:26px}.inline-form{align-items:end;gap:13px;display:flex}.inline-form label{width:130px}.generated{flex-wrap:wrap;gap:8px;padding-top:18px;display:flex}.generated span,.mono{font-family:Consolas,monospace}.generated span{color:#0e5d61;background:#edf5f3;border-radius:3px;padding:6px 8px;font-size:13px}.table-panel{padding:0}.table-panel .section-head{padding:20px 22px 0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #edf0f1;padding:13px 22px}th{color:#718187;background:#fafcfc;font-weight:700}tbody tr:last-child td{border-bottom:0}.actions{white-space:nowrap}.text-danger{color:#b42318;background:0 0;padding:6px 4px}.status{color:#53656b;background:#edf0f1;border-radius:10px;padding:4px 7px;font-size:11px;font-weight:700}.status.unused,.status.completed{color:#087443;background:#e7f6ed}.status.used,.status.pushed,.status.received,.status.playing{color:#075d91;background:#e7f3fa}.status.revoked,.status.expired,.status.failed{color:#b42318;background:#fff0ef}.two-column{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:20px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.check-row{color:#52646b;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.check-row label{align-items:center;gap:6px;display:flex}.rule-list{gap:0;display:grid}.rule-list div{border-bottom:1px solid #e8eeee;gap:5px;padding:15px 0;display:grid}.rule-list div:last-child{border:0}.rule-list strong{font-size:14px}.rule-list span,.class-row span,.class-row small,.delivery span{color:#74858b;font-size:12px}.class-row{border-bottom:1px solid #e8eeee;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.class-row:last-child{border:0}.class-row>div:first-child{gap:5px;display:grid}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.device-panel{max-width:780px}.text-button{color:#0e5d61;background:0 0;padding:5px}.empty{color:#7d8e94;padding:18px 0;font-size:14px}.record-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.task-item{text-align:left;background:#fff;border:0;border-bottom:1px solid #e9efef;align-items:flex-start;gap:10px;width:100%;padding:14px 18px;display:flex}.task-item:hover,.task-item.selected{background:#f0f7f6}.task-item span:nth-child(2){flex:1;gap:5px;display:grid}.task-item small{color:#75868d;font-size:12px}.task-item em{color:#0e5d61;font-size:12px;font-style:normal}.type-dot{background:#168578;border-radius:50%;width:8px;height:8px;margin-top:6px}.type-dot.voice{background:#d48124}.delivery{border-bottom:1px solid #e8eeee;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.delivery div{gap:5px;display:grid}@media (width<=780px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:190px}.auth-panel{padding:28px}.sidebar{width:64px;padding:18px 8px}.brand span,.sidebar nav button{font-size:0}.brand{padding:0 10px 26px}.sidebar nav button{justify-content:center;padding:12px}.sidebar nav button svg{width:20px;height:20px}.workspace{padding:20px 16px}.two-column,.record-layout,.stat-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.inline-form label{width:100%}.form-row{grid-template-columns:1fr}table{white-space:nowrap;display:block;overflow-x:auto}.topbar{margin-bottom:18px}.account-trigger{min-width:0}.account-copy{display:none}.account-popover{right:0}th,td{padding:12px}}.recovery-panel{min-height:242px}.recovery-note{color:#62757b;margin:0;font-size:13px;line-height:1.65}.recovered-account{background:#f0f8f7;border:1px solid #c9dfdc;border-radius:4px;gap:4px;padding:15px;display:grid}.recovered-account span,.recovered-account small{color:#60757a;font-size:12px}.recovered-account strong{color:#0e5d61;font-size:18px}.recovery-back{justify-self:start;margin-top:-6px}.collaboration-panel,.invitation-panel{max-width:1260px;margin:0 auto 20px}.collaboration-workspace{gap:16px;display:grid}.collaboration-invite{border-bottom:1px solid #e8eeee;padding-bottom:16px}.collaboration-list{display:grid}.collaboration-member,.invitation-row{border-bottom:1px solid #e8eeee;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.collaboration-member:last-child,.invitation-row:last-child{border-bottom:0}.collaboration-member>div,.invitation-row>div:first-child{gap:5px;display:grid}.collaboration-member span:not(.status),.invitation-row span{color:#74858b;font-size:12px}.status.pending{color:#8a5a00;background:#fff4db}.status.accepted{color:#087443;background:#e7f6ed}.status.declined{color:#7a4d4d;background:#f9ecec}.app-shell~.collaboration-panel,.app-shell~.invitation-panel{display:none}.collaboration-invite{background:#f6fbfa;border:1px solid #dce9e7;border-radius:6px;grid-template-columns:minmax(150px,.72fr) minmax(230px,1.2fr) auto;align-items:end;gap:14px;padding:15px 16px;display:grid}.collaboration-invite label{color:#486167;gap:7px;font-weight:700;width:auto!important}.collaboration-invite select,.collaboration-invite input{background:#fff;border-color:#cbdcda;width:100%;height:42px;padding:9px 12px}.collaboration-invite input::placeholder{color:#9aa9ad}.collaboration-invite .primary{min-width:118px;height:42px;padding:0 17px;box-shadow:0 2px 5px #0e5d6129}.collaboration-invite .primary:hover{background:#0a4d51}.collaboration-invite .primary:focus-visible,.collaboration-invite input:focus-visible,.collaboration-invite select:focus-visible{outline-offset:2px;outline:2px solid #80b9b4}@media (width<=780px){.collaboration-invite{grid-template-columns:1fr;gap:11px;padding:14px}.collaboration-invite .primary{width:100%}}.activation-form{gap:15px}.activation-form label.disabled{color:#9aa8ac}.activation-form input:disabled{color:#9aa8ac;cursor:not-allowed;background:#f1f4f4}.permanent-toggle{align-items:center;gap:8px;padding-bottom:11px;font-weight:700;color:#0e5d61!important;width:auto!important;display:flex!important}.permanent-toggle input{accent-color:#0e5d61;width:16px;height:16px}.generated small{color:#168578;margin-left:6px;font-family:Microsoft YaHei,Arial,sans-serif}.permanent-expiry{color:#087443;font-weight:700}@media (width<=780px){.activation-form{gap:12px}.permanent-toggle{padding:0}}.template-library{margin-bottom:18px;padding:14px 16px}.template-toolbar-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.template-toolbar-head>span{color:#1c5052;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.template-toolbar-head .text-button{color:#0e5d61;align-items:center;gap:5px;font-size:12px;display:inline-flex}.template-library-body{grid-template-columns:minmax(260px,1fr) minmax(360px,1.25fr);gap:12px;margin-top:12px;display:grid}.template-use,.template-save{align-items:center;gap:8px;display:flex}.template-use select,.template-save input{flex:1;min-width:0;height:38px;padding:8px 10px}.template-use .secondary,.template-save .secondary{white-space:nowrap;height:38px;padding:8px 12px}.template-delete{color:#b42318;background:#fff7f6;border:1px solid #efd0cc;border-radius:4px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.template-delete:hover{background:#fff0ef}@media (width<=900px){.template-library-body{grid-template-columns:1fr}.template-use,.template-save{max-width:620px}}@media (width<=520px){.template-use,.template-save{flex-wrap:wrap}.template-use select,.template-save input{flex-basis:100%}.template-use .secondary,.template-save .secondary{flex:1}}.voice-panel{gap:10px;display:grid}.voice-panel>span{color:#64767d;font-size:13px}.voice-hold{color:#0e5d61;-webkit-user-select:none;user-select:none;touch-action:none;background:#edf7f5;border:1px dashed #4c8986;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:110px;font-weight:700;display:flex}.voice-hold.recording{color:#b42318;background:#fdefef;border-color:#cf3a3a}.publish-composer .section-head,.broadcast-guide .section-head{align-items:flex-start}.section-subtitle{color:#819197;margin-top:5px;font-size:12px;display:block}.compose-state{color:#0e5d61;background:#e7f3f1;border-radius:12px;padding:5px 9px;font-size:11px;font-weight:700}.publish-composer textarea{resize:vertical;min-height:150px;line-height:1.7}.publish-composer textarea::placeholder{color:#a1afb3}.compose-actions{grid-template-columns:minmax(130px,.65fr) minmax(0,1.35fr);gap:10px;display:grid}.compose-actions button{min-height:42px}.preview-theme-picker{align-items:center;gap:9px;min-height:28px;margin:0 0 14px;display:flex}.preview-theme-swatch{border:2px solid var(--swatch-color);background:var(--swatch-color);border-radius:50%;width:22px;height:22px;padding:0;box-shadow:inset 0 0 0 2px #ffffffd1}.preview-theme-swatch.selected{outline-offset:2px;outline:2px solid #1d313a}.mini-broadcast-preview{background:var(--broadcast-accent,#3976e0);color:#fff;text-align:center;border-radius:5px;flex-direction:column;justify-content:center;gap:12px;min-height:245px;margin:0 0 18px;padding:25px 22px;display:flex}.mini-broadcast-preview .preview-kicker,.broadcast-preview .preview-kicker{color:#ffffffdb;letter-spacing:.04em;font-size:12px;font-weight:700}.mini-broadcast-preview strong{overflow-wrap:anywhere;color:#fff;font-family:SimHei,Microsoft YaHei,sans-serif;font-size:20px;font-weight:700;line-height:1.4}.mini-broadcast-preview p{white-space:pre-wrap;overflow-wrap:anywhere;color:#fff;min-height:58px;margin:0;font-family:SimHei,Microsoft YaHei,sans-serif;font-size:15px;font-weight:700;line-height:1.65}.preview-footer{color:#ffffffe6;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.broadcast-preview{z-index:100;background:var(--broadcast-accent,#3976e0);color:#fff;place-items:center;padding:8vw;display:grid;position:fixed;inset:0}.preview-stage{text-align:center;justify-items:center;gap:22px;width:min(1100px,100%);display:grid}.preview-stage h2{overflow-wrap:anywhere;color:#fff;max-width:1100px;margin:0;font-family:SimHei,Microsoft YaHei,sans-serif;font-size:clamp(58px,7.7vh,86px);font-weight:700;line-height:1.2}.preview-stage p{white-space:pre-wrap;overflow-wrap:anywhere;color:#fff;max-width:1100px;margin:0;font-family:SimHei,Microsoft YaHei,sans-serif;font-size:clamp(64px,9.1vh,96px);font-weight:700;line-height:1.55}.preview-stage .preview-footer{margin-top:14px;font-size:15px}.preview-close{color:#fff;background:#00000029;border:1px solid #fff6;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:22px;right:25px}.preview-close:hover{background:#0000004d}@media (width<=780px){.compose-actions{grid-template-columns:1fr}.mini-broadcast-preview{min-height:210px}.preview-stage{gap:15px}}
