:root { --ink:#0b0d0f; --ink2:#15191d; --ink3:#20252a; --paper:#eee9dd; --orange:#ff861c; --orange-dark:#bc4a00; --moss:#7f9343; --muted:#8f979f; --line:rgba(255,255,255,.13); color-scheme:dark; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:#0b0d0f; color:#f4f1ea; font-family:"Microsoft YaHei UI","Segoe UI Variable","Segoe UI",sans-serif; line-height:1.55; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
a { color:inherit; text-decoration:none; }
.admin-auth { min-height:100vh; display:grid; place-items:center; overflow-x:hidden; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:46px 46px; }
.admin-auth::before { content:""; position:fixed; width:480px; height:480px; left:-230px; bottom:-260px; background:var(--orange); filter:blur(180px); opacity:.16; }
.auth-shell { position:relative; z-index:2; width:min(980px,calc(100% - 36px)); min-height:600px; display:grid; grid-template-columns:1.05fr .95fr; border:1px solid #3b4146; background:#111417; box-shadow:16px 16px 0 rgba(0,0,0,.35); }
.auth-brand { position:relative; display:flex; flex-direction:column; justify-content:center; padding:65px; overflow:hidden; border-right:1px solid #34393e; background:#0b0d0f; }
.auth-brand::after { content:"BE"; position:absolute; right:-35px; bottom:-42px; color:rgba(255,134,28,.055); font:950 230px/.8 Bahnschrift,sans-serif; letter-spacing:-.12em; }
.auth-brand img { width:72px; height:72px; object-fit:contain; margin-bottom:24px; }
.auth-brand > span,.auth-panel-head span,.admin-topbar span,.section-title>span { color:var(--orange); font:800 10px/1 Bahnschrift,sans-serif; letter-spacing:.17em; }
.auth-brand h1 { position:relative; z-index:2; margin:18px 0; font-size:52px; line-height:1.06; letter-spacing:-.055em; }
.auth-brand p { position:relative; z-index:2; max-width:400px; margin:0; color:#a1a8af; }
.auth-steps { position:absolute; z-index:2; left:65px; right:65px; bottom:38px; display:flex; justify-content:space-between; color:#646b72; font:700 9px/1 Bahnschrift,sans-serif; letter-spacing:.08em; }
.auth-steps .active { color:var(--orange); }
.auth-back { position:relative; z-index:2; margin-top:35px; color:var(--orange); font-weight:800; font-size:13px; }
.auth-panel { padding:48px; background:#181c20; }
.auth-panel-head { margin-bottom:35px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.auth-panel-head strong { display:block; margin-top:10px; font-size:28px; }
.admin-form { display:grid; gap:18px; }
.admin-form label,.publish-form label { display:grid; gap:8px; }
.admin-form label>span,.publish-form label>span { color:#c4c9ce; font-size:12px; font-weight:750; }
.admin-form label small,.publish-form label small { color:#777f86; font-size:10px; }
input,select,textarea { width:100%; border:1px solid #42494f; border-radius:0; outline:none; background:#101316; color:#fff; padding:12px 13px; transition:border .18s,box-shadow .18s; }
input:focus,select:focus,textarea:focus { border-color:var(--orange); box-shadow:inset 4px 0 0 var(--orange); }
textarea { resize:vertical; min-height:120px; }
.admin-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:45px; padding:0 19px; border:1px solid transparent; border-radius:0; cursor:pointer; font-weight:850; font-size:13px; }
.admin-button.primary { background:var(--orange); color:var(--ink); border-color:#ffab60; box-shadow:4px 4px 0 var(--orange-dark); }
.admin-button.large { min-height:54px; padding-inline:28px; }
.admin-button:hover { transform:translate(-1px,-1px); }
.admin-alert { margin:0 0 20px; padding:13px 16px; border-left:4px solid; font-size:13px; }
.admin-alert.error { background:#3a1818; border-color:#ff5b4e; color:#ffd0ca; }
.admin-alert.success { background:#162c1d; border-color:#54ca72; color:#cbf5d6; }

.admin-dashboard { min-height:100vh; padding-left:245px; background:#0e1113; }
.admin-sidebar { position:fixed; z-index:30; inset:0 auto 0 0; width:245px; display:flex; flex-direction:column; padding:24px 18px; background:#080a0b; border-right:1px solid #2b3034; }
.admin-brand { display:flex; align-items:center; gap:11px; padding:0 8px 24px; border-bottom:1px solid #262b2f; }
.admin-brand img { width:48px; height:48px; object-fit:contain; }
.admin-brand span { display:flex; flex-direction:column; }
.admin-brand strong { font-size:15px; }
.admin-brand small { margin-top:4px; color:#798087; font:750 8px/1 Bahnschrift,sans-serif; letter-spacing:.15em; }
.admin-sidebar nav { display:grid; gap:5px; margin-top:28px; }
.admin-sidebar nav a { display:flex; align-items:center; gap:13px; padding:12px 13px; color:#979fa6; border:1px solid transparent; font-size:13px; font-weight:700; }
.admin-sidebar nav a span { color:#5e666c; font:800 9px/1 Bahnschrift,sans-serif; }
.admin-sidebar nav a:hover,.admin-sidebar nav a.active { color:#fff; background:#191d20; border-color:#32383d; }
.admin-sidebar nav a.active { border-left:3px solid var(--orange); }
.admin-sidebar nav a.active span { color:var(--orange); }
.sidebar-bottom { margin-top:auto; display:grid; gap:8px; border-top:1px solid #262b2f; padding-top:18px; }
.sidebar-bottom a,.sidebar-bottom button { width:100%; display:block; padding:9px 10px; background:none; border:0; color:#858d94; text-align:left; cursor:pointer; font-size:12px; }
.sidebar-bottom a:hover,.sidebar-bottom button:hover { color:var(--orange); }
.admin-main { width:min(1240px,calc(100% - 56px)); margin:0 auto; padding:34px 0 90px; }
.admin-topbar { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-bottom:28px; border-bottom:1px solid #30353a; }
.admin-topbar h1 { margin:8px 0 0; font-size:30px; letter-spacing:-.04em; }
.admin-section { padding:48px 0; border-bottom:1px solid #292e32; scroll-margin-top:20px; }
.section-title { margin-bottom:24px; }
.section-title h2 { margin:8px 0 0; font-size:27px; }
.section-title p { margin:6px 0 0; color:#899198; font-size:13px; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #30363a; }
.metric { min-height:155px; display:flex; flex-direction:column; justify-content:center; padding:23px; border-right:1px solid #30363a; background:#15191c; }
.metric:last-child { border-right:0; }
.metric-primary { background:var(--orange); color:var(--ink); }
.metric span { color:#858e95; font-size:11px; font-weight:700; }
.metric-primary span { color:#743000; }
.metric strong { margin:10px 0 8px; font:950 38px/1 Bahnschrift,sans-serif; letter-spacing:-.04em; }
.metric small { overflow:hidden; color:#717a80; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.metric-primary small { color:#743000; }
.status-online { color:#56d578; font-size:24px!important; letter-spacing:.03em!important; }
.publish-form { display:grid; gap:14px; }
.form-block { padding:26px; border:1px solid #33393e; background:#15191d; }
.form-block-accent { border-left:5px solid var(--orange); }
.block-heading { display:flex; align-items:center; gap:13px; margin-bottom:23px; padding-bottom:16px; border-bottom:1px solid #2c3236; }
.block-heading>span { width:31px; height:31px; display:grid; place-items:center; background:#252b2f; color:var(--orange); font:900 11px/1 Bahnschrift,sans-serif; }
.block-heading div { display:flex; flex-direction:column; }
.block-heading strong { font-size:16px; }
.block-heading small { color:#757d84; font-size:10px; }
.field-grid { display:grid; gap:14px; }
.field-grid.two { grid-template-columns:repeat(2,1fr); }
.form-block>label+.field-grid,.field-grid+label,label+label,.field-grid+label { margin-top:15px; }
.upload-zone { position:relative; min-height:180px; display:grid; place-content:center; gap:5px; text-align:center; border:1px dashed #616a72; background:#101316; transition:border .18s,background .18s; }
.upload-zone.dragging { border-color:var(--orange); background:#261b12; }
.upload-zone.compact { min-height:130px; }
.upload-zone input { position:absolute; inset:0; z-index:2; opacity:0; cursor:pointer; }
.upload-zone strong { font-size:16px; }
.upload-zone span { color:#80888f; font-size:11px; }
.upload-zone em { color:var(--orange); font-size:11px; font-style:normal; font-weight:800; }
.separator { display:flex; align-items:center; gap:13px; margin:18px 0; color:#626a70; font-size:10px; }
.separator::before,.separator::after { content:""; flex:1; height:1px; background:#30363a; }
.publish-footer { display:flex; align-items:center; justify-content:flex-end; gap:20px; padding:20px 0; }
.check-field { display:flex!important; grid-template-columns:auto 1fr; align-items:center; gap:8px!important; }
.check-field input { width:18px; height:18px; accent-color:var(--orange); }
.admin-release-list { border-top:1px solid #373d42; }
.admin-release-list article { display:grid; grid-template-columns:46px minmax(210px,1fr) 1fr auto; align-items:center; gap:18px; padding:17px 11px; border-bottom:1px solid #2d3236; }
.release-badge { width:38px; height:38px; display:grid; place-items:center; background:var(--orange); color:var(--ink); font:900 12px/1 Bahnschrift,sans-serif; }
.release-badge.beta { background:var(--moss); }
.release-admin-copy { display:flex; flex-direction:column; }
.release-admin-copy strong { font:900 19px/1.2 Bahnschrift,sans-serif; }
.release-admin-copy span { color:#c0c6cb; font-size:12px; }
.release-admin-copy small,.release-admin-files { color:#707981; font-size:10px; }
.release-admin-files { display:flex; flex-wrap:wrap; gap:7px; }
.release-admin-files span { padding:4px 7px; background:#1e2327; }
.icon-button { padding:7px 10px; background:transparent; border:1px solid #454c52; color:#c3c9cd; cursor:pointer; font-size:11px; }
.icon-button:hover { border-color:var(--orange); color:var(--orange); }
.release-admin-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.icon-button.danger { border-color:#67383a; color:#ff8b83; }
.icon-button.danger:hover { border-color:#ff5b4e; background:#3a1818; color:#ffd0ca; }
.endpoint-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.endpoint-grid article { display:grid; grid-template-columns:1fr auto; gap:8px 15px; padding:18px; border:1px solid #32383d; background:#15191d; }
.endpoint-grid span { color:#959da4; font-size:11px; }
.endpoint-grid code { grid-column:1; overflow:hidden; color:#fff; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.endpoint-grid button { grid-column:2; grid-row:1/span 2; padding:6px 11px; background:#252b2f; border:1px solid #454c52; color:var(--orange); cursor:pointer; font-size:11px; }
.admin-empty { color:#818990; }
.screenshot-upload-form { display:grid; grid-template-columns:minmax(280px,.75fr) 1.25fr; gap:14px; margin-bottom:22px; }
.screenshot-drop-zone { min-height:220px; }
.screenshot-fields { display:grid; grid-template-columns:1fr 155px; gap:14px; align-content:start; padding:22px; border:1px solid #33393e; background:#15191d; }
.screenshot-fields label { display:grid; gap:8px; }
.screenshot-fields label>span { color:#c4c9ce; font-size:12px; font-weight:750; }
.screenshot-fields label small { color:#777f86; font-size:10px; }
.screenshot-caption-field { grid-column:1 / -1; }
.screenshot-fields .check-field { align-self:center; }
.screenshot-fields .admin-button { justify-self:end; }
.screenshot-admin-grid { display:grid; gap:10px; }
.screenshot-admin-card { display:grid; grid-template-columns:250px minmax(220px,1fr) auto; gap:18px; align-items:center; padding:10px; border:1px solid #33393e; background:#15191d; }
.screenshot-admin-card.is-hidden { opacity:.55; }
.screenshot-admin-preview { overflow:hidden; border:1px solid #41484e; background:#090b0d; }
.screenshot-admin-preview img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.screenshot-admin-info { min-width:0; display:flex; flex-direction:column; }
.screenshot-admin-info>span { color:var(--orange); font:800 9px/1 Bahnschrift,sans-serif; letter-spacing:.14em; }
.screenshot-admin-info strong { margin:8px 0 3px; font-size:17px; }
.screenshot-admin-info small { color:#717a81; font-size:10px; }
.screenshot-admin-info p { margin:8px 0 0; color:#9ba3aa; font-size:12px; }
.screenshot-admin-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.admin-toast { position:fixed; z-index:100; right:25px; bottom:25px; padding:12px 16px; background:var(--orange); color:var(--ink); box-shadow:5px 5px 0 #4c1d00; font-size:12px; font-weight:800; opacity:0; transform:translateY(15px); transition:.18s; }
.admin-toast.show { opacity:1; transform:none; }

@media(max-width:1050px){.admin-dashboard{padding-left:205px}.admin-sidebar{width:205px}.admin-main{width:calc(100% - 34px)}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #30363a}.endpoint-grid{grid-template-columns:1fr}.screenshot-upload-form{grid-template-columns:1fr}.screenshot-admin-card{grid-template-columns:200px 1fr}.screenshot-admin-actions{grid-column:2;justify-content:flex-start}}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:330px;padding:38px;border-right:0;border-bottom:1px solid #34393e}.auth-brand h1{font-size:39px}.auth-steps{display:none}.auth-panel{padding:32px}.admin-dashboard{padding:0}.admin-sidebar{position:static;width:100%;height:auto;padding:13px 14px;flex-direction:row;align-items:center}.admin-sidebar nav{display:none}.admin-brand{padding:0;border:0}.admin-brand img{width:40px;height:40px}.sidebar-bottom{margin:0 0 0 auto;padding:0;border:0}.sidebar-bottom a{display:none}.sidebar-bottom button{text-align:right}.admin-topbar{align-items:flex-end}.metric-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid #30363a}.metric:last-child{border-bottom:0}.field-grid.two{grid-template-columns:1fr}.publish-footer{align-items:stretch;flex-direction:column}.admin-release-list article{grid-template-columns:42px 1fr auto}.release-admin-files{grid-column:2 / -1}.endpoint-grid article{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:480px){.auth-shell{width:calc(100% - 20px)}.auth-brand,.auth-panel{padding:26px}.admin-main{width:calc(100% - 22px)}.admin-topbar{display:block}.admin-topbar>.admin-button{margin-top:18px}.form-block{padding:18px}.admin-release-list article{grid-template-columns:38px 1fr}.release-admin-actions{grid-column:2;justify-content:flex-start}.endpoint-grid article{display:block}.endpoint-grid code{display:block;margin:7px 0 12px;white-space:normal;word-break:break-all}.endpoint-grid button{width:100%}.screenshot-fields{grid-template-columns:1fr}.screenshot-caption-field{grid-column:auto}.screenshot-fields .admin-button{justify-self:stretch}.screenshot-admin-card{grid-template-columns:1fr}.screenshot-admin-actions{grid-column:1}.screenshot-admin-preview{max-width:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}