@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&display=swap";:root{font-family:Noto Sans SC,system-ui,sans-serif;color:#222;background:#f6f7f8;--primary:#1677ff;--border:#d9d9d9;--muted:#777}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.splash{height:100vh;display:grid;place-content:center;gap:16px;justify-items:center}.loader{width:28px;height:28px;border:3px solid #ddd;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;background:var(--primary);color:#fff;font-size:20px;font-weight:600}.primary{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:6px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.primary.big{width:100%;height:44px;margin-top:8px}.primary:disabled{opacity:.55}.alert,.notice{padding:10px 12px;margin:14px 0;border-radius:6px;font-size:13px}.alert{color:#b42318;background:#fff1f0;border:1px solid #ffccc7}.notice{color:#237804;background:#f6ffed;border:1px solid #b7eb8f}.tip{color:#888;text-align:center;font-size:12px;margin:16px 0 0}.tip.align-left{text-align:left;line-height:1.7}.link-button{display:block;border:0;background:none;color:var(--primary);margin:14px auto 0}.plain-button,.secondary,.clear{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fff;border-radius:6px;padding:8px 12px;color:#444}.clear{border:0;padding:4px;color:#666}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f4f6f8}.login-card{width:min(100%,400px);background:#fff;border:1px solid #e3e5e8;border-radius:10px;padding:32px;box-shadow:0 8px 28px #0000000a}.login-title{display:flex;align-items:center;gap:14px;margin-bottom:28px}.login-title h1{font-size:22px;margin:0 0 5px}.login-title p{font-size:13px;color:var(--muted);margin:0}.login-card label,.modal-form label{display:grid;gap:8px;font-size:13px;font-weight:500;margin:17px 0}.login-card input,.modal-form input{width:100%;height:44px;border:1px solid var(--border);border-radius:6px;padding:0 12px;outline:none;background:#fff}.login-card input:focus,.modal-form input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1677ff17}.password-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;padding-left:12px;color:#888}.password-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #1677ff17}.password-input input{border:0;box-shadow:none!important}.password-input button{border:0;background:none;color:#777;padding:8px}.app-shell{min-height:100vh}.topbar{height:64px;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1120px)/2));position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:10px}.brand b{font-size:17px}.account{display:flex;align-items:center;gap:16px;font-size:13px;color:#666}.main{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:38px 0 60px}.search-panel{background:#fff;border:1px solid #e3e5e8;border-radius:9px;padding:28px}.search-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.search-heading h1{font-size:24px;margin:0 0 6px}.search-heading p{font-size:13px;color:var(--muted);margin:0}.search-form{display:flex;align-items:center;border:1px solid #bbb;border-radius:7px;margin-top:25px;padding-left:14px;color:#777;overflow:hidden}.search-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #1677ff17}.search-form input{height:48px;border:0;outline:0;flex:1;min-width:0;padding:0 11px}.search-form button{height:48px;border:0;background:var(--primary);color:#fff;padding:0 28px}.results{margin-top:28px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title>div{display:flex;align-items:baseline;gap:10px}.section-title h2{font-size:17px;margin:0}.section-title span{font-size:12px;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.video-card{background:#fff;border:1px solid #e1e3e5;border-radius:8px;overflow:hidden;cursor:pointer;transition:.15s}.video-card:hover{border-color:#a9cfff;box-shadow:0 5px 18px #0000000c}.video-cover{height:170px;background:#e9edf2;position:relative;display:grid;place-items:center;overflow:hidden}.video-cover>span{font-size:48px;color:#9aa5b1;font-weight:600}.video-cover img{width:100%;height:100%;object-fit:cover}.video-cover small{position:absolute;right:8px;bottom:8px;color:#fff;background:#000b;padding:3px 6px;border-radius:4px}.play{position:absolute;width:44px;height:44px;border-radius:50%;border:0;background:#000b;color:#fff;display:grid;place-items:center;padding-left:3px}.video-info{padding:15px}.video-info h3{font-size:15px;margin:0 0 7px}.video-info p{font-size:12px;color:#777;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{font-size:11px;padding:2px 6px;background:#f0f2f5;border-radius:4px;color:#666}.skeleton{height:260px;background:linear-gradient(90deg,#eee 25%,#f8f8f8 37%,#eee 63%);background-size:400% 100%;animation:shine 1.4s infinite}@keyframes shine{0%{background-position:100%}to{background-position:0}}.empty{text-align:center;color:#999;padding:70px}.empty h3{font-size:15px;color:#555}.empty p{font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0007;z-index:10;display:grid;place-items:center;padding:16px}.modal{width:min(100%,440px);background:#fff;border-radius:9px;overflow:hidden}.modal.wide{width:min(100%,820px)}.modal>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:15px 18px}.modal h2{font-size:16px;margin:0}.icon-btn{border:0;background:none;padding:5px}.modal-form{padding:8px 20px 20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modal-actions>button{border:1px solid var(--border);background:#fff;border-radius:6px;padding:9px 16px}.modal-actions>.primary{background:var(--primary);border-color:var(--primary)}.player{display:block;width:100%;aspect-ratio:16/9;background:#000}.player-desc{font-size:12px;color:#666;padding:0 18px 12px}@media (max-width:820px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{width:calc(100% - 28px);padding-top:22px}.topbar{padding:0 14px}.account>span{display:none}}@media (max-width:560px){.topbar{height:56px}.brand-mark{width:32px;height:32px;font-size:17px}.plain-button{border:0;padding:6px}.main{width:100%;padding:14px 12px 40px}.search-panel{padding:18px 14px}.search-heading h1{font-size:20px}.search-heading p{font-size:12px}.secondary{font-size:0;padding:9px}.secondary svg{margin:0}.search-form{margin-top:18px}.search-form input{height:44px}.search-form button{height:44px;padding:0 17px}.video-grid{grid-template-columns:1fr;gap:12px}.video-cover{height:52vw;min-height:170px;max-height:230px}.login-card{padding:24px 20px;box-shadow:none}.login-page{align-items:start;padding-top:12vh}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:12px 12px 0 0}.modal.wide{width:100%}.player{max-height:55vh}.section-title h2{font-size:15px}}.modal-form select{width:100%;height:44px;border:1px solid var(--border);border-radius:6px;padding:0 12px;outline:none;background:#fff}.modal-form select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1677ff17}.page-notice{margin-top:18px}.list-video{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:contain}.video-unavailable{display:grid;place-items:center;aspect-ratio:16/9;background:#eef0f2;color:#777;font-size:13px}.video-card{cursor:default}.modal.wide{width:min(100%,1040px)}.user-manager{padding:18px}.user-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.user-toolbar form{display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;overflow:hidden;color:#888}.user-toolbar form input{height:38px;border:0;outline:0;padding:0 9px;width:190px}.user-toolbar form svg{margin-left:10px}.user-toolbar form button{height:38px;border:0;border-left:1px solid var(--border);background:#f7f8fa;padding:0 12px}.inline-user-form{display:grid;grid-template-columns:1.3fr 1fr auto;gap:12px;align-items:end;background:#f7f8fa;border:1px solid #e4e6e8;border-radius:7px;padding:14px;margin-bottom:16px}.inline-user-form label{display:grid;gap:6px;font-size:12px;font-weight:500}.inline-user-form input,.inline-user-form select{height:40px;border:1px solid var(--border);border-radius:6px;background:#fff;padding:0 10px}.inline-user-form>p{grid-column:1/-1;font-size:11px;color:#777;margin:0}.inline-user-form>.alert{grid-column:1/-1;margin:0}.inline-actions{display:flex;gap:7px}.inline-actions button{height:40px;border:1px solid var(--border);background:#fff;border-radius:6px;padding:0 13px}.inline-actions .primary{background:var(--primary);border-color:var(--primary)}.users-list{max-height:min(55vh,520px);border:1px solid #e3e5e7;border-radius:7px;overflow-y:auto}.user-row{display:grid;grid-template-columns:1.35fr .8fr .8fr .75fr 1fr 1.35fr;align-items:center;min-height:51px;border-top:1px solid #eceef0;font-size:12px}.user-row:first-child{border-top:0}.user-row>span{padding:9px 11px;min-width:0}.user-row-head{position:sticky;top:0;z-index:1;min-height:38px;background:#f7f8fa;color:#777;font-size:11px;font-weight:500}.phone{font-weight:500}.user-role,.user-status{display:inline-block;font-style:normal;font-size:10px;padding:3px 7px;border-radius:10px;background:#eef1f4;color:#555}.user-role.admin{background:#e8f1ff;color:#145eb5}.user-status.active{background:#e8f7ee;color:#1f7a45}.user-status.disabled{background:#f2f2f2;color:#888}.user-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.status-button{border:1px solid var(--border);background:#fff;border-radius:5px;padding:5px 9px;font-size:11px;white-space:nowrap}.reset-button{color:#145eb5;border-color:#b8d5f7}.status-button:disabled{opacity:.35;cursor:not-allowed}.users-loading{text-align:center;padding:28px;color:#888;font-size:12px}@media (max-width:720px){.user-manager{padding:12px}.user-toolbar{align-items:stretch}.user-toolbar form{flex:1}.user-toolbar form input{width:100%;min-width:0}.user-toolbar>.primary{font-size:0;padding:9px 11px}.inline-user-form{grid-template-columns:1fr}.inline-user-form>p,.inline-user-form>.alert{grid-column:1}.users-list{border:0;display:grid;gap:10px}.user-row-head{display:none}.user-row{grid-template-columns:1fr 1fr;border:1px solid #e2e4e7!important;border-radius:7px;padding:8px;background:#fff}.user-row>span{padding:5px}.user-row>span:nth-child(5){grid-column:1/2}.user-row>span:nth-child(6){text-align:right}.user-row>span:before{display:block;color:#999;font-size:9px;margin-bottom:3px}.user-row>span:nth-child(1):before{content:"手机号"}.user-row>span:nth-child(2):before{content:"角色"}.user-row>span:nth-child(3):before{content:"首次改密"}.user-row>span:nth-child(4):before{content:"状态"}.user-row>span:nth-child(5):before{content:"最近登录"}.user-row>span:nth-child(6):before{content:"操作"}}