:root{--bg:#f6f2ea;--surface:#fff;--surface-soft:#faf8f3;--text:#222;--muted:#666;--border:#ded8cc;--accent:#00008b;--accent-strong:#000070;--accent-soft:#eceaf8;--border-hover:#c8c3b8;--warning:#8a5a00;--warning-bg:#fff7dc;--success:#000070;--success-bg:#efedf8;--shadow:0 12px 30px #22222212}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:var(--bg);margin:0;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;font-size:16px;line-height:1.6}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(100% - 32px,1080px);margin:0 auto}.page{padding:28px 0 48px}.section{margin-top:28px}.eyebrow{color:var(--accent);margin:0 0 8px;font-size:.88rem;font-weight:700}.page-title{letter-spacing:0;margin:0;font-size:clamp(2rem,8vw,4.4rem);line-height:1.05}.section-title{margin:0 0 14px;font-size:1.35rem;line-height:1.25}.lead{color:var(--muted);margin:14px 0 0;font-size:1.03rem}.card{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffbf;border-radius:16px}.button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.button.primary{color:#fff;background:var(--accent)}.button.primary:hover{background:var(--accent-strong)}.button.secondary{color:var(--accent-strong);border-color:var(--border);background:#ffffffb8}.button.secondary:hover{border-color:var(--border-hover);background:#fff}.button.small{min-height:36px;padding:7px 11px;font-size:.9rem}.field{gap:8px;display:grid}.field label,.field-label{color:var(--text);font-weight:700}.input,.select{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);background:#ffffffd1;border-radius:8px;padding:10px 12px}.input:focus,.select:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.muted{color:var(--muted)}.notice{color:var(--warning);background:var(--warning-bg);border-radius:8px;padding:12px 14px}.success{color:var(--success);background:var(--success-bg);border-radius:8px;padding:14px;font-weight:700}@media (min-width:760px){.page{padding:44px 0 64px}.lead{font-size:1.12rem}}
.site-footer{border-top:1px solid var(--border);background:#fff6}.footer-inner{color:var(--muted);gap:14px;padding:22px 0;font-size:.92rem;display:grid}.footer-inner p{margin:0}.footer-links{gap:14px;font-weight:700;display:flex}.footer-links a{color:var(--accent-strong)}@media (min-width:760px){.footer-inner{grid-template-columns:1fr auto;align-items:center}}
.site-header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f2eae0;position:sticky;top:0}.header-inner{gap:10px;padding:9px 0;display:grid}.brand{align-items:center;width:fit-content;display:inline-flex}.brand strong{color:var(--accent);letter-spacing:0;font-size:1.16rem;line-height:1.2;display:block}.nav{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{border:1px solid var(--border);color:var(--muted);background:#ffffff94;border-radius:8px;flex:none;padding:7px 11px;font-size:.92rem;font-weight:700}.nav a:hover{color:var(--accent-strong);border-color:var(--border-hover);background:#fff}@media (min-width:720px){.header-inner{grid-template-columns:1fr auto;align-items:center;min-height:52px}.nav{justify-content:flex-end}}