@font-face{font-family:PuHui;src:url('assets/fonts/PuHui-400.woff2') format('woff2');font-weight:400 600;font-display:swap}@font-face{font-family:PuHui;src:url('assets/fonts/PuHui-700.woff2') format('woff2');font-weight:700;font-display:swap}
body.website-editor{--ink:var(--platform-ink);--muted:var(--platform-muted);--line:var(--platform-line);--line-strong:var(--platform-line);--violet:var(--platform-purple);margin:0;height:100dvh;overflow:hidden;background:var(--platform-bg);color:var(--platform-ink);font:14px/1.5 PuHui,"Microsoft YaHei",sans-serif}body.website-editor *{box-sizing:border-box}.wt-editor-bar{height:74px;display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid var(--platform-line);background:var(--platform-paper)}.wt-editor-bar .back{font-size:13px;color:inherit;white-space:nowrap}.editor-name b{display:block;font-size:16px;font-weight:600}.editor-name small{font-size:12px;color:var(--platform-muted)}.wt-editor-bar .platform-theme-switch{margin-left:auto}.wt-editor-bar .top-actions{display:flex;gap:8px;margin-left:auto}.wt-editor-workspace{height:calc(100dvh - 74px);display:grid;grid-template-columns:290px minmax(0,1fr)}.wt-color-panel{background:var(--platform-paper);border-right:1px solid var(--platform-line);padding:26px 20px;overflow:auto}.wt-color-panel header{display:flex;align-items:center}.wt-color-panel h1{font-size:18px;font-weight:600;margin:0}.color-intro{font-size:13px;color:var(--platform-muted);line-height:1.8;margin:10px 0 24px}.color-options{display:grid;gap:12px}.color-choice{width:100%;padding:14px;border:1px solid var(--platform-line);border-radius:6px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.color-choice[aria-pressed=true]{border-color:var(--platform-purple);box-shadow:0 0 0 1px var(--platform-purple);background:var(--platform-lav)}.color-choice:hover{border-color:var(--platform-purple)}.color-choice:focus-visible{outline:3px solid var(--platform-purple);outline-offset:3px}.palette-strip{display:flex;height:30px;border-radius:3px;overflow:hidden;margin-bottom:10px}.palette-strip i{flex:1;display:block}.color-choice b{font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.color-choice[aria-pressed=true] b:after{content:'✓';color:var(--platform-purple)}.color-choice small{display:block;font-size:12px;color:var(--platform-muted);margin-top:4px}.color-caption{font-size:12px;color:var(--platform-muted);line-height:1.7;margin-top:20px}.color-bottom{margin-top:26px;padding-top:20px;border-top:1px solid var(--platform-line);font-size:12px}.color-bottom b{font-weight:600}.color-bottom p{color:var(--platform-muted);line-height:1.8}.wt-editor-stage{display:flex;flex-direction:column;min-width:0;min-height:0}.website-editor .site-preview-bar{height:55px;min-height:55px;padding:8px 20px;background:var(--platform-paper);border-color:var(--platform-line)}.website-editor .site-preview-bar select{background:var(--platform-bg);border-color:var(--platform-line);color:var(--platform-ink)}.website-editor .device-toggle{border-color:var(--platform-line)}.website-editor .device-toggle button[aria-pressed=true]{background:var(--platform-lav);color:var(--platform-ink)}.current-palette{font-size:12px;color:var(--platform-muted);margin-left:auto}.website-editor .preview-viewport{margin:14px;background:var(--platform-line);border:1px solid var(--platform-line);box-shadow:0 4px 14px #00000006}.website-editor .frame-message{background:var(--platform-bg);color:var(--platform-ink)}#openColors,#closeColors{display:none}.color-backdrop{position:fixed;inset:74px 0 0;border:0;background:#19122466;z-index:7}.color-backdrop[hidden]{display:none}.website-editor .wt-button:hover{background:var(--platform-lav)}.website-editor .wt-button.wt-primary:hover{background:#6251c3;color:#fff}
@media(min-width:1900px){.wt-editor-workspace{grid-template-columns:320px minmax(0,1fr)}.wt-color-panel{padding:30px 26px}.website-editor .preview-viewport{margin:20px}}
@media(max-width:1050px){.wt-editor-bar{gap:12px;padding:0 16px}.editor-name small{display:none}.wt-editor-bar .platform-theme-switch{margin-left:0}.wt-editor-workspace{grid-template-columns:250px minmax(0,1fr)}.wt-color-panel{padding:24px 16px}.wt-color-panel h1{font-size:17px}}
@media(max-width:760px){.wt-editor-bar{height:104px;flex-wrap:wrap;gap:8px 16px;padding:10px 16px;align-content:center}.editor-name b{font-size:14px}.wt-editor-bar .back{font-size:12px}.wt-editor-bar .platform-theme-switch{margin-left:auto}.wt-editor-bar .top-actions{width:100%;margin:0;justify-content:flex-end;gap:8px}.wt-editor-bar .top-actions .wt-button{min-height:36px;padding:8px 12px}.wt-editor-workspace{height:calc(100dvh - 104px);grid-template-columns:minmax(0,1fr)}.wt-color-panel{display:none;position:fixed;left:0;top:104px;bottom:0;width:min(300px,86vw);z-index:8;box-shadow:15px 0 35px #17102022}.website-editor.colors-open .wt-color-panel{display:block}#openColors,#closeColors{display:inline-flex}#openColors{margin-left:auto;min-height:36px;padding:7px 14px}#closeColors{align-items:center;justify-content:center}.website-editor .site-preview-bar{gap:10px;padding:8px 12px;flex-wrap:nowrap}.current-palette{display:none}.website-editor .preview-viewport{margin:8px}.color-backdrop{top:104px}.color-intro{margin-bottom:18px}}
@media(max-width:400px){.editor-name b{font-size:13px}.wt-editor-bar{gap:7px 9px}.wt-editor-bar .platform-theme-switch button{font-size:10px;padding:4px 6px}.website-editor .site-preview-bar select{max-width:134px}}
.website-editor .palette-section-title{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--platform-muted);margin:22px 0 12px}.website-editor .retained-palette[hidden]{display:none}.website-editor .retained-palette{margin-top:22px;padding-top:1px;border-top:1px solid var(--platform-line)}

/* WC4: compact per-colour controls, using the shared platform tokens only. */
.single-colors{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--platform-line)}.single-colors-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.single-colors h2{font-size:14px;margin:0;font-weight:600}.single-colors p{font-size:12px;color:var(--platform-muted);line-height:1.6;margin:6px 0 12px}.single-colors-head button{border:0;background:none;color:inherit;font:inherit;font-size:12px;cursor:pointer;min-height:36px;padding:4px}.single-colors button:disabled{opacity:.35;cursor:default}.single-color-grid{display:grid;gap:12px}.single-color{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px}.single-color>label{font-size:12px;line-height:1.4}.single-color>div{display:flex;gap:5px;align-items:center;min-width:0}.single-color input[type=color]{width:40px;height:36px;min-width:40px;border:1px solid var(--platform-line);border-radius:4px;background:none;padding:3px;cursor:pointer}.single-color input[type=text]{width:70px;min-width:0;flex:1;height:36px;border:1px solid var(--platform-line);border-radius:4px;background:var(--platform-bg);color:inherit;font:11px ui-monospace,monospace;padding:4px}.single-color input[aria-invalid=true]{border-color:#b34936}.single-color button{flex:none;width:26px;height:36px;background:none;border:0;color:var(--platform-muted);font-size:18px;cursor:pointer}.single-colors :focus-visible{outline:2px solid var(--platform-purple);outline-offset:2px}.more-color-fields summary{font-size:12px;color:var(--platform-muted);cursor:pointer;padding:14px 0;min-height:44px}.single-colors [hidden]{display:none}#colorWarning{color:var(--platform-ink);border-left:2px solid #b88a44;padding-left:8px;margin-top:14px}.website-editor .color-bottom p{margin-bottom:0}
@media(max-width:1050px) and (min-width:761px){.single-color{grid-template-columns:60px minmax(0,1fr);gap:4px}.single-color input[type=color]{min-width:32px;width:32px}.single-color input[type=text]{font-size:10px}.single-color button{width:20px}}
@media(max-width:760px){.single-color input[type=color],.single-color input[type=text],.single-color button{height:44px}.single-color input[type=color]{min-width:44px;width:44px}.single-color button{width:44px}.single-color{grid-template-columns:64px minmax(0,1fr);gap:6px}}