*{box-sizing:border-box} :root{font-family:Inter,"Microsoft YaHei","Segoe UI",sans-serif;color:#dfe4e5;background:#111416;font-synthesis:none}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#c9d0d2;background:#242a2d;border:1px solid #343d40;border-radius:7px;padding:9px 13px;transition:.15s}button:hover{background:#323c3f;border-color:#566668}button:disabled{opacity:.35;cursor:default}input,select,textarea{background:#191e21;color:#dde4e6;border:1px solid #363f44;border-radius:7px;padding:11px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #79bcb066;outline-offset:1px}input::placeholder{color:#748084}h1,h2,h3,p{margin-top:0}.hidden{display:none!important}.primary{background:#9dccb3;color:#13271f;border-color:#9dccb3;font-weight:600}.primary:hover{background:#b2ddc6}.shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{background:#171b1d;border-right:1px solid #2a3033;padding:29px 18px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column}.brand{display:flex;gap:12px;font-size:23px;font-weight:600;align-items:center;letter-spacing:2px;margin-bottom:38px}.brandmark{display:inline-grid;place-items:center;width:43px;height:43px;background:#a2c7b3;border-radius:12px;color:#1b3027;font-size:23px;font-weight:700}.brand small{display:block;color:#74837e;font-size:10px;letter-spacing:2px;margin-top:4px}.workspace-label{font-size:11px;color:#758280;letter-spacing:1px;margin:19px 12px 12px}.nav{display:flex;width:100%;gap:11px;align-items:center;background:transparent;border:0;text-align:left;margin:3px 0;padding:11px 12px;font-size:13px;color:#9eaaa9}.nav span{flex:1}.nav b{font-size:11px;font-weight:400;color:#7c8a86}.nav.active{background:#273830;color:#bedecb}.nav.active b{color:#a6c7b4}.side-bottom{margin-top:auto;padding:35px 11px 0;color:#93aaa0;font-size:12px}.side-bottom small{display:block;color:#60716b;font-size:10px;margin-top:10px}.dot{display:inline-block;height:6px;width:6px;background:#9cc8a8;border-radius:50%;margin-right:7px}main{min-width:0}header{height:78px;padding:0 38px;border-bottom:1px solid #2a3033;display:flex;justify-content:space-between;align-items:center;gap:10px}.breadcrumbs{font-size:12px;color:#758480}.breadcrumbs span{margin:0 12px}.breadcrumbs strong{color:#cad7d0;font-weight:400}.header-actions{display:flex;gap:12px;align-items:center}.header-actions button{font-size:11px;padding:7px 10px}.pill{border:1px solid #3e594a;padding:5px 10px;border-radius:20px;font-size:10px;color:#b2cbbb}.avatar{background:#314037;border-radius:50%;height:31px;width:31px;display:grid;place-items:center;color:#bdd9c5;font-size:12px}.content{padding:35px 38px 20px;max-width:1800px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:10px;color:#779486;letter-spacing:2.6px;margin-bottom:13px}.heading h1{font-size:29px;font-weight:500;letter-spacing:2px;margin-bottom:10px}.heading p{font-size:12px;color:#8a9593;margin:0}.heading button{font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #303a38;border-radius:10px;background:#1a201e;margin-bottom:26px}.metrics>div{padding:19px 23px;border-right:1px solid #303a38}.metrics>div:last-child{border:0}.metrics small{display:block;font-size:11px;color:#9baaa2}.metrics strong{display:block;font-size:29px;line-height:1.7;font-weight:500;letter-spacing:1px;color:#d2e3d8}.metrics span{font-size:10px;color:#72847a}.toolbar{display:flex;gap:10px}.search{display:flex;align-items:center;border:1px solid #363f44;border-radius:7px;flex:1;background:#191e21}.search span{font-size:22px;padding-left:13px;color:#829a8f}.search input{border:0;background:none;flex:1;width:100%}.toolbar select{font-size:11px}.folder-row{display:flex;align-items:center;justify-content:space-between;margin:17px 0}.folder-row select{font-size:11px;max-width:75%;padding:7px 9px}.folder-row>span{font-size:11px;color:#80958a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.card{padding:0;text-align:left;overflow:hidden;border:1px solid #303838;background:#1b2121;border-radius:9px;position:relative}.card:hover{border-color:#87b29a;transform:translateY(-2px)}.thumb{height:145px;background:radial-gradient(ellipse at 75% 30%,#30443b,#1d2c29 50%,#14221f);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.thumb:before,.thumb:after{content:'';position:absolute;bottom:0;width:75%;height:65%;background:#2a3c3455;clip-path:polygon(0 100%,28% 36%,50% 65%,70% 5%,100% 100%)}.thumb:before{left:-8%}.thumb:after{right:-8%;height:88%;background:#38584933}.thumb-icon{position:relative;z-index:1;font-size:25px;color:#a0bbac88;letter-spacing:4px}.thumb-caption{position:absolute;bottom:13px;left:14px;font-size:10px;color:#a9bcaf}.state{position:absolute;top:10px;right:10px;background:#152920df;border:1px solid #537a60aa;color:#b5d4be;font-size:9px;padding:4px 6px;border-radius:4px}.state.unverified{background:#202b2add;color:#96aaa4;border-color:#43554e}.state.verification_failed{background:#412724;color:#e6b09d;border-color:#845547}.kind{position:absolute;top:11px;left:12px;font-size:9px;letter-spacing:1px;color:#afc6b9}.card-body{padding:14px}.card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#d4ded8;line-height:1.7}.card-folder{color:#85968d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 13px}.card-meta{display:flex;justify-content:space-between;color:#698074;font-size:10px}.stars{color:#adbf92;letter-spacing:1px}.banner{padding:12px 15px;margin-bottom:20px;background:#362b20;border:1px solid #695034;color:#dbc19e;border-radius:7px;font-size:12px;line-height:1.7}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;font-size:12px;color:#81968b}.pagination button{font-size:11px}footer{font-size:10px;color:#5b7166;margin-top:28px}footer span{margin:0 9px}dialog{color:#dfe4e5;background:#1c2322;border:1px solid #4a5a50;border-radius:13px;width:min(1100px,94vw);padding:25px;max-height:92vh}dialog::backdrop{background:#070d0bbe;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-top h2{font-size:18px;margin:7px 0;overflow-wrap:anywhere}.dialog-top small{font-size:11px;color:#95b29e}.dialog-top button{border:0;background:transparent}.detail-layout{display:grid;grid-template-columns:1.75fr 1fr;gap:26px}.player-wrap{background:#080e0c;aspect-ratio:16/9;position:relative;display:grid;place-items:center;border-radius:8px;overflow:hidden}video{width:100%;max-height:100%}.preview-hint{position:absolute;text-align:center;color:#96aa9e;font-size:12px;line-height:1.9;white-space:pre-wrap;padding:25px;pointer-events:none}.media-info{display:flex;gap:12px;font-size:11px;color:#9eafa4;margin:16px 0}.path{font-size:11px;color:#799584;overflow-wrap:anywhere;line-height:1.8}.download-row{display:flex;align-items:center;gap:12px;margin-top:21px}.download-row span{font-size:10px;color:#7d9586}label{display:flex;flex-direction:column;font-size:11px;color:#acbcb1;gap:8px;margin-bottom:16px}label input,label select,label textarea{width:100%;font-size:12px}.muted{font-size:10px;line-height:1.8;color:#778c80;margin-top:13px}.file-list{max-height:230px;overflow:auto;margin-top:18px;font-size:11px}.file-list a{color:#b9d6c1;display:block;padding:7px 0;overflow-wrap:anywhere}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#2a3e32,#111916 65%)}.login-card{width:min(390px,90vw);padding:37px;background:#19241fe8;border:1px solid #3b5243;border-radius:16px}.login-card .brandmark{margin-bottom:20px}.login-card h1{font-size:27px;letter-spacing:4px;margin-bottom:10px}.login-card p{font-size:12px;color:#9bac9f;line-height:1.8;margin-bottom:25px}.login-card button{width:100%}.login-card small{font-size:10px;color:#6d8878}.login-card p.error{color:#e0a891;margin:10px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:80vw;background:#d1e5d8;color:#1c3528;padding:12px 22px;border-radius:8px;font-size:12px;z-index:20;box-shadow:0 8px 30px #0006}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;color:#abc0b1}#infoDialog{max-width:680px}.checkbox{flex-direction:row;align-items:center}.checkbox input{width:auto}.user-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #35483c;font-size:12px}.user-row button{font-size:10px}.empty{grid-column:1/-1;text-align:center;padding:70px;color:#83998d;font-size:13px}@media(min-width:1500px){.thumb{height:180px}}@media(max-width:950px){.shell{grid-template-columns:170px minmax(0,1fr)}.content{padding:25px 20px}header{padding:0 20px}.metrics>div{padding:15px 12px}.metrics span{display:none}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.detail-layout{grid-template-columns:1fr}.sidebar{padding:25px 9px}}@media(max-width:640px){.shell{grid-template-columns:1fr}.sidebar{display:none}header{height:60px}.breadcrumbs{font-size:10px}.heading h1{font-size:24px}.heading button{font-size:10px}.heading p{max-width:220px;line-height:1.8}.metrics{grid-template-columns:repeat(2,1fr)}.metrics>div{border-bottom:1px solid #303a38}.metrics>div:nth-child(2){border-right:0}.metrics strong{font-size:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thumb{height:112px}.card-body{padding:10px}.card-meta{font-size:9px}.toolbar select{max-width:36%;padding:9px 7px}.card-title{font-size:11px}.content{padding:23px 14px}.pill{display:none}.heading{gap:10px}.heading button{white-space:nowrap;padding:8px}.state{font-size:8px;top:auto;bottom:9px;right:8px}.thumb-caption{display:none}.thumb-icon{font-size:20px}}
.thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.thumb:has(.thumbnail) .thumb-icon{display:none}.thumb .kind,.thumb .state,.thumb .thumb-caption{z-index:2}.thumb:has(.thumbnail) .kind{background:#15221d99;padding:3px;border-radius:3px}.thumb:has(.thumbnail) .thumb-caption{background:#15221d99;padding:3px;border-radius:3px}
