:root{color:#241f1b;background:#f7f2ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #241f1b;--muted: #756b62;--paper: #fffaf4;--paper-strong: #fff3e5;--line: #e4d7c9;--accent: #d7472f;--accent-dark: #a92f21;--mint: #2c7a68;--gold: #b9792c;--shadow: 0 18px 50px rgb(55 39 22 / 12%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#fff9,#fff6eabf),#f7f2ec}button{font:inherit}.app-shell{min-height:100vh}.page{width:min(100%,1100px);margin:0 auto;padding:24px}.page-flow{width:min(100%,720px);padding-bottom:48px}.hero{min-height:34vh;display:grid;align-content:end;padding:34px 0 28px}.eyebrow,.tag{margin:0 0 12px;color:var(--accent-dark);font-size:13px;font-weight:700;letter-spacing:0}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:16px;font-size:clamp(36px,8vw,68px);line-height:1.04;letter-spacing:0}h2{font-size:22px;line-height:1.2;letter-spacing:0}.hero-copy,.lead{max-width:640px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.theme-card,.test-start,.question-panel,.result-panel,.notice{border:1px solid var(--line);border-radius:8px;background:#fffaf4eb;box-shadow:var(--shadow)}.theme-card{display:flex;min-height:290px;flex-direction:column;justify-content:space-between;padding:20px}.theme-card p{color:var(--muted);line-height:1.65}.card-actions{display:grid;gap:10px}code{display:block;overflow-wrap:anywhere;border-radius:8px;background:#f1e7dc;color:#63584f;padding:10px;font-size:12px;line-height:1.4}.primary-button,.secondary-button,.text-button,.icon-button{min-height:48px;border:0;border-radius:8px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;touch-action:manipulation}.primary-button{background:var(--accent);color:#fff;padding:0 18px;font-weight:800;box-shadow:0 12px 26px #d7472f42}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:0 18px;font-weight:700}.primary-button:hover,.secondary-button:hover,.option-card:hover{transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible,.text-button:focus-visible,.icon-button:focus-visible,.option-card:focus-visible{outline:3px solid rgb(44 122 104 / 35%);outline-offset:2px}.wide{width:100%}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;margin:-24px -24px 20px;padding:12px 24px;border-bottom:1px solid rgb(228 215 201 / 70%);background:#f7f2eceb;backdrop-filter:blur(14px)}.topbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.icon-button,.text-button{background:transparent;color:var(--ink);font-weight:800}.icon-button{width:48px;padding:0;font-size:34px;line-height:1}.text-button{min-width:76px;padding:0 10px}.test-start,.question-panel,.result-panel{padding:24px}.page-ops{width:min(100%,1180px);padding-bottom:56px}.ops-hero,.ops-section,.ops-theme,.copy-block{border:1px solid var(--line);border-radius:8px;background:#fffaf4eb;box-shadow:var(--shadow)}.ops-hero{padding:28px}.ops-hero h1{font-size:clamp(34px,6vw,58px)}.ops-section{margin-top:16px;padding:22px}.ops-section h2{margin-bottom:16px}.ops-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.ops-link-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px}.ops-checklist{display:grid;gap:10px;margin:0;padding-left:22px;color:var(--muted);line-height:1.7}.ops-theme-list{display:grid;gap:16px}.ops-theme{padding:20px;box-shadow:none}.ops-theme h3{margin:0 0 14px;font-size:28px;line-height:1.2}.ops-cover-hooks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ops-cover-hooks span{border-radius:999px;background:#f1e7dc;color:#584b41;padding:8px 12px;font-size:13px;font-weight:800}.copy-block{margin-top:12px;overflow:hidden;background:#fff;box-shadow:none}.copy-block-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 14px}.small-button{min-height:38px;padding:0 12px;font-size:14px}.copy-block pre{max-height:360px;overflow:auto;margin:0;padding:14px;color:#40372f;font:inherit;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.stats-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.stats-row span{border-radius:999px;background:#f1e7dc;padding:8px 12px;color:#5b4f45;font-size:14px;font-weight:800}.notice{margin:20px 0;padding:16px;box-shadow:none}.page-index>.notice{margin-top:18px}.notice strong{display:block;margin-bottom:6px;color:var(--accent-dark)}.notice p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.65}.progress-meta{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--muted);font-size:14px;font-weight:800}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:#eaded2}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--gold));transition:width .22s ease}.question-panel h1,.result-panel h1,.test-start h1{margin-top:26px;font-size:clamp(30px,8vw,48px)}.option-list{display:grid;gap:12px;margin-top:24px}.option-card{width:100%;min-height:68px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:16px;text-align:left;box-shadow:0 8px 24px #37271614;touch-action:manipulation}.option-card span{display:block;font-size:17px;font-weight:700;line-height:1.45}.result-block{margin-top:24px}.result-block h2{margin-bottom:12px}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.pill-list li{border-radius:999px;background:#f1e7dc;padding:9px 12px;color:#584b41;font-size:14px;font-weight:800}.advice-list{display:grid;gap:10px;margin:0;padding-left:24px;color:var(--muted);line-height:1.7}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.copy-status{margin:14px 0 0;color:var(--mint);font-weight:800;text-align:center}.share-fallback{width:100%;min-height:92px;margin-top:12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:12px;font:inherit;font-size:14px;line-height:1.6;resize:vertical}@media(max-width:680px){.page{padding:18px}.hero{min-height:30vh;padding-top:22px}.theme-card{min-height:250px}.topbar{margin:-18px -18px 18px;padding:10px 18px}.test-start,.question-panel,.result-panel{padding:20px}.action-row{grid-template-columns:1fr}}