.admin-page{min-height:100vh;background:var(--black);color:var(--white);display:grid;grid-template-columns:240px 1fr}
.admin-login-dialog{width:min(480px,92vw);padding:0;border:1px solid #42494e;background:var(--black);color:var(--white)}.admin-login-dialog::backdrop{background:rgba(0,0,0,.88)}.admin-login-dialog form{padding:2rem;display:grid;gap:1.2rem}.admin-login-dialog span{color:var(--orange);font-size:.72rem}.admin-login-dialog h2{margin:0;font:2.6rem/.95 var(--display);text-transform:uppercase}.admin-login-dialog p{margin:0;color:#8d9499;line-height:1.6}.admin-login-dialog label{display:grid;gap:.5rem;font-size:.72rem;text-transform:uppercase}.admin-login-dialog input{padding:1rem;border:1px solid #41474c;background:#171b20;color:white}.login-status{min-height:1.5rem;color:var(--orange)!important;font-size:.75rem}
.admin-sidebar{padding:2rem;display:flex;flex-direction:column;border-right:1px solid #34393e}.admin-sidebar nav{margin-top:5rem;display:grid}.admin-sidebar nav a{padding:1rem 0;border-bottom:1px solid #34393e;text-transform:uppercase;font-size:.75rem}.admin-sidebar nav .is-active{color:var(--orange)}.admin-reset{margin-top:auto;border:0;background:none;color:#777f85;text-align:left;cursor:pointer}
.admin-main{padding:clamp(2rem,5vw,5rem)}.admin-top{display:flex;justify-content:space-between;align-items:end}.admin-top span{color:var(--orange);font-size:.72rem;text-transform:uppercase}.admin-top h1{margin:.5rem 0 0;font:clamp(3rem,6vw,6rem)/.9 var(--display);text-transform:uppercase}.admin-add{padding:1rem 1.4rem;border:0;background:var(--orange);font-weight:700;text-transform:uppercase;cursor:pointer}
.admin-actions{display:flex;align-items:center;gap:1.25rem}
html[lang="zh-CN"] .admin-top h1{font-family:var(--zh-display);font-weight:700;letter-spacing:-.04em}
html[lang="zh-CN"] .admin-page{font-family:var(--zh-body)}
.admin-toolbar{margin:3rem 0 1.2rem;display:grid;grid-template-columns:1fr 220px;gap:1rem}.admin-toolbar input,.admin-toolbar select{padding:1rem;border:1px solid #3c4247;background:transparent;color:var(--white)}.admin-toolbar option{color:var(--black)}
.media-manager{margin-top:3rem;padding:1.25rem;border:1px solid #343a3f}.media-manager summary{cursor:pointer;color:var(--orange);font-weight:700}.media-manager>p{color:#848c92;font-size:.75rem}.media-manager-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.media-manager-grid label{display:grid;gap:.55rem}.media-manager-grid strong{font-size:.82rem}.media-manager-grid span{color:#737b81;font-size:.7rem}.media-manager-grid input{width:100%;font-size:.7rem}.media-save-status{min-height:1rem;color:var(--orange)!important}
.admin-row{min-height:88px;padding:1rem;display:grid;grid-template-columns:1.4fr .5fr .5fr .5fr .5fr auto;gap:1rem;align-items:center;border-top:1px solid #353b40}.admin-row:last-child{border-bottom:1px solid #353b40}.admin-case strong,.admin-case span{display:block}.admin-case span{margin-top:.3rem;color:#82898e;font-size:.72rem}.status{font-size:.72rem;text-transform:uppercase}.status.published{color:#4fd078}.status.draft{color:var(--orange)}.admin-row button{border:1px solid #454b50;background:none;color:var(--white);padding:.65rem;cursor:pointer}
.case-dialog{width:min(760px,92vw);max-height:90vh;padding:0;border:1px solid #3d4348;background:var(--black);color:var(--white)}.case-dialog::backdrop{background:rgba(0,0,0,.75)}.case-dialog form>header,.case-dialog form>footer{padding:1.4rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34393e}.case-dialog form>footer{border:0;border-top:1px solid #34393e;justify-content:flex-end}.case-dialog header h2{margin:0;text-transform:uppercase}.case-dialog header button{border:0;background:none;color:white;font-size:1.5rem}.editor-grid{padding:1.4rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.editor-grid label{display:grid;gap:.45rem;color:#aeb3b7;font-size:.72rem;text-transform:uppercase}.editor-grid input,.editor-grid textarea,.editor-grid select{padding:.8rem;border:1px solid #41474c;background:#171b20;color:white}.editor-wide{grid-column:1/-1}.editor-grid .check{display:flex;align-items:center}.check input{width:auto}
.cover-upload span{color:#697177;font-size:.68rem;text-transform:none}.crop-preview{position:relative;width:100%;aspect-ratio:16/10;display:block;overflow:hidden;background:#20252a;border:1px solid #41474c}.crop-preview img{width:100%;height:100%;display:block;object-fit:cover}.case-cover-preview{display:none;max-height:300px}.case-cover-preview:has(img.has-image){display:block}.crop-sliders{display:grid!important;gap:.35rem!important}.crop-control{display:grid;grid-template-columns:3.7rem 1fr 2.5rem;align-items:center;gap:.5rem}.crop-control input{padding:0!important;border:0!important}.crop-control output{text-align:right;color:var(--orange)}
.crop-preview{cursor:crosshair}.crop-sliders{display:none!important}.image-crop-dialog{width:min(920px,94vw);padding:0;border:1px solid #444b50;background:var(--black);color:var(--white)}.image-crop-dialog::backdrop{background:rgba(0,0,0,.82)}.image-crop-dialog header,.image-crop-dialog footer{padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34393e}.image-crop-dialog footer{justify-content:flex-end;border:0;border-top:1px solid #34393e}.image-crop-dialog h2,.image-crop-dialog p{margin:0}.image-crop-dialog h2{font-size:1.2rem}.image-crop-dialog p{margin-top:.35rem;color:#858d93;font-size:.75rem}.image-crop-dialog header button{border:0;background:none;color:white;font-size:1.5rem}.crop-stage{position:relative;height:min(62vh,600px);margin:1.4rem;overflow:hidden;background:#080a0c;touch-action:none}.crop-stage>img{width:100%;height:100%;display:block;object-fit:contain;user-select:none;pointer-events:none}.crop-box{position:absolute;display:block;border:3px solid var(--orange);box-shadow:0 0 0 9999px rgba(0,0,0,.62);cursor:move;touch-action:none}.crop-box:before,.crop-box:after{content:"";position:absolute;width:16px;height:16px;border-color:white}.crop-box:before{left:-3px;top:-3px;border-left:3px solid white;border-top:3px solid white}.crop-box:after{right:-3px;bottom:-3px;border-right:3px solid white;border-bottom:3px solid white}.crop-size-control{padding:0 1.4rem 1.4rem;display:grid;grid-template-columns:5rem 1fr 3rem;align-items:center;gap:1rem;font-size:.75rem}.crop-size-control input{width:100%}.crop-size-control output{color:var(--orange);text-align:right}
@media(max-width:760px){.admin-page{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-top{align-items:flex-start;gap:1.5rem;flex-direction:column}.admin-actions{width:100%;justify-content:space-between}.media-manager-grid{grid-template-columns:1fr}.admin-toolbar{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr auto}.admin-row>:not(.admin-case):not(button){display:none}.editor-grid{grid-template-columns:1fr}.editor-wide{grid-column:auto}}