:root { --ink:#302a27; --muted:#6f6661; --green:#657e50; --pink:#d96981; --paper:#fffdf9; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#fafaf7; font:17px/1.85 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:var(--green); }
.wrap { width:min(820px,calc(100% - 32px)); margin:auto; padding:42px 0 80px; }
.top { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:28px; font-size:14px; }
.top a { text-decoration:none; }
article,.index-card { padding:clamp(24px,5vw,52px); border:1px solid rgba(70,55,48,.09); border-radius:28px; background:rgba(255,255,255,.9); box-shadow:0 18px 60px rgba(79,64,55,.08); }
.eyebrow { color:var(--pink); font-size:14px; font-weight:700; letter-spacing:.06em; }
h1 { margin:12px 0 14px; font-size:clamp(32px,7vw,50px); line-height:1.2; letter-spacing:-.025em; }
h2 { margin:38px 0 10px; font-size:26px; line-height:1.35; }
p,li { color:var(--muted); }
.lead { font-size:19px; color:#554c47; }
.meta { margin-bottom:24px; color:#8b817b; font-size:14px; }
.hero { width:100%; margin:12px 0 26px; border-radius:20px; display:block; }
.body-image { width:100%; margin:26px 0 8px; border-radius:20px; display:block; }
.caption { margin:0 0 26px; text-align:center; color:#958983; font-size:13px; }
.answer { padding:18px 20px; border-left:4px solid var(--pink); border-radius:0 16px 16px 0; background:#fff3f6; color:var(--ink); }
.disclosure { margin:22px 0; padding:17px 20px; border:1px solid #eadfd8; border-radius:16px; background:#fffaf5; color:#615750; font-size:15px; }
.table-scroll { margin:18px 0; overflow-x:auto; border:1px solid #e8e2dd; border-radius:16px; }
table { width:100%; min-width:660px; border-collapse:collapse; background:#fff; font-size:15px; }
th,td { padding:14px 16px; border-bottom:1px solid #eee8e3; text-align:left; vertical-align:top; color:var(--muted); }
th { color:var(--ink); background:#f6f7f2; font-weight:700; }
tbody tr:last-child td { border-bottom:0; }
.source-note { font-size:14px; }
.faq h3 { margin:26px 0 5px; font-size:19px; line-height:1.45; }
.faq p { margin-top:0; }
.cta { margin-top:38px; padding:24px; border-radius:20px; background:#edf5e8; }
.button { display:inline-block; padding:11px 20px; border-radius:999px; color:white; background:var(--green); text-decoration:none; font-weight:700; }
.text-link { display:inline-block; margin-left:14px; font-weight:700; }
.disclaimer { margin-top:30px; padding-top:20px; border-top:1px solid #ece6e1; font-size:14px; }
.blog-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:44px; padding-bottom:24px; border-bottom:1px solid rgba(70,55,48,.12); }
.blog-head h1 { margin:0; font-size:42px; font-weight:500; }
.home-link { color:#77706b; font-size:14px; text-decoration:none; }
.home-link:hover { color:var(--green); }
.grid { display:grid; grid-template-columns:1fr; gap:8px; }
.card { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:baseline; gap:20px; padding:18px 20px; border:1px solid transparent; border-top-color:rgba(70,55,48,.12); border-radius:14px; background:transparent; box-shadow:none; transition:transform .2s,border-color .2s,background .2s,box-shadow .2s; }
.card time { color:#8b817b; font-size:12px; }
.card h2 { margin:0; font-size:19px; font-weight:500; line-height:1.5; }
.card h2 a { color:var(--ink); text-decoration:none; }
.card:hover { transform:translateX(6px); border-color:rgba(101,126,80,.25); background:#fff; box-shadow:0 12px 34px rgba(62,52,47,.07); }
footer { margin-top:28px; color:#8b817b; font-size:14px; }
.site-footer { margin-top:30px; border-top:1px solid rgba(0,0,0,.1); background:#fff; color:#77706b; }
.site-footer__inner { width:min(1180px,calc(100% - 48px)); margin:auto; padding:38px 0; display:flex; align-items:flex-start; justify-content:space-between; gap:36px; font-size:14px; }
.site-footer__left,.site-footer__right { display:flex; flex-direction:column; gap:6px; }
.site-footer__left strong { color:var(--ink); font-size:17px; font-weight:500; }
.site-footer__left div { display:flex; gap:24px; }
.site-footer__right { align-items:flex-end; }
.site-footer a { color:#77706b; text-decoration:none; }
.site-footer a:hover { color:var(--ink); }
@media(max-width:680px){.wrap{padding-top:28px}.blog-head{align-items:flex-start;flex-direction:column-reverse;gap:8px;margin-bottom:28px}.blog-head h1{font-size:36px}.card{grid-template-columns:1fr;gap:4px;padding:16px 14px}.card:hover{transform:translateY(-2px)}.site-footer__inner{width:min(100% - 32px,820px);flex-direction:column}.site-footer__right{align-items:flex-start}}