@import url('/ui-fonts/typography.css');
:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Huohong UI Sans','Microsoft YaHei',sans-serif;color:#252937;background:#f3f4f8}*{box-sizing:border-box}body{margin:0}header{height:76px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #e1e3eb;padding:0 6vw;background:white}a{color:#355baa;text-decoration:none}header a{font-weight:700;font-size:20px}header span,.eyebrow{color:#657085;font-size:13px}main{max-width:1200px;margin:56px auto;padding:0 24px}h1{font-size:34px;line-height:1.4}p{line-height:1.8;color:#636b7a}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0}.theme-card{background:#fff;border:1px solid #dfe3eb;border-radius:22px;padding:16px;box-shadow:0 6px 24px #2b39520a;transition:transform .18s,box-shadow .18s}.theme-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2b395215}.theme-card.active{outline:2px solid #446ec3}h2{font-size:19px;margin:18px 4px 4px}.theme-card p{font-size:13px;margin:4px 4px 16px}button{min-height:44px;width:100%;border:1px solid #d6dce7;border-radius:12px;background:linear-gradient(#fff,#f2f4f9);color:#344467;font:inherit;cursor:pointer;box-shadow:0 2px 0 #d5dae5}button:disabled{opacity:.6;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #4778c9;outline-offset:4px}.preview{height:168px;display:grid;grid-template-columns:36px 1fr;gap:8px;background:var(--bg);padding:12px;border-radius:14px}.preview aside{background:var(--accent);border-radius:8px;opacity:.8}.preview section{display:grid;gap:7px;grid-template-columns:repeat(3,1fr)}.preview b{grid-column:1/-1;border-radius:7px;background:var(--accent);opacity:.2}.preview i{border-radius:8px;background:white;box-shadow:0 2px 8px #0001}.theme-card[data-theme=peach] .preview section{grid-template-columns:1fr 1fr}.theme-card[data-theme=mint] .preview{grid-template-columns:1fr}.theme-card[data-theme=mint] .preview aside{height:18px}.theme-card[data-theme=silver] .preview b{grid-row:span 2;grid-column:span 2}.theme-card[data-theme=paper] .preview section{grid-template-columns:1fr}.theme-card[data-theme=native] .preview section{grid-template-columns:repeat(4,1fr)}nav{display:flex;gap:24px;padding:20px 0}#message{min-height:30px;padding:12px 16px;background:#e9eef8;border-radius:12px;color:#345584}@media(max-width:700px){main{margin:30px auto;padding:0 16px}h1{font-size:27px}.themes{grid-template-columns:1fr;gap:18px}.preview{height:180px}header{padding:0 20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important}}