:root{--bg:#090b0e;--panel:#11151a;--panel2:#0d1116;--text:#f1eee7;--muted:#9199a4;--line:rgba(255,255,255,.1);--accent:#f1eee7;--danger:#ff6b6b;--ok:#63d392}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.mini{font-size:11px;letter-spacing:.16em;color:#7f8792}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);border:1px solid var(--line);border-radius:24px;padding:34px;background:#101419}.login-card h1{margin:10px 0 8px;font-size:34px}.login-card p{color:var(--muted);margin:0 0 22px}.login-card input{width:100%;margin-bottom:12px}.back-home{display:inline-block;margin-top:18px;color:var(--muted);font-size:13px;text-decoration:none}.admin-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(9,11,14,.93);backdrop-filter:blur(14px);z-index:10}.admin-top strong{display:block;margin-top:3px}.top-actions{display:flex;align-items:center;gap:10px}.top-actions a{color:var(--muted);text-decoration:none;font-size:13px}.admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 72px)}.side{border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:6px}.tab{border:0;background:transparent;color:var(--muted);padding:12px 14px;border-radius:12px;text-align:left}.tab.active,.tab:hover{background:#151a20;color:var(--text)}.main{padding:34px;min-width:0}.panel-page{max-width:1180px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{font-size:32px;margin:0 0 8px}.page-head p{margin:0;color:var(--muted);line-height:1.65}.card{border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--panel);margin-bottom:20px}.card h2{font-size:18px;margin:0 0 18px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-size:13px;color:#d9dce1;margin-bottom:14px}input[type=text],input[type=password],input:not([type]),textarea,.login-card input{width:100%;border:1px solid var(--line);background:#0c1014;color:var(--text);border-radius:12px;padding:12px 13px;outline:none;margin-top:7px}input:focus,textarea:focus,.rich-editor:focus{border-color:rgba(255,255,255,.25)}textarea{min-height:90px;resize:vertical}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.primary,.ghost,.danger,.editor-toolbar button,.tool-file{border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:#151a20;color:var(--text)}.primary{background:var(--accent);color:#0b0d10;border-color:transparent;font-weight:700}.danger{color:#ff9b9b;border-color:rgba(255,107,107,.28);background:rgba(255,107,107,.06)}.small{padding:7px 11px;font-size:12px}.msg{font-size:13px;color:var(--muted)}.msg.err{color:#ff8b8b}.msg.ok{color:var(--ok)}.dropzone{position:relative;border:1px dashed rgba(255,255,255,.2);border-radius:18px;background:#0c1014;padding:34px;text-align:center;margin:6px 0 16px;transition:.2s}.dropzone.drag{border-color:#fff;background:#141920}.dropzone strong{display:block;margin-bottom:6px}.dropzone span{color:var(--muted);font-size:12px}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.manager-list{display:grid;gap:10px}.item{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:16px;align-items:center;border-top:1px solid var(--line);padding:16px 0}.item:first-child{border-top:0;padding-top:0}.thumb{width:80px;aspect-ratio:16/10;border-radius:11px;background:#0b0f13 center/cover no-repeat;border:1px solid var(--line)}.item h3{font-size:15px;margin:0 0 7px}.meta{font-size:12px;color:var(--muted);line-height:1.65}.actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;max-width:430px}.inline-file,.tool-file{position:relative;overflow:hidden;display:inline-flex;align-items:center;cursor:pointer}.inline-file input,.tool-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.empty{color:var(--muted);padding:18px 0}.editor-shell{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0c1014;margin:7px 0 16px}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--line);background:#10151a}.editor-toolbar button,.tool-file{padding:7px 10px;border-radius:9px;font-size:12px}.rich-editor{min-height:420px;padding:24px;outline:none;line-height:1.9;color:#ddd9d1}.rich-editor:empty:before{content:attr(data-placeholder);color:#626a75}.rich-editor h2{font-size:28px;margin:1.3em 0 .55em}.rich-editor h3{font-size:21px;margin:1.2em 0 .45em}.rich-editor p,.rich-editor div{margin:.8em 0}.rich-editor blockquote{border-left:3px solid #555e68;margin:1.3em 0;padding:2px 0 2px 18px;color:#aaa}.rich-editor img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:14px}.hint-box{display:flex;align-items:center;color:var(--muted);font-size:12px;line-height:1.6;padding:10px 0}.check-row{display:flex;align-items:center;gap:8px;padding-top:10px}.check-row input{width:auto}.current-file{border:1px dashed var(--line);border-radius:14px;padding:14px;color:var(--muted);margin-bottom:16px;word-break:break-all}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:20px}.stat span{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.stat strong{font-size:30px;letter-spacing:-.03em}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric-list{display:grid;gap:0}.metric{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:12px 0;font-size:13px}.metric:first-child{border-top:0}.metric span{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:12px}th{color:#c8ccd2}td{color:var(--muted)}.privacy-note{font-size:11px;line-height:1.6;color:#69717c;margin:14px 0 0}.server-note{font-size:11px;color:#69717c}.empty-inline{color:var(--muted);font-size:13px}input[type=range]{width:100%;margin-top:10px}.current-file strong{color:var(--text)}
@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.side{position:sticky;top:72px;z-index:8;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line);background:rgba(9,11,14,.96);padding:10px 14px}.tab{white-space:nowrap}.main{padding:22px}.stats-grid{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}.item{grid-template-columns:64px 1fr}.thumb{width:64px}.actions{grid-column:1/-1;justify-content:flex-start;padding-left:80px}.form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.admin-top{padding:0 16px}.main{padding:16px}.card{padding:18px;border-radius:16px}.page-head{display:block}.page-head h1{font-size:28px}.page-head>button{margin-top:12px}.stats-grid{grid-template-columns:1fr 1fr}.stat strong{font-size:24px}.rich-editor{min-height:360px;padding:16px}.actions{padding-left:0}.item{grid-template-columns:58px 1fr}.thumb{width:58px}.form-grid{display:block}.top-actions a{display:none}}
select,input[type=number],input[type=datetime-local]{width:100%;border:1px solid var(--line);background:#0c1014;color:var(--text);border-radius:12px;padding:12px 13px;outline:none;margin-top:7px}.checks{margin:6px 0 16px}.checks label{margin:0}.item-controls{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;margin-top:10px}.item-controls label{margin:0}.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px 8px;margin-right:5px;font-size:11px;color:var(--muted)}.thumb.media{background-size:cover}.usage{font-size:11px;color:#7f8792;margin-top:5px}.trend-chart{height:180px;display:flex;align-items:flex-end;gap:4px;overflow:hidden;padding-top:12px}.trend-bar{flex:1;min-width:5px;background:linear-gradient(180deg,#d9d0c1,#6f7782);border-radius:5px 5px 1px 1px;opacity:.75;position:relative}.trend-bar:hover{opacity:1}.trend-bar span{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px);white-space:nowrap;font-size:10px;background:#050607;padding:4px 6px;border-radius:6px}.trend-bar:hover span{display:block}.draft-note{color:#8d949e;font-size:12px}.version-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.version-list button{padding:5px 8px;font-size:11px}.media-link{word-break:break-all}.preview-frame{max-width:780px;margin:auto}.server-note{margin-left:auto}@media(max-width:900px){.item-controls{grid-template-columns:1fr}.server-note{margin-left:0}}

/* 2026.09 responsive / visual polish */
html{scroll-padding-top:80px}body{min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(circle at 85% 0,rgba(255,255,255,.025),transparent 24%),var(--bg)}
a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.rich-editor:focus-visible{outline:2px solid rgba(241,238,231,.7);outline-offset:2px}
.admin-top{box-shadow:0 1px 0 rgba(255,255,255,.02);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.side{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 34%)}.tab{min-height:44px;transition:.16s ease}.tab.active{background:linear-gradient(90deg,#171c22,#13181e);box-shadow:inset 2px 0 0 rgba(241,238,231,.62)}
.main{background:linear-gradient(180deg,rgba(255,255,255,.008),transparent 260px)}.panel-page{max-width:1240px}.page-head{margin-bottom:26px}.page-head h1{font-size:34px;letter-spacing:-.025em}.page-head p{max-width:760px;font-size:13px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));box-shadow:0 14px 44px rgba(0,0,0,.07)}.card h2{letter-spacing:-.012em}.card-head h2{margin-bottom:0}
input[type=text],input[type=password],input:not([type]),textarea,.login-card input,select,input[type=number],input[type=datetime-local]{min-height:45px;transition:border-color .16s,background .16s}textarea{min-height:110px}.primary,.ghost,.danger,.editor-toolbar button,.tool-file{min-height:40px;display:inline-flex;align-items:center;justify-content:center;transition:.16s ease}.primary:hover,.ghost:hover,.editor-toolbar button:hover,.tool-file:hover{filter:brightness(1.07)}.danger:hover{background:rgba(255,107,107,.10)}
.dropzone{min-height:134px;display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#0c1014,#0e1217)}.dropzone:hover{border-color:rgba(255,255,255,.29)}
.item{border-top-color:rgba(255,255,255,.075)}.item h3{font-size:15px;line-height:1.45}.thumb{box-shadow:0 8px 20px rgba(0,0,0,.14)}.meta{word-break:break-word}.badge{background:rgba(255,255,255,.025)}
.editor-shell{box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.editor-toolbar{position:sticky;top:72px;z-index:5;overflow-x:auto;scrollbar-width:thin}.editor-toolbar button,.editor-toolbar .tool-file{flex:0 0 auto}.rich-editor{font-size:16px;word-break:break-word}.rich-editor img{max-width:100%!important;height:auto!important}.rich-editor table{display:block;max-width:100%;overflow:auto}
.stat{background:linear-gradient(145deg,#12171d,#0f1318);min-width:0}.stat strong{font-variant-numeric:tabular-nums}.metric strong,.metric b{font-variant-numeric:tabular-nums}.trend-chart{border-bottom:1px solid var(--line);padding-bottom:1px}.table-wrap{border-radius:12px;scrollbar-width:thin}.table-wrap{-webkit-overflow-scrolling:touch}
.login-card{box-shadow:0 26px 80px rgba(0,0,0,.28);background:linear-gradient(160deg,#11161c,#0d1116)}
@media(max-width:1100px){.item{grid-template-columns:72px minmax(0,1fr)}.thumb{width:72px}.actions{grid-column:1/-1;justify-content:flex-start;padding-left:88px;max-width:none}.item-controls{grid-template-columns:repeat(2,minmax(140px,1fr))}}
@media(max-width:900px){html{scroll-padding-top:128px}.admin-layout{grid-template-columns:1fr}.side{position:sticky;top:72px;z-index:8;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line);background:rgba(9,11,14,.96);padding:9px 14px;gap:5px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.side::-webkit-scrollbar{display:none}.tab{white-space:nowrap;scroll-snap-align:start;padding:10px 13px}.tab.active{box-shadow:inset 0 -2px 0 rgba(241,238,231,.62)}.main{padding:24px 20px}.page-head{align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid{grid-template-columns:1fr}.item{grid-template-columns:64px minmax(0,1fr)}.thumb{width:64px}.actions{padding-left:80px}.form-grid{grid-template-columns:1fr}.editor-toolbar{top:123px}.server-note{margin-left:0}}
@media(max-width:620px){.admin-top{height:64px;padding:0 14px}.admin-top .mini{font-size:9px}.admin-top strong{font-size:14px}.top-actions{gap:7px}.top-actions .ghost{min-height:38px;padding:8px 12px}.side{top:64px;padding:8px 10px}.tab{min-height:40px;padding:8px 11px;font-size:13px}.main{padding:16px 12px 28px}.page-head{display:block;margin-bottom:18px}.page-head h1{font-size:28px;margin-bottom:6px}.page-head>button{margin-top:12px}.card{padding:17px;border-radius:17px;margin-bottom:14px}.card-head{align-items:flex-start;flex-direction:column}.card-head .server-note{margin-top:-8px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.stat{padding:15px;border-radius:15px}.stat span{font-size:11px;margin-bottom:7px}.stat strong{font-size:23px}.item{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:14px 0}.thumb{width:54px;border-radius:9px}.actions{padding-left:0;gap:6px}.actions .small{min-height:38px;padding:8px 11px}.item-controls{grid-template-columns:1fr;gap:6px}.form-grid{display:block}.row{gap:8px}.row>.primary,.row>.ghost,.row>.danger,.row>.inline-file{min-height:42px}.dropzone{min-height:124px;padding:22px 14px}.rich-editor{min-height:340px;padding:16px;font-size:16px;line-height:1.85}.editor-toolbar{top:112px;padding:8px;flex-wrap:nowrap}.editor-toolbar button,.editor-toolbar .tool-file{min-height:38px;padding:7px 10px}.trend-chart{height:150px;gap:3px}.top-actions a{display:none}.login-shell{padding:16px}.login-card{padding:25px 20px;border-radius:20px}.login-card h1{font-size:30px}label{font-size:13px}input[type=text],input[type=password],input:not([type]),textarea,.login-card input,select,input[type=number],input[type=datetime-local]{font-size:16px;min-height:46px}.current-file{font-size:12px}.table-wrap{margin-inline:-4px}table{min-width:620px}.privacy-note{font-size:11px}}
@media(max-width:380px){.stats-grid{grid-template-columns:1fr}.stat{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat span{margin:0}.page-head h1{font-size:26px}.card{padding:15px}.main{padding-inline:10px}.actions .small{font-size:11px;padding-inline:9px}}
@media(hover:none){.primary:hover,.ghost:hover,.danger:hover,.editor-toolbar button:hover,.tool-file:hover{filter:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
