:root{--navy:#0b1725;--navy2:#14283c;--green:#76b900;--green2:#96d62e;--ink:#17212b;--muted:#6c7884;--line:#dfe6e1;--soft:#f4f7f5;--white:#fff;--danger:#b93a3a;--shadow:0 16px 44px rgba(15,32,24,.10)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:#f3f6f4}button,input,select,textarea{font:inherit}.hidden{display:none!important}a{text-decoration:none;color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;background:linear-gradient(180deg,var(--navy),#0b221b);color:#fff}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 26px}.brand-mark{width:44px;height:44px;border-radius:13px;background:var(--green);display:grid;place-items:center;color:#10200b;font-size:22px;font-weight:900}.brand strong{display:block;font-size:17px}.brand span{display:block;margin-top:3px;color:#9eaca5;font-size:11px}.nav{display:grid;gap:7px}.nav a{padding:13px 14px;border-radius:11px;color:#c4cec9;font-weight:700}.nav a:hover,.nav a.active{background:rgba(118,185,0,.16);color:#c9f28c}.sidebar-foot{position:absolute;left:18px;right:18px;bottom:22px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#aab8b0;font-size:12px}.content{min-width:0}.topbar{height:76px;padding:0 34px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}.topbar h1{margin:0;font-size:20px}.topbar .user{margin-left:auto;display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8f4d9;color:#376500;font-weight:900}.user-copy strong,.user-copy small{display:block}.user-copy small{color:var(--muted);font-size:11px}.page{max-width:1320px;margin:auto;padding:30px 34px 60px}.hero{padding:30px;border-radius:20px;background:linear-gradient(125deg,#10283a,#113a31 62%,#3b6518);color:#fff;box-shadow:var(--shadow)}.hero .eyebrow{color:#b9eb78;font-size:12px;letter-spacing:.16em;font-weight:900}.hero h2{margin:8px 0;font-size:30px}.hero p{margin:0;color:#cad6d0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.module-card,.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.module-card{position:relative;overflow:hidden;padding:25px;min-height:230px;display:flex;flex-direction:column}.module-card:before{content:"";position:absolute;right:-42px;top:-58px;width:170px;height:170px;border-radius:50%;background:#eef7e4}.module-icon{position:relative;width:48px;height:48px;border-radius:13px;background:#eaf5dc;display:grid;place-items:center;font-size:24px}.module-card h3{margin:18px 0 7px;font-size:21px}.module-card p{margin:0;color:var(--muted);line-height:1.7}.module-card .primary{margin-top:auto;align-self:flex-start}.primary,.secondary,.danger{border:0;border-radius:10px;padding:11px 17px;cursor:pointer;font-weight:800}.primary{background:var(--green);color:#14230b}.primary:hover{background:var(--green2)}.primary:disabled{background:#cbd5c6;color:#778072;cursor:not-allowed}.secondary{background:#fff;border:1px solid #cbd5cf;color:#22352a}.danger{background:#fff1f1;color:var(--danger);border:1px solid #efcccc}.section-title{margin:0 0 16px;font-size:23px}.card{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block;font-weight:700}.field.full{grid-column:1/-1}.field span{display:block;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd8d2;border-radius:10px;padding:11px 12px;background:#fff}.field small{display:block;color:var(--muted);font-weight:400;margin-top:6px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload-box{min-height:180px;border:2px dashed #a8c1b2;border-radius:15px;display:grid;place-items:center;text-align:center;padding:22px;background:#f9fbfa;cursor:pointer}.upload-box.drag,.upload-box:hover{border-color:var(--green);background:#f1f8e8}.upload-box strong,.upload-box span{display:block}.upload-box span{margin-top:7px;color:var(--muted);font-size:13px}.upload-box .file-name{color:#447614;font-weight:800}.action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.progress-panel{margin-top:18px;padding:18px;border-radius:13px;background:#f0f5f2}.progress-head{display:flex;justify-content:space-between}.progress-track{height:12px;margin-top:11px;border-radius:99px;overflow:hidden;background:#dce5df}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#078a68,var(--green));transition:width .25s}.message{margin-top:10px;color:var(--muted);font-size:13px}.notice{padding:12px 14px;border-radius:10px;background:#eef6e5;color:#35640c}.notice.error{background:#fff0f0;color:#9b2929}.account-list{width:100%;border-collapse:collapse}.account-list th,.account-list td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.account-list th{font-size:12px;color:var(--muted);background:#f5f7f5}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-brand{padding:8vw;background:linear-gradient(145deg,#091824,#0d392e 65%,#477620);color:#fff;display:flex;flex-direction:column;justify-content:center}.login-brand h1{font-size:42px;margin:14px 0}.login-brand p{max-width:540px;color:#c9d7d0;line-height:1.8}.login-features{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.login-features span{padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px}.login-panel{display:grid;place-items:center;padding:32px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.login-card h2{margin:0 0 6px}.login-card>p{margin:0 0 22px;color:var(--muted)}.login-card .field{margin-top:15px}.login-card .primary{width:100%;margin-top:20px}.login-hint{margin-top:18px;padding:12px;border-radius:10px;background:#f4f7f5;color:var(--muted);font-size:12px;line-height:1.6}.mobile-nav{display:none}
@media(max-width:850px){.shell{display:block}.sidebar{display:none}.topbar{height:66px;padding:0 18px}.page{padding:20px 16px 90px}.grid,.form-grid,.upload-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.hero{padding:23px}.hero h2{font-size:24px}.mobile-nav{position:fixed;z-index:20;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);padding:7px;border-radius:15px;background:#10241b;color:#becbc4;box-shadow:var(--shadow)}.mobile-nav a{padding:8px 3px;text-align:center;font-size:11px;border-radius:9px}.mobile-nav a.active{background:rgba(118,185,0,.2);color:#d7f7aa}.login-page{grid-template-columns:1fr}.login-brand{padding:40px 24px}.login-brand h1{font-size:30px}.login-panel{padding:24px 16px}.user-copy{display:none}}
.local-processing{margin-bottom:18px;padding:11px 13px;border-radius:10px;background:#eaf4df;color:#355d12;font-size:13px}.subtitle-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}.video-upload{min-height:260px}.video-preview{overflow:hidden;border-radius:14px;background:#07100c}.video-preview video{display:block;width:100%;height:360px}.subtitle-controls{display:grid;grid-template-columns:180px 220px auto;gap:13px;align-items:end;margin-top:18px}.subtitle-controls .primary{height:44px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.editor-toolbar strong,.editor-toolbar small{display:block}.editor-toolbar small{margin-top:4px;color:var(--muted)}.style-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:16px 0;padding:12px;border-radius:10px;background:var(--soft)}.style-row label{display:flex;align-items:center;gap:7px;font-size:13px}.subtitle-table-wrap,.table-scroll{overflow:auto}.subtitle-table{width:100%;min-width:760px;border-collapse:collapse}.subtitle-table th,.subtitle-table td{padding:9px;border-bottom:1px solid var(--line);text-align:left}.subtitle-table th{background:#f3f6f4;color:var(--muted);font-size:12px}.subtitle-table input,.subtitle-table textarea{width:100%;border:1px solid #d4ddd7;border-radius:8px;padding:8px;background:#fff}.subtitle-table th:nth-child(1){width:45px}.subtitle-table th:nth-child(2),.subtitle-table th:nth-child(3){width:120px}.subtitle-table th:nth-child(5){width:50px}.subtitle-table button{border:0;background:transparent;color:var(--danger);cursor:pointer}.recording-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:rgba(5,15,10,.72);color:#fff}.recording-card{width:min(440px,90vw);padding:26px;border-radius:18px;background:#172820;text-align:center}.recording-card video{width:100%;max-height:240px;background:#000}.recording-card p{color:#c5d0ca}
.name-settings{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:end;margin-top:18px}.name-select{position:relative;display:flex}.name-select>input{padding-right:50px!important}.name-dropdown-button{position:absolute;right:1px;top:1px;bottom:1px;width:46px;border:0;border-left:1px solid #d5ddd8;border-radius:0 9px 9px 0;background:#f5f8f6;color:#31453a;font-size:22px;cursor:pointer}.name-dropdown{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 7px);max-height:330px;overflow:hidden;border:1px solid #cbd7d0;border-radius:12px;background:#fff;box-shadow:0 15px 38px rgba(6,24,15,.18)}.name-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line);background:#f5f8f6}.name-dropdown-head button{border:0;background:transparent;color:#55705f;cursor:pointer}.name-options{max-height:260px;overflow:auto;padding:7px}.name-option{display:flex;align-items:center;gap:9px;padding:9px;border-radius:8px;cursor:pointer;font-weight:500}.name-option:hover{background:#f0f6eb}.name-option input{width:auto}.empty-list{padding:22px;text-align:center;color:var(--muted)}.list-upload>span{display:block;margin-bottom:7px;font-weight:700}.list-upload-button{display:inline-block;text-align:center;cursor:pointer}.list-upload small{display:block;margin-top:7px;color:var(--muted);line-height:1.45}.list-upload small.ready{color:#447614;font-weight:700}@media(max-width:850px){.name-settings{grid-template-columns:1fr}.name-dropdown{position:fixed;left:16px;right:16px;top:auto;bottom:82px;max-height:60vh}}
.remember-login{display:flex;align-items:center;gap:8px;margin-top:14px;color:#263a2e;font-size:13px;cursor:pointer}.remember-login input{width:17px;height:17px;accent-color:var(--green)}.remember-login small{margin-left:auto;color:var(--muted)}
.login-password-field>label{display:block;margin-bottom:7px}.password-input-wrap{position:relative}.password-input-wrap>input{padding-right:52px}.password-visibility{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:44px;height:42px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#52645a;cursor:pointer}.password-visibility:hover,.password-visibility:focus-visible{color:#305d10;background:#eef5e9}.password-visibility svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-visibility .eye-slash{display:none}.password-visibility.is-visible .eye-slash{display:block}
@media(max-width:850px){.subtitle-workspace{grid-template-columns:1fr}.video-preview video{height:auto;aspect-ratio:16/9}.subtitle-controls{grid-template-columns:1fr}.editor-toolbar{align-items:flex-start;flex-direction:column}.editor-toolbar .action-row{margin-top:0}.subtitle-controls .primary{width:100%}}
.document-page{height:calc(100vh - 76px);background:#f5f7f6}.document-frame{display:block;width:100%;height:100%;border:0;background:#f5f7f6}@media(max-width:850px){.document-page{height:calc(100vh - 66px);padding-bottom:76px}}
.upload-box.dragging{border-color:var(--green);background:#f1f8e8}.list-upload-button.dragging{border-color:var(--green);background:#f1f8e8;box-shadow:0 0 0 3px rgba(118,185,0,.14)}