:root{color-scheme:dark;--orange:#ff6a00;--bg:#0b0b0d;--line:#ffffff13;--muted:#90909e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f4f7;font:13px/1.65 "Microsoft YaHei UI","PingFang SC",sans-serif}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--orange)}button{cursor:pointer;min-height:39px;border:1px solid #ffffff1d;background:#ffffff06;color:#e4e4eb;border-radius:4px;padding:8px 14px;font-size:12px}button:hover{background:#ffffff10}button:disabled{opacity:.35;cursor:default}.primary{background:var(--orange);border-color:var(--orange);color:#150e09;font-weight:700}.primary:hover{background:#ff8229}.quiet{background:transparent;color:#9494a0;border-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}.admin-header{height:84px;display:flex;align-items:center;gap:20px;padding:0 4vw;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:16px;font-weight:800;letter-spacing:1.5px}.brand small{display:block;font-size:7px;color:#92929e;letter-spacing:1.8px}.back-link{margin-left:auto;font-size:11px;color:#b7b7c1}.eyebrow{color:var(--orange);font-size:9px;font-weight:600;letter-spacing:1.8px}#login-view{max-width:930px;margin:70px auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:0 24px}.login-panel h1{font-size:42px;line-height:1.3;margin:22px 0}.login-panel h1 span{color:#a9a9b4}.intro{color:#92929f;font-size:12px;margin-bottom:30px}label{display:block;font-size:11px;color:#bdbdc7;margin-bottom:8px}input,textarea{background:#111115;border:1px solid #ffffff1c;border-radius:4px;padding:10px 11px;color:#efeff4;width:100%;min-height:42px;transition:border-color .2s}input:hover,textarea:hover{border-color:#ffffff34}input:focus,textarea:focus{border-color:var(--orange)}textarea{resize:vertical;min-height:91px}.login-panel .primary{width:100%;display:flex;justify-content:space-between;margin-top:10px;padding:12px 15px}.demo-note{font-size:10px;color:#6d6d79;margin-top:18px}.login-art{background:radial-gradient(ellipse at center,#ff6a0010,transparent 70%);text-align:center}.login-art img{max-height:460px;object-fit:contain;margin:auto}.login-art span{display:block;font-size:9px;color:#676775;letter-spacing:3px;margin-top:20px}#admin-view{max-width:1550px;margin:auto;padding:35px 4vw}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h1{font-size:29px;margin:6px 0}.page-heading p:not(.eyebrow){color:#878794;font-size:12px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.storage-note{margin-top:25px;margin-bottom:27px;padding:11px 15px;border-left:2px solid var(--orange);background:#ff6a0009;font-size:11px;color:#b5a699}.admin-layout{display:grid;grid-template-columns:192px minmax(370px,1fr) 270px;gap:25px;align-items:start}.member-sidebar{border:1px solid var(--line);background:#111114;border-radius:6px;overflow:hidden}.sidebar-title{display:flex;justify-content:space-between;padding:17px 15px;border-bottom:1px solid var(--line);font-size:11px;color:#a4a4af}.sidebar-title span{color:var(--orange)}#member-list{padding:7px}.member-option{display:flex;align-items:center;width:100%;text-align:left;border:1px solid transparent;background:transparent;padding:8px;margin:2px 0;gap:9px;font-size:11px}.member-option img{width:34px;height:40px;object-fit:contain;background:#202025;border-radius:3px}.member-option.active{border-color:#ff6a0050;background:#ff6a0011;color:#ffb17a}.member-option span:last-child{font-size:9px;margin-left:auto;color:#71717e}.member-sidebar>p{color:#6f6f7d;font-size:10px;padding:13px 15px;border-top:1px solid var(--line)}.editor{border:1px solid var(--line);border-radius:6px;min-width:0;background:#141417}.editor-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--line);gap:10px}.editor-heading h2{font-size:20px;margin-top:6px}.editor-heading .eyebrow{font-size:8px;color:#818190}.editor-heading>span{font-size:10px;color:#82bd95}.editor-heading>span.dirty{color:#f9a16a}#form-fields{padding:0 23px}.form-section{padding:24px 0 22px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0}.section-title{font-size:13px;color:#efeff4;margin-bottom:17px;display:flex;gap:8px;align-items:center}.section-title:before{content:"";background:var(--orange);width:3px;height:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}.field{min-width:0}.field.full{grid-column:1/-1}.field-hint{font-size:9px;color:#777785;margin-top:6px}.switch-field{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff03;border:1px solid #ffffff0d;border-radius:4px;padding:10px 12px;grid-column:1/-1}.switch-field label{margin:0;font-size:12px;color:#d6d6df}.switch-field input{width:36px;height:19px;min-height:0;accent-color:var(--orange);cursor:pointer}.upload-row{display:flex;gap:8px;margin-top:8px;align-items:center;flex-wrap:wrap}.upload-row button{padding:5px 10px;font-size:10px;min-height:29px}.upload-row span{font-size:9px;color:#70707c}.editor-actions{position:sticky;bottom:0;z-index:2;background:#1a1a1ef5;border-top:1px solid var(--line);display:flex;gap:7px;align-items:center;justify-content:flex-end;padding:16px 18px;border-radius:0 0 6px 6px}.editor-actions button{font-size:11px;padding:8px 10px}.reorder-actions{display:flex;gap:3px;margin-right:auto}.preview-column{position:sticky;top:20px;min-width:0}.preview-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px}.preview-title .eyebrow{font-size:8px}.preview-title>span:last-child{font-size:8px;color:#71717f}.preview-card{position:relative;background:linear-gradient(140deg,#28282e,#141417);border:1px solid var(--line);border-radius:7px;aspect-ratio:3/5.1;overflow:hidden}.preview-card>img{position:absolute;width:90%;height:62%;object-fit:contain;left:5%;top:7%;z-index:1}.preview-watermark{position:absolute;top:55px;left:18px;font-size:61px;letter-spacing:-4px;font-weight:900;color:#ffffff05}#preview-status{position:absolute;top:15px;left:17px;font-size:10px;color:#9d9da9}#preview-status:before{content:"";display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-right:6px}#preview-status.accepting{color:#8cdaad}#preview-status.soon,#preview-status.later{color:#ffa260}.preview-info{position:absolute;bottom:17px;left:17px;right:17px;z-index:2}.preview-info h2{font-size:22px;margin-bottom:9px}.preview-info>div{display:flex;justify-content:space-between;font-size:10px;gap:8px;margin-top:5px}.preview-info>div>span{color:#858592}.preview-info b{font-weight:400;text-align:right}.preview-info>p{font-size:9px;color:#a0a0ad;border-top:1px solid var(--line);padding-top:10px;margin-top:10px;overflow-wrap:anywhere}.preview-copy{padding:19px 0}.preview-copy h3{font-size:10px;color:#8e8e9c;font-weight:500;margin:10px 0}.preview-copy p{font-size:11px;color:#b9b9c5;white-space:pre-wrap;overflow-wrap:anywhere}.preview-footnote{border-top:1px solid var(--line);padding-top:15px;font-size:10px;color:#6e6e7a}.error{font-size:12px;color:#ffa1a1;min-height:17px;margin:8px 0}.error:empty{display:none}dialog{color:#ededf4;background:#202026;border:1px solid #ffffff24;border-radius:10px;max-width:420px;width:calc(100% - 40px);padding:25px}dialog::backdrop{background:#030305bc;backdrop-filter:blur(5px)}dialog h2{font-size:19px}dialog p{color:#b8b8c4;font-size:12px;margin:16px 0 22px}dialog>div{display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#f0f0f5;color:#17171c;border-radius:6px;z-index:99;padding:12px 20px;font-size:12px;box-shadow:0 10px 40px #0006;max-width:90vw;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1250px){.admin-layout{grid-template-columns:170px minmax(320px,1fr) 235px;gap:17px}#admin-view{padding-inline:25px}.editor-heading,#form-fields{padding-inline:18px}.editor-actions{flex-wrap:wrap}.preview-info h2{font-size:20px}.preview-card{aspect-ratio:3/5.1}}
@media(max-width:1050px){.admin-layout{grid-template-columns:170px minmax(0,1fr)}.preview-column{position:static;grid-column:2;display:grid;grid-template-columns:230px 1fr;gap:0 25px}.preview-title{grid-column:1/-1}.preview-footnote{grid-column:1/-1;margin-top:15px}.preview-card{aspect-ratio:3/4.6}.toolbar{max-width:270px;justify-content:flex-end}.page-heading{align-items:flex-start}}
@media(max-width:650px){.admin-header{height:73px;padding-inline:18px;gap:12px}.brand{font-size:14px;gap:8px}.brand small{font-size:6px}.brand img{width:29px;height:29px}.back-link{font-size:10px}#logout{font-size:9px;padding:4px 8px;min-height:30px}#login-view{display:block;margin:45px auto;padding:0 28px}.login-art{display:none}.login-panel h1{font-size:39px}#admin-view{padding:28px 17px}.page-heading{display:block}.page-heading h1{font-size:27px}.toolbar{margin-top:20px;max-width:none;justify-content:flex-start;gap:7px}.toolbar button{font-size:11px;padding:7px 11px}.storage-note{font-size:10px;margin:19px 0}.admin-layout{display:block}.member-sidebar{margin-bottom:20px}.sidebar-title{padding:11px 13px}#member-list{display:flex;gap:6px;overflow:auto;padding:8px;scrollbar-width:thin}.member-option{width:auto;flex-shrink:0;padding:7px;font-size:10px;gap:6px;margin:0}.member-option img{width:27px;height:33px}.member-option span:last-child{display:none}.member-sidebar>p{padding:8px 13px;font-size:9px}.editor-heading{padding:17px}.editor-heading h2{font-size:19px}#form-fields{padding:0 17px}.field-grid{gap:15px 12px}.editor-actions{padding:11px;gap:6px}.editor-actions button{font-size:10px;padding:7px 9px}.reorder-actions{gap:4px}.preview-column{display:block;margin-top:25px}.preview-title{margin-bottom:12px}.preview-card{width:100%;max-width:340px;margin:auto;aspect-ratio:3/4.4}.preview-info{left:20px;right:20px}.preview-info h2{font-size:24px}.preview-info>div{font-size:12px}.preview-info>p{font-size:10px}.preview-copy{padding:10px 0}.preview-copy p{font-size:12px}.preview-footnote{margin-top:12px}input,textarea{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.preview-info h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-heading h2{overflow-wrap:anywhere}.member-option span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-option img{flex-shrink:0}

.preview-controls{display:flex;gap:5px;margin-bottom:12px;grid-column:1/-1}.preview-controls button{flex:1;min-height:34px;padding:6px 8px;font-size:11px}.preview-controls button.active{color:#ffab6f;border-color:#ff6a0060;background:#ff6a0014}#preview-status.work{color:#8dddae}#preview-status.live{color:#ff8179}#preview-status.sleep{color:#b6accc}
.state-gallery-link{display:inline-block;color:#ff9c59;font-size:11px;margin-bottom:14px}
.slot-list{display:flex;flex-direction:column;gap:8px;margin-top:9px}
.slot-row{display:flex;align-items:center;gap:8px}
.slot-row input{flex:1;min-width:0}
.slot-row input:last-of-type{flex:1.2}
.slot-to{color:#70707c;font-size:10px;flex:none}
.slot-del{width:29px;height:29px;min-height:29px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffff06;border:1px solid #ffffff14;border-radius:4px;color:#ff6a00;font-size:15px;line-height:1;cursor:pointer;flex:none}
.slot-del:hover{background:#ffffff10;border-color:#ff6a004d}
.slot-add{margin-top:10px;background:transparent;border:1px dashed #ff6a005c;color:#ff8a2b;border-radius:4px;padding:7px 12px;font-size:11px;min-height:32px;cursor:pointer;font-weight:600}
.slot-add:hover{background:#ff6a000f;border-color:#ff6a00aa}