*{box-sizing:border-box} :root{color-scheme:light} [hidden]{display:none!important}body{margin:0;background:#fff9fc;color:#523848;font-family:system-ui,"Microsoft Yahei",sans-serif;line-height:1.65}.top,main,footer{max-width:1240px;margin:auto;padding:24px clamp(18px,4vw,54px)}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #f0d3e2}.brand{font-weight:900;letter-spacing:2px;font-size:21px;color:#ae4e79;text-decoration:none}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:1px}.top nav{display:flex;gap:16px;flex-wrap:wrap}.top nav a{color:#9c4d74;font-size:13px}.eyebrow{font-weight:750;font-size:11px;letter-spacing:2px;color:#ba7295}h1{font-size:clamp(28px,4.5vw,42px);margin:8px 0}h1 span{color:#ca749c}.intro,.hint{color:#917887;font-size:13px}.panel{background:white;border:1px solid #f0cee0;border-radius:22px;padding:clamp(18px,3vw,28px);box-shadow:0 14px 40px #44213a08;margin:22px 0}.panel h2{margin:6px 0 12px;font-size:22px}.layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:22px}.layout>.panel{margin:0}label{display:block;font-size:14px;font-weight:650;margin:16px 0 0}input:not([type=checkbox]):not([type=color]),textarea{display:block;width:100%;padding:11px 13px;margin-top:6px;border:1px solid #e6bdd2;border-radius:11px;font:inherit;font-weight:400;color:#523848;background:#fff}textarea{resize:vertical}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #bc6392;outline-offset:2px}input[type=color]{display:block;margin-top:7px;width:100%;height:43px;border:1px solid #e6bdd2;border-radius:12px;background:white}fieldset{margin-top:22px;border:1px solid #efd3e1;border-radius:14px;padding:8px 15px 16px}legend{padding:0 6px;font-size:14px;font-weight:750}fieldset label{font-weight:450;display:flex;align-items:center;gap:9px;margin:9px 0}input[type=checkbox]{accent-color:#b65a86;width:17px;height:17px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}button{font:inherit;cursor:pointer;background:#b65783;border:1px solid #b65783;border-radius:12px;color:white;padding:10px 18px;font-weight:700}button.secondary{background:white;color:#a04e76;border-color:#dfb3c9}button:disabled{opacity:.6;cursor:wait}.notice{background:#fff1f7;border:1px solid #eec7da;padding:12px;border-radius:12px;color:#915474;overflow-wrap:anywhere}.preview-panel{align-self:start;position:sticky;top:15px}.preview{--theme:#d96f9d;border:1px solid #ecd2e0;border-radius:18px;overflow:hidden;background:#fff}.preview #previewHero{text-align:center;padding:30px 18px;background:color-mix(in srgb,var(--theme) 17%,white);border-bottom:3px solid var(--theme)}.logo{display:grid;place-items:center;margin:auto;width:66px;height:66px;border-radius:50%;background:white;color:var(--theme);font-size:32px}.preview h3{font-size:23px;color:var(--theme);margin:10px 0}.preview p{overflow-wrap:anywhere}.preview-body{padding:22px}.announcement{border-left:4px solid var(--theme);padding:10px 14px;background:#fff6fa}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.module-grid span{border:1px solid #edd8e1;border-radius:10px;padding:9px;text-align:center;font-size:12px;color:var(--theme)}footer{font-size:11px;color:#a28b99}@media(max-width:850px){.layout{grid-template-columns:1fr}.preview-panel{position:static}.top{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}