:root{--ink:#282028;--muted:#705e69;--paper:#fff9f6;--accent:#bd456c;--soft:#f4e4e8;--line:#e6c8d2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:10;background:white;padding:10px}.masthead{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:16px max(24px,5vw);border-bottom:1px solid var(--line);background:#fff}.logo{font-size:19px;font-weight:900;letter-spacing:.05em}.logo small{display:block;font-size:11px;color:var(--accent);letter-spacing:.24em}.menu{display:flex;gap:22px;font-size:14px;font-weight:700}.menu a:hover,.menu a:focus{color:var(--accent)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:6px;padding:7px 12px;font-size:15px}
.hero{display:grid;grid-template-columns:43% 57%;min-height:570px}.hero-copy{padding:clamp(50px,8vw,130px) 7vw 70px max(24px,5vw);background:#f7e9ec}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--accent);font-weight:900}.hero h1{font-size:clamp(43px,5vw,86px);line-height:1.12;letter-spacing:-.045em;margin:16px 0 28px}.hero-copy p{font-size:17px;max-width:530px}.hero-copy .intro-note{margin-top:26px;padding-left:15px;border-left:4px solid var(--accent);font-size:14px;color:var(--muted)}.hero-visual{overflow:hidden;background:#2b1d2a}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.quick{display:flex;gap:10px;flex-wrap:wrap;padding:18px max(24px,5vw);border-bottom:1px solid var(--line);background:white}.quick a{padding:7px 16px;border:1px solid var(--line);border-radius:999px;font-weight:700;font-size:14px}.quick a:hover{background:var(--soft)}
main{display:block}.chapter{padding:85px max(24px,5vw) 94px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.chapter:nth-of-type(odd){background:#fff}.chapter:nth-of-type(even){background:#fff7f3}.chapter-head{display:grid;grid-template-columns:160px minmax(250px,560px) 1fr;gap:25px;align-items:start;margin-bottom:42px}.chapter-index{font-size:14px;color:var(--accent);font-weight:900;letter-spacing:.12em}.chapter-head h2{font-size:clamp(38px,4vw,66px);line-height:1.18;margin:0}.chapter-head p{margin:0;max-width:670px;font-size:17px;color:#594b50}.chapter-cards{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}.chapter:nth-of-type(even) .chapter-cards{grid-template-columns:.9fr 1.1fr}.chapter:nth-of-type(even) .style-card:first-child{margin-top:80px}.chapter:nth-of-type(odd) .style-card:last-child{margin-top:80px}.style-card{background:white;box-shadow:0 24px 52px #39232a12;border:1px solid var(--line);overflow:hidden}.style-card figure{margin:0;max-height:760px;overflow:hidden;background:#dbc8d0}.style-card img{width:100%;height:clamp(360px,43vw,640px);object-fit:cover;object-position:center}.card-copy{padding:25px 30px 32px}.card-copy .tag{font-size:12px;color:var(--accent);font-weight:900;letter-spacing:.14em}.card-copy h3{font-size:clamp(24px,2.6vw,35px);line-height:1.3;margin:8px 0 14px}.card-copy p{margin:0;color:#54454d;font-size:16px}.card-copy a{display:inline-block;margin-top:19px;color:var(--accent);border-bottom:1px solid currentColor;font-weight:800;font-size:14px}
.editor-note{padding:70px max(24px,5vw);display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#2d222b;color:#fff}.editor-note h2{font-size:clamp(30px,3vw,44px);line-height:1.25;margin:0}.editor-note p{margin:0 0 16px;color:#ecdde4}.faq{padding:75px max(24px,5vw);max-width:1100px;margin:auto}.faq h2{font-size:38px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:800;font-size:18px}.faq p{color:var(--muted);margin:12px 0 4px}.foot{padding:25px max(24px,5vw);border-top:1px solid var(--line);color:var(--muted);font-size:13px}
@media(max-width:980px){.hero{min-height:0;grid-template-columns:1fr}.hero-copy{padding:52px 6vw}.hero-visual{height:460px}.chapter-head{grid-template-columns:110px 1fr}.chapter-head p{grid-column:2}.chapter{padding:62px 6vw}.chapter-cards{gap:18px}.editor-note{gap:35px}}
@media(max-width:650px){.masthead{padding:14px 18px}.menu-toggle{display:block}.menu{display:none;position:absolute;top:100%;left:0;right:0;padding:14px 18px;background:white;box-shadow:0 16px 20px #0002;flex-direction:column;gap:9px}.menu.open{display:flex}.hero-copy{padding:42px 18px}.hero h1{font-size:44px}.hero-visual{height:330px}.quick{padding:14px 18px;gap:7px}.quick a{font-size:12px;padding:7px 10px}.chapter{padding:50px 18px}.chapter-head{display:block;margin-bottom:26px}.chapter-head h2{margin:7px 0 14px;font-size:39px}.chapter-head p{font-size:15px}.chapter-cards,.chapter:nth-of-type(even) .chapter-cards{display:block}.chapter .style-card{margin:0 0 24px!important}.style-card img{height:auto;aspect-ratio:3/4;object-fit:cover}.card-copy{padding:19px 20px 24px}.editor-note{display:block;padding:52px 18px}.editor-note h2{margin-bottom:20px}.faq{padding:50px 18px}.faq h2{font-size:31px}}