:root{--primary-color:#2357ff;--secondary-color:#ff6b35;--text-color:#172036;--muted-color:#667085;--background-color:#f5f7fb;--border-color:#dfe4ee;--container-width:1180px;--section-spacing:96px;--border-radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text-color);background:var(--background-color);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 max(24px,calc((100% - var(--container-width))/2));background:rgba(255,255,255,.92);border-bottom:1px solid var(--border-color);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:var(--text-color);font-size:13px}.topbar nav{display:flex;gap:28px}.topbar nav a:hover{color:var(--primary-color)}.menu-button{display:none;border:1px solid var(--border-color);background:#fff;border-radius:10px;padding:8px 12px}.hero{max-width:var(--container-width);margin:0 auto;padding:110px 24px 70px}.hero h1{max-width:850px;margin:8px 0 20px;font-size:clamp(48px,8vw,92px);line-height:1.03;letter-spacing:-.06em}.hero>p:not(.eyebrow){max-width:660px;font-size:18px;color:var(--muted-color)}.eyebrow{margin:0;color:var(--primary-color);font-size:12px;font-weight:800;letter-spacing:.18em}.hero-actions,.card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--border-color);border-radius:12px;background:#fff;color:var(--text-color);cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(18,32,72,.1)}.button:active{transform:translateY(0)}.button.primary{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.preview-note{display:grid;grid-template-columns:220px 1fr;gap:24px;margin-top:72px;padding:24px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff}.preview-note span{color:var(--muted-color)}.section{max-width:var(--container-width);margin:0 auto;padding:var(--section-spacing) 24px}.section-heading{max-width:680px;margin-bottom:42px}.section-heading h2,.directory h2{margin:8px 0 10px;font-size:clamp(32px,4vw,52px);line-height:1.1}.section-heading>p:last-child,.directory p{color:var(--muted-color)}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.template-card{position:relative;overflow:hidden;padding:32px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;transition:.25s}.template-card:hover{border-color:#aeb9d4;transform:translateY(-4px);box-shadow:0 22px 50px rgba(20,36,78,.09)}.card-number{position:absolute;right:22px;top:8px;color:#edf0f7;font-size:84px;font-weight:900;line-height:1}.tag{position:relative;display:inline-block;padding:5px 10px;border-radius:99px;background:#eef2ff;color:var(--primary-color);font-size:12px;font-weight:700}.template-card h3{position:relative;margin:22px 0 6px;font-size:28px}.template-card p,.template-card li{color:var(--muted-color)}.template-card ul{min-height:90px;padding-left:20px}.guide-section{max-width:none;background:#172036;color:#fff}.guide-section>.section-heading,.guide-grid{max-width:var(--container-width);margin-left:auto;margin-right:auto}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-grid article{padding:28px;border:1px solid #34405d;border-radius:var(--border-radius)}.guide-grid span{color:#7da0ff;font-size:28px;font-weight:800}.guide-grid p{color:#aeb8cc}.directory{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.directory pre{overflow:auto;padding:28px;border-radius:var(--border-radius);background:#10172a;color:#cbd5e1;line-height:1.8}footer{display:flex;justify-content:space-between;max-width:var(--container-width);margin:auto;padding:40px 24px;border-top:1px solid var(--border-color);color:var(--muted-color)}dialog{width:min(560px,calc(100% - 32px));border:0;border-radius:20px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(12,18,32,.6)}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;cursor:pointer}.dialog-confirm{margin-top:20px}.module-pill{display:inline-block;margin:4px;padding:7px 11px;border-radius:99px;background:#eef2ff;color:#2949a8}.reveal{opacity:0;transform:translateY(18px);transition:.55s}.reveal.visible{opacity:1;transform:none}@media(max-width:768px){:root{--section-spacing:66px}.topbar{padding:0 18px}.menu-button{display:block}.topbar nav{position:absolute;left:12px;right:12px;top:64px;display:none;flex-direction:column;gap:0;padding:10px;border:1px solid var(--border-color);border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.12)}.topbar nav.open{display:flex}.topbar nav a{padding:12px}.hero{padding:72px 20px 44px}.hero h1{font-size:52px}.preview-note,.directory{grid-template-columns:1fr}.template-grid,.guide-grid{grid-template-columns:1fr}.template-card{padding:24px}.template-card ul{min-height:0}footer{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}