:root{--bg: #f7f4ed;--surface: #fffdf8;--surface-strong: #ffffff;--fg: #1d2a24;--muted: #667069;--faint: #929b94;--line: #dedfd8;--line-soft: #e9e8e1;--accent: #e4593f;--accent-dark: #b93d2a;--green: #174f3b;--green-soft: #dce9df;--yellow: #f1c55d;--warn-bg: #fff5e2;--serif: "Songti SC", "Noto Serif CJK SC", STSong, Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}.container{width:min(1120px,calc(100% - 48px));margin:0 auto}main.container{padding-bottom:6rem}main.container.narrow{max-width:760px}a{color:var(--accent-dark);text-decoration:none}a:hover{color:var(--accent)}header.site{position:relative;z-index:10;border-bottom:1px solid rgba(29,42,36,.1);background:#f7f4ede0;backdrop-filter:blur(14px)}header.site .container{min-height:72px;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:.7rem;color:var(--fg);font-weight:750;letter-spacing:.08em}.logo:hover{color:var(--green)}.logo-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px 10px 10px 3px;background:var(--green);color:#fff;font-family:var(--serif);font-size:1.05rem;transform:rotate(-3deg)}header.site nav{display:flex;gap:1.8rem;font-size:.88rem}header.site nav a{color:var(--muted)}header.site nav a:hover{color:var(--fg)}.hero{min-height:500px;padding:6.8rem 0 5.2rem;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:5rem}.eyebrow{margin:0 0 .8rem;color:var(--accent-dark);font-size:.78rem;font-weight:750;letter-spacing:.2em;text-transform:uppercase}.hero h1{margin:0;font-family:var(--serif);font-size:clamp(2.8rem,6vw,5rem);line-height:1.15;letter-spacing:-.04em;font-weight:800}.hero h1 em{color:var(--accent);font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:.12em;background:var(--yellow);border-radius:999px;transform:rotate(-1deg);z-index:-1}.hero-lede{max-width:600px;margin:1.6rem 0 0;color:var(--muted);font-size:1.05rem}.hero-stats{display:flex;gap:1.8rem;margin-top:2.4rem;color:var(--muted);font-size:.8rem}.hero-stats strong{display:block;color:var(--green);font-family:var(--serif);font-size:1.45rem;line-height:1.2}.hero-compass{position:relative;width:290px;height:290px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;box-shadow:20px 24px 0 var(--green-soft);transform:rotate(3deg)}.compass-ring{position:absolute;inset:22px;border:1px dashed rgba(255,255,255,.42);border-radius:50%}.compass-arrow{position:absolute;top:34px;right:58px;font-size:4.4rem;line-height:1;color:var(--yellow)}.hero-compass p{margin:70px 0 0;text-align:center;font-size:.82rem;letter-spacing:.12em;line-height:1.6}.hero-compass strong{font-family:var(--serif);font-size:1.1rem}.search-section{position:relative;z-index:2;padding:1.6rem 2rem 2rem;margin-bottom:5.5rem;border:1px solid var(--line);background:var(--surface-strong);border-radius:22px;box-shadow:0 18px 50px #27362d14}.search-section label{display:block;margin-bottom:.7rem;font-weight:700;font-size:.9rem}.search-box{display:flex;align-items:center;gap:.7rem;border-bottom:2px solid var(--fg)}.search-box>span{font-size:1.7rem;line-height:1;transform:rotate(-15deg)}#search-input{flex:1;min-width:0;padding:.65rem 0 .8rem;border:0;outline:0;background:transparent;color:var(--fg);font:500 1.12rem/1.4 var(--sans)}#search-input::placeholder{color:var(--faint)}.search-box kbd{border:1px solid var(--line);border-radius:6px;padding:.1rem .45rem;color:var(--faint);background:var(--bg);font:.72rem var(--sans)}#search-results{margin-top:1rem}.search-empty{margin:1rem 0 0;color:var(--muted);font-size:.88rem}.latest-section{margin-bottom:6rem}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:1.7rem}.section-heading h2{margin:0;font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.2}.section-heading>p{color:var(--faint);font-size:.82rem}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.latest-card{min-height:310px;padding:1.5rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--fg);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.latest-card:nth-child(2){background:var(--green);color:#fff;transform:translateY(18px)}.latest-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 16px 30px #2a38301a}.latest-card:nth-child(2):hover{transform:translateY(10px)}.latest-number{color:var(--accent);font:700 .8rem var(--mono)}.latest-category{margin:2rem 0 .5rem;font-size:.76rem;opacity:.7}.latest-card h3{margin:0;font-family:var(--serif);font-size:1.35rem;line-height:1.4}.latest-card p{margin:.8rem 0 1.5rem;color:var(--muted);font-size:.86rem;line-height:1.7}.latest-card:nth-child(2) p{color:#ffffffb3}.card-link{margin-top:auto;font-size:.82rem;font-weight:700}.latest-card:nth-child(2) .card-link{color:var(--yellow)}.all-guides-heading{padding-bottom:1.2rem;border-bottom:2px solid var(--fg)}.category-block{margin-bottom:3.5rem}.category-block>h2{margin:0;padding:1rem .2rem;display:flex;justify-content:space-between;align-items:center;font-size:.95rem;border-bottom:1px solid var(--line)}.category-title{display:flex;gap:.65rem;align-items:center;font-family:var(--serif);font-size:1.2rem}.cat-emoji{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--green-soft)}.count{color:var(--faint);font-size:.76rem;font-weight:500}.guide-list{list-style:none;padding:0;margin:0}.guide-list li{border-bottom:1px solid var(--line-soft)}.guide-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 32px;gap:2rem;align-items:center;padding:1.35rem .25rem;color:var(--fg);transition:padding .18s ease,background .18s ease}.guide-card:hover{padding-left:.8rem;padding-right:.8rem;background:#fff9;color:var(--fg)}.guide-list .title{font-family:var(--serif);font-weight:750;font-size:1.08rem}.guide-list .desc{margin:.25rem 0 0;color:var(--muted);font-size:.83rem}.guide-list .stats{display:flex;gap:1.3rem;color:var(--faint);font-size:.73rem;white-space:nowrap}.guide-list .stats span:first-child{color:#b88318}.guide-arrow{color:var(--accent);font-size:1.3rem;transition:transform .18s ease}.guide-card:hover .guide-arrow{transform:translate(4px)}article{padding:3.5rem 0 1rem}.breadcrumb{display:flex;gap:.55rem;margin-bottom:2rem;color:var(--faint);font-size:.78rem}.breadcrumb a{color:var(--muted)}article h1{margin:0 0 .8rem;font-family:var(--serif);font-size:clamp(2rem,5vw,3.1rem);line-height:1.28;letter-spacing:-.02em}.article-lede{margin:0 0 2rem;color:var(--muted);font-size:1.04rem}.meta-card{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:2rem 0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}.meta-card>div{padding:1rem;background:var(--surface)}.meta-card .label{display:block;color:var(--faint);font-size:.7rem;letter-spacing:.08em}.meta-card .value{display:block;margin-top:.25rem;font-weight:650;font-size:.86rem}.stars{color:#ba8216;letter-spacing:.08em}.pill-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0 1.4rem}.pill{padding:.3rem .7rem;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.78rem}a.pill:hover{background:var(--green);color:#fff}article h2{margin:3.4rem 0 1.1rem;padding-bottom:.55rem;border-bottom:2px solid var(--fg);font-family:var(--serif);font-size:1.55rem;line-height:1.4}article h3{margin:2rem 0 .55rem;font-family:var(--serif);font-size:1.12rem}article p{margin:.85rem 0}article ul,article ol{padding-left:1.45rem}article li{margin:.4rem 0}article li::marker{color:var(--accent)}article blockquote{position:relative;margin:1.5rem 0;padding:2.5rem 1.25rem 1rem;border:0;border-radius:12px;background:var(--warn-bg)}article blockquote:before{content:"避坑提醒";position:absolute;top:.7rem;left:1.25rem;color:var(--accent-dark);font-size:.72rem;font-weight:800;letter-spacing:.14em}article blockquote p{margin:.25rem 0;font-size:.92rem}article code{padding:.1em .35em;border-radius:4px;background:var(--green-soft);font:.86em var(--mono)}article table{width:100%;margin:1.2rem 0;border-collapse:collapse;display:block;overflow-x:auto;font-size:.86rem}article th,article td{padding:.65rem 1.2rem .65rem 0;border-bottom:1px solid var(--line);text-align:left}article th{color:var(--muted);font-size:.78rem}article img{display:block;max-width:100%;height:auto;margin:1.8rem auto;border:1px solid rgba(23,79,59,.14);border-radius:20px;background:var(--surface);box-shadow:0 16px 36px #1d2a2417,0 2px 5px #1d2a240a}article img+em{display:block;width:fit-content;max-width:90%;margin:-2.25rem auto 1.8rem;padding:.32rem .75rem;position:relative;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--muted);text-align:center;font-size:.72rem;font-style:normal;box-shadow:0 4px 12px #1d2a240f}.updated{margin-top:4rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--faint);font-size:.75rem}.reading-progress{position:fixed;z-index:20;top:0;left:0;right:0;height:3px}.reading-progress span{display:block;width:0;height:100%;background:var(--accent)}.site-footer{padding:3.5rem 0;background:var(--green);color:#fff}.site-footer .container{display:flex;justify-content:space-between;gap:3rem}.site-footer strong{font-family:var(--serif);letter-spacing:.08em}.site-footer p{margin:.35rem 0 0;color:#ffffffa6;font-size:.8rem}.footer-note{max-width:330px;text-align:right}@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:auto;padding:4.5rem 0 3.5rem}.hero-compass{display:none}.latest-grid{grid-template-columns:1fr}.latest-card{min-height:240px}.latest-card:nth-child(2){transform:none}.latest-card:nth-child(2):hover{transform:translateY(-5px)}.guide-card{grid-template-columns:1fr 24px;gap:.8rem}.guide-list .stats{grid-column:1;grid-row:2;flex-wrap:wrap;gap:.5rem 1rem}.guide-arrow{grid-column:2;grid-row:1 / 3}.meta-card{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.container{width:min(100% - 32px,1120px)}header.site .container{min-height:62px}header.site nav{gap:1rem}.hero{padding-top:3.5rem}.hero h1{font-size:2.55rem}.hero-lede{font-size:.95rem}.hero-stats{gap:1rem;justify-content:space-between}.hero-stats strong{font-size:1.2rem}.search-section{padding:1.2rem;margin-bottom:4rem;border-radius:16px}.search-box kbd{display:none}#search-input{font-size:1rem}.section-heading>p{display:none}.latest-section{margin-bottom:4.5rem}.guide-card{padding:1.15rem .1rem}.guide-list .desc{line-height:1.6}article{padding-top:2.5rem}.site-footer .container{display:block}.footer-note{margin-top:1.5rem!important;text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}