:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#152018;background:#f4f6f2;font-synthesis:none;--lime:#c7ff00;--line:#e3e8e0;--muted:#68746b}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button,input,select,textarea{border-radius:8px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #699000;outline-offset:3px}button:disabled{opacity:.48;cursor:not-allowed}button{touch-action:manipulation}a{color:inherit}[hidden]{display:none!important}input,select,textarea{border:1px solid #ccd6c8;background:#fff;color:#152018;padding:11px 12px}input:hover,select:hover,textarea:hover{border-color:#95a78e}input::placeholder,textarea::placeholder{color:#7c877e}textarea{resize:vertical;line-height:1.6}p{line-height:1.65}h1,h2{letter-spacing:-.035em}h2{font-size:18px}img{max-width:100%}
.shell{display:flex;min-height:100vh}.sidebar{width:226px;flex:0 0 226px;background:#fff;border-right:1px solid var(--line);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:26px 16px 16px}.brand{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-1.7px;padding:0 10px 24px}.brand span{display:block;font-size:11px;font-weight:500;letter-spacing:1.1px;font-style:normal;color:var(--muted);margin-top:5px}.brand::before{content:'';display:inline-block;width:12px;height:24px;background:var(--lime);transform:skew(-12deg);margin-right:9px;vertical-align:-2px}#nav{overflow-y:auto;flex:1;scrollbar-width:thin;padding-right:2px}.nav-caption{font-size:11px;letter-spacing:.06em;font-weight:600;color:#7a857a;margin:23px 12px 8px}.nav-caption:first-child{margin-top:0}.nav{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;color:#536151;text-align:left;padding:10px 12px;font-size:13px;line-height:20px;margin-bottom:3px;white-space:nowrap}.nav:hover{background:#f2f5ee}.nav.active{background:var(--lime);color:#18210a;font-weight:650}.nav-icon{display:inline-grid;place-items:center;width:20px;font-size:18px;font-weight:500}.sidebar-footer{border-top:1px solid var(--line);padding:18px 4px 0;margin-top:18px;display:flex;gap:9px;align-items:center;font-size:12px}.sidebar-footer small{display:block;color:var(--muted);margin-top:4px}.avatar,.top-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eff4e8;color:#4a6344;font-size:13px;font-weight:700}.logout{margin-left:auto;color:#667361;background:none;border:0;padding:8px 4px;font-size:12px}.logout:hover{text-decoration:underline}.main{min-width:0;flex:1}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:12px;color:var(--muted);background:#f4f6f2}.topbar strong{color:#253326}.separator{padding:0 12px;color:#a5b09f}.top-right{display:flex;align-items:center;gap:14px;letter-spacing:.1em;font-size:11px}.menu-toggle,.menu-close,.menu-backdrop{display:none}.sidebar-heading{display:flex;align-items:flex-start;justify-content:space-between}.content{max-width:1680px;margin:auto;padding:34px 36px 56px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:29px;line-height:1.2;margin:0 0 10px;font-weight:650}.page-heading p{font-size:13px;color:var(--muted);margin:0;max-width:780px}.page-heading>.primary{flex-shrink:0}.primary,.secondary{border:1px solid transparent;padding:11px 16px;min-height:40px;font-size:13px;font-weight:600}.primary{background:var(--lime);color:#172006}.primary:hover{background:#b9ed00}.secondary{background:#fff;border-color:#d6dfd1;color:#44543c}.secondary:hover{background:#f0f5e9}.link-button{border:0;background:none;padding:7px 8px;color:#3c6310;font-weight:600;font-size:12px;white-space:nowrap}.link-button:hover{background:#edf4e3}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:20px}.panel-head{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:16px;margin:0}.panel-head p{font-size:12px;color:var(--muted);margin:5px 0 0;max-width:660px}.search-form{display:flex;align-items:center;gap:8px}.search{width:250px;font-size:13px}.search-form select{font-size:13px;padding:10px}.table-wrap{overflow-x:auto;overscroll-behavior-x:contain}table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px;text-align:left}th{background:#f9faf7;color:#75806f;font-size:11px;font-weight:600;letter-spacing:.03em}td,th{padding:17px 20px;border-bottom:1px solid #edf0e9;white-space:nowrap}td{font-variant-numeric:tabular-nums;max-width:320px;overflow:hidden;text-overflow:ellipsis}td.cell-name{min-width:180px;max-width:300px;white-space:normal;font-weight:600}td.cell-actions{overflow:visible;max-width:none;white-space:normal;min-width:135px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcf8}.cell-photo{width:40px;height:40px;object-fit:cover;border-radius:8px;vertical-align:middle;margin-right:10px;background:#edf1e9}.badge{display:inline-block;padding:4px 8px;border-radius:5px;font-size:11px;background:#eef1eb;color:#606f58;line-height:1.5;font-weight:500;white-space:nowrap}.badge.success{background:#eaf4dd;color:#476e21}.badge.warning{background:#fff5d9;color:#8c6725}.badge.danger{background:#fbece8;color:#a34034}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:18px 24px;border-top:1px solid #edf0e9;color:var(--muted);font-size:12px}.pagination .secondary{min-height:34px;padding:7px 12px;font-size:12px}.empty{padding:72px 24px;text-align:center;color:var(--muted);font-size:13px}.empty p{margin-top:0}.muted{color:var(--muted)}.error{color:#b3352b;font-size:12px;line-height:1.5;margin-top:10px;min-height:16px;overflow-wrap:anywhere}.settings-panel,.content-summary{padding:28px}.settings-panel{max-width:680px}.settings-panel form{max-width:440px}.settings-panel label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}.settings-panel input{width:100%}.settings-panel p{font-size:12px}.panel>p{margin:24px}.panel>p~button{margin:0 0 24px 24px}
/* Dialogs retain scrolling inside the body, keeping submit and cancel visible. */
dialog{border:1px solid #dce4d7;padding:0;border-radius:18px;width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-shadow:0 24px 100px #1525153b;color:#152018}dialog::backdrop{background:#15201577;backdrop-filter:blur(2px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:20px;margin:0}.close{border:0;background:#f3f6ef;color:#6e7c64;font-size:24px;line-height:1;width:32px;height:32px;display:grid;place-items:center}.dialog-body{padding:24px 28px;max-height:calc(100dvh - 220px);overflow:auto;overscroll-behavior:contain}.dialog-body>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 20px}.dialog-body label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}.dialog-body input:not([type=file]),.dialog-body textarea,.dialog-body select{width:100%;font-size:14px}.dialog-body textarea{min-height:100px}.dialog-actions{border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;padding:18px 28px;background:#fafcf8}.dialog-actions .primary{min-width:110px}.nested-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.nested-row p{font-size:12px;color:var(--muted);margin:6px 0 0}.nested-list{margin-bottom:20px}.review-content,.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.review-images{display:flex;flex-wrap:wrap;gap:12px}.review-images img{width:120px;height:120px;object-fit:cover;border-radius:8px}.media-field{border-top:1px solid var(--line);margin-top:24px;padding-top:1px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;margin:12px 0}.media-item{overflow:hidden;border:1px solid var(--line);border-radius:10px}.media-item img{width:100%;height:115px;object-fit:cover;display:block;background:#f4f6f2}.media-item-actions{display:flex;align-items:center;justify-content:space-between;padding:6px 7px;font-size:10px;color:var(--muted)}.media-control{padding:5px;border:0;background:none;color:#4b6f29;font-size:11px}.media-control.remove{color:#9c4f42}.dialog-body .upload-button{display:inline-flex;position:relative;overflow:hidden;align-items:center;margin:0;font-size:12px;cursor:pointer;vertical-align:middle}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.field-help{display:inline-block;color:var(--muted);font-size:11px;line-height:1.6;margin:8px 0 0 10px}.field-hint{font-size:11px;color:var(--muted);margin:9px 0}.catalog-picker{margin:28px 0 0;padding:18px;border:1px solid var(--line);border-radius:10px;min-width:0}.catalog-picker legend{font-size:13px;font-weight:600;padding:0 6px}.selection-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.selection-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #dee6d6;background:#f3f8eb;border-radius:6px;font-size:12px;padding:5px 8px;max-width:100%;overflow-wrap:anywhere}.selection-chip button{background:none;border:0;color:#5b703d;font-size:18px;padding:0 3px}.picker-tools{display:flex;gap:8px;margin-bottom:10px}.picker-tools input{min-width:0}.picker-tools button{flex-shrink:0}
/* Content publishing and readiness are backed by the same APIs the mini program uses. */
.content-overview{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start}.phone-preview{background:#fff;border:7px solid #263224;border-radius:32px;overflow:hidden;max-width:320px;box-shadow:0 12px 24px #26322412}.phone-title{height:52px;padding:17px 20px;font-size:13px;font-weight:800;letter-spacing:1px}.hero-preview{width:100%;height:280px;object-fit:cover;display:block}.image-empty{height:260px;display:grid;place-items:center;background:#edf2e5;color:#748269;font-size:12px}.phone-copy{padding:24px 22px 35px}.eyebrow{color:#6e7f61;font-size:11px;font-weight:600;letter-spacing:.08em}.phone-copy h2{font-size:24px;margin:10px 0}.phone-copy p{font-size:12px;color:var(--muted);margin:0}.content-summary h2{margin:12px 0 14px}.content-summary p{font-size:13px;color:var(--muted);max-width:600px;margin:0 0 20px}.content-summary dl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.content-summary dl div{border-top:1px solid var(--line);padding-top:16px}.content-summary dt{font-size:12px;color:var(--muted)}.content-summary dd{font-size:17px;font-weight:600;margin:12px 0}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.policy-card{padding:28px}.policy-excerpt{white-space:pre-wrap;font-size:13px;line-height:1.8;color:var(--muted);display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.policy-version{font-size:11px;margin-left:16px}.readiness-summary{display:flex;align-items:center;gap:18px;border-radius:14px;background:#eaf0df;padding:24px 28px;margin-bottom:24px}.readiness-summary h2{font-size:18px;margin:0 0 6px}.readiness-summary p{font-size:12px;color:var(--muted);margin:0}.readiness-summary .secondary{margin-left:auto;flex-shrink:0}.status-dot{width:13px;height:13px;border-radius:50%;background:#d1a24b;flex-shrink:0}.ready .status-dot{background:#80a52c}.check-row{display:flex;gap:20px;align-items:flex-start;padding:23px 28px;border-bottom:1px solid var(--line)}.check-row:last-child{border-bottom:0}.check-row strong{font-size:14px}.check-row p{font-size:12px;color:var(--muted);margin:7px 0 0}
.login-view{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:#f0f4e9}.login-card{width:min(420px,100%);background:#fff;border:1px solid #dce5d4;border-radius:22px;padding:38px;box-shadow:0 20px 70px #2641190a}.login-brand{display:inline-block;font-size:38px;font-style:italic;font-weight:900;letter-spacing:-2px;border-bottom:8px solid var(--lime);line-height:.8;padding:0 4px}.login-card h1{font-size:25px;margin:28px 0 8px}.login-card>p{font-size:13px;color:var(--muted);margin:0 0 24px}.login-card label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}.login-card input{width:100%;height:46px}.login-card .primary{width:100%;margin-top:8px}.login-card .error{color:#b3352b;margin:12px 0 0}.login-footer{font-size:10px;color:#89937e;text-align:center;margin-top:26px;letter-spacing:.08em}#toast{position:fixed;z-index:10;right:24px;bottom:24px;max-width:calc(100vw - 48px);padding:14px 20px;background:#253421;color:#fff;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 6px 20px #14250d22}#toast.show{opacity:1}
@media(min-width:1600px){.content{padding-top:44px}.sidebar{width:248px;flex-basis:248px}.nav{font-size:14px;padding:11px 14px}}
@media(max-width:1100px){.sidebar{width:204px;flex-basis:204px;padding:24px 12px 16px}.content{padding:28px 24px}.topbar{padding:0 24px}.panel-head{flex-wrap:wrap}.search-form{flex-wrap:wrap}.content-overview{grid-template-columns:270px 1fr;gap:22px}.content-summary dl{grid-template-columns:1fr;gap:12px}.content-summary dl div{display:flex;justify-content:space-between;align-items:center;padding-top:12px}.content-summary dd{margin:0}}
@media(max-width:760px){.sidebar{position:fixed;z-index:4;left:0;top:0;width:250px;transform:translateX(-100%);visibility:hidden;transition:transform .16s,visibility 0s linear .16s}.shell.menu-open .sidebar{transform:translateX(0);visibility:visible;transition:transform .16s,visibility 0s;box-shadow:12px 0 40px #14220c33}.shell.menu-open .menu-backdrop{display:block;position:fixed;inset:0;background:#18241466;z-index:3;border:0;border-radius:0;width:100%;height:100%;cursor:pointer}.menu-close{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid #d5dfcc;background:#fff;color:#56664c;font-size:25px;margin-top:0}.menu-toggle{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #d5dfcc;background:#fff;margin-right:10px;position:relative;z-index:5;font-size:19px}.topbar{height:62px;padding:0 16px;position:sticky;top:0;z-index:2}.topbar>div:first-child{display:flex;align-items:center}.topbar .workspace-label,.topbar .separator,.top-right{display:none}.content{padding:26px 16px 40px}.page-heading{gap:12px;margin-bottom:22px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.page-heading>.primary{padding:10px 13px}.panel{border-radius:12px}.panel-head{padding:18px 16px;gap:15px}.search-form{width:100%;gap:8px}.search{flex:1;width:130px;min-width:100px}.pagination{padding:15px 16px;gap:10px}.content-overview{grid-template-columns:1fr;gap:24px}.phone-preview{margin:0 auto;width:290px}.content-summary{padding:22px}.content-summary dl{grid-template-columns:repeat(3,1fr)}.content-summary dl div{display:block}.content-summary dd{margin-top:10px;font-size:14px}.policy-grid{grid-template-columns:1fr;gap:0}.policy-card{padding:24px}.readiness-summary{padding:22px;flex-wrap:wrap;gap:14px}.readiness-summary>div{flex:1;min-width:180px}.readiness-summary .secondary{margin-left:27px}.check-row{padding:20px;gap:14px}.dialog-header{padding:19px 20px}.dialog-header h2{font-size:18px}.dialog-body{padding:22px 20px;max-height:calc(100dvh - 205px)}.dialog-actions{padding:16px 20px}.dialog-actions .secondary,.dialog-actions .primary{padding:10px 12px;font-size:12px}.field-help{margin-left:0;display:block}.media-grid{grid-template-columns:repeat(2,1fr)}.login-card{padding:32px}.settings-panel{padding:22px}.nested-row{align-items:flex-start}.nested-row>div:last-child{flex-shrink:0}.nested-row .link-button{display:block}.policy-version{display:block;margin:14px 0 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.order-promise{display:block;font-size:11px;color:#68746b;line-height:1.8;margin-top:4px}

/* Keep operational content readable and keyboard feedback visible at every size. */
.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:12px 18px;border-radius:8px;background:#152018;color:#fff;transform:translateY(-180%);text-decoration:none}
.skip-link:focus{transform:translateY(0);outline:3px solid var(--lime);outline-offset:3px}
a:focus-visible,.table-wrap:focus-visible,.content:focus-visible,.form-error:focus{outline:3px solid #699000;outline-offset:3px}
.content h1,.content h2,.dialog-header h2{overflow-wrap:anywhere;text-wrap:balance}
.page-heading>div,.panel-head>div,.nested-row>div:first-child,.dialog-header h2{min-width:0}
.dialog-header{gap:16px}.dialog-header .close{flex-shrink:0;width:40px;height:40px}
.dialog-body input,.dialog-body select,.dialog-body textarea{max-width:100%}
.dialog-body,.nested-row,.cell-name,.content-summary dd{overflow-wrap:anywhere}
.form-error:empty{display:none}.form-error:not(:empty){padding:12px 14px;border-left:3px solid #b3352b;background:#fff4f1;border-radius:4px;line-height:1.6;margin-top:18px}
.upload-button:focus-within{outline:3px solid #699000;outline-offset:3px}
.upload-button:has(input:disabled){opacity:.55;cursor:wait}
.media-control{min-height:32px}.media-control:hover{background:#edf4e3;border-radius:4px}.media-control.remove:hover{background:#fff0ed}
.selection-chip button{min-width:28px;min-height:28px}.selection-chip button:hover{background:#e0ebd4;border-radius:4px}
.close:hover{background:#e5ecde;color:#152018}
@media(pointer:coarse){button,.media-control,.selection-chip button{min-height:44px}.upload-button{min-height:44px}.dialog-actions{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-width:760px){.page-heading{flex-wrap:wrap}.nested-row{flex-wrap:wrap}.nested-row>div:last-child{display:flex;flex-wrap:wrap;gap:4px}.dialog-actions{flex-wrap:wrap}.dialog-header h2{line-height:1.4}}