:root{--ink:#20202a;--muted:#777585;--paper:#fffaf5;--line:#eee6df;--brand:#ef6d52;--brand-dark:#c84d3d;--accent:#f7c96a;--soft:#fff0e8;--shadow:0 18px 50px rgba(84,54,42,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{max-width:1200px;margin:auto;min-height:76px;display:flex;align-items:center;gap:30px;padding:12px 24px}.logo{display:flex;align-items:center;gap:10px;min-width:190px}.logo-mark{width:42px;height:42px;border-radius:13px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:6px 6px 0 #f8d7c3}.logo-text strong{display:block;font-size:18px;letter-spacing:.5px}.logo-text small{display:block;color:var(--muted);font-size:11px}.nav{display:flex;gap:5px;align-items:center;flex:1;justify-content:flex-end;flex-wrap:wrap}.nav-link{padding:8px 10px;border-radius:12px;font-size:13px;color:#686572;white-space:nowrap}.nav-link:hover,.nav-link.active{background:var(--soft);color:var(--brand-dark);font-weight:700}.nav-icon{margin-right:5px;font-size:15px}.menu-toggle{display:none;border:0;background:var(--soft);color:var(--brand);font-size:20px;border-radius:10px;padding:6px 11px}.wrap{max-width:1200px;margin:auto;padding:0 24px}.hero{margin-top:30px;background:linear-gradient(120deg,#fff0e7 0%,#fff9ee 58%,#fbe2da 100%);border:1px solid #f5ddd1;border-radius:28px;padding:54px 60px;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;overflow:hidden}.eyebrow{color:var(--brand-dark);font-size:13px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(32px,5vw,62px);line-height:1.12;margin:12px 0 18px;letter-spacing:-2px}.hero h1 a{color:var(--ink)}.hero p{color:#716b72;max-width:620px;margin:0 0 25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:11px 18px;font-weight:700;font-size:14px}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(239,109,82,.22)}.btn-light{background:#fff;color:var(--brand-dark);border:1px solid #f1d4c7}.hero-art{position:relative;min-height:220px}.orb{position:absolute;border-radius:50%}.orb.one{width:190px;height:190px;background:#f8c977;right:35px;top:10px}.orb.two{width:120px;height:120px;background:#ef9077;right:155px;bottom:4px}.orb.three{width:80px;height:80px;background:#fff;border:12px solid #ef6d52;right:4px;bottom:30px}.hero-note{position:absolute;background:#fff;border:1px solid #f5ddd1;border-radius:18px;padding:15px 18px;right:45px;top:62px;box-shadow:var(--shadow);font-weight:700}.section{margin-top:58px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.section-kicker{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:1.8px}.section h2{font-size:27px;line-height:1.25;margin:5px 0 0}.section-head p{color:var(--muted);font-size:13px;margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 6px 24px rgba(84,54,42,.04)}.cover{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#f2e7de}.card-body{padding:15px}.card h3{font-size:17px;margin:0 0 5px}.meta{font-size:12px;color:var(--muted)}.tag{display:inline-block;border-radius:999px;background:var(--soft);color:var(--brand-dark);padding:3px 8px;font-size:11px;margin-top:10px}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rank-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;gap:15px;align-items:center}.rank-no{font-size:32px;font-weight:900;color:#f0c7ab;min-width:34px}.rank-card:nth-child(2) .rank-no{color:#e8ac56}.rank-card:nth-child(3) .rank-no{color:#dc806c}.rank-card .cover{width:72px;height:92px;aspect-ratio:auto;border-radius:11px}.topic-strip{background:#282532;color:#fff;border-radius:22px;padding:27px;display:grid;grid-template-columns:1.2fr 2fr;gap:24px;align-items:center}.topic-strip h2{margin:0;font-size:25px}.topic-strip p{margin:0;color:#c7bfca;font-size:13px}.topic-list{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.topic-list a{background:#3b3748;padding:9px 13px;border-radius:12px;color:#fff;font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;min-height:190px}.category-icon{width:44px;height:44px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-size:22px;margin-bottom:15px}.category-card h3{margin:0 0 8px;font-size:18px}.category-card p{margin:0;color:var(--muted);font-size:13px}.about{display:grid;grid-template-columns:1fr 1fr;gap:22px}.about-panel{padding:28px;background:#fff;border:1px solid var(--line);border-radius:20px}.about-panel h2{margin-top:0}.about-panel p{color:#6f6972;font-size:14px}.bullet{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.bullet div{padding:13px;border-radius:13px;background:#fff8f2;font-size:13px}.app-box{margin-top:58px;background:linear-gradient(120deg,#ffe7d8,#fff8e5);border:1px solid #f5d5c3;border-radius:22px;padding:30px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:25px}.app-box h2{margin:0 0 5px}.app-box p{margin:0;color:var(--muted);font-size:13px}.qr{width:88px;height:88px;background:repeating-linear-gradient(45deg,#2c2731 0 5px,#fff 5px 10px);border:7px solid #fff;border-radius:10px}.site-footer{margin-top:30px;background:#282532;color:#d6cfd7;padding:30px 0}.footer-inner{max-width:1200px;margin:auto;padding:0 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}.footer-brand{font-size:16px;color:#fff;font-weight:800}.breadcrumb{margin:30px 0 18px;color:var(--muted);font-size:13px}.breadcrumb a{color:var(--brand-dark)}.page-hero{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 34px}.page-hero h1{margin:5px 0 9px;font-size:35px}.page-hero p{margin:0;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.article-card .cover{aspect-ratio:4/5}.article-card h2{font-size:18px;margin:0 0 5px}.article-card .card-body p{font-size:13px;color:var(--muted);min-height:49px;margin:8px 0 0}.article-page{max-width:850px;margin:0 auto}.article-meta{color:var(--muted);font-size:13px;margin:5px 0 22px}.reading-note{background:#fff6ed;border-left:4px solid var(--brand);padding:15px 18px;border-radius:10px;color:#6b6064;font-size:13px;margin:24px 0}.chapter-copy{font-size:16px;color:#4c4650}.chapter-copy p{margin:18px 0}.reading-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px;margin:18px 0;background:#f2e7de}.chapter-end{text-align:center;padding:25px;color:var(--brand-dark);font-weight:800;border-top:1px dashed #edcdbd;margin-top:30px}.article-nav{display:flex;justify-content:space-between;gap:14px;margin:28px 0}.article-nav a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 15px;font-size:13px;color:var(--brand-dark)}@media(max-width:900px){.header-inner{gap:12px}.logo{min-width:auto}.nav{gap:0}.nav-link{padding:7px 6px;font-size:12px}.grid,.article-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:40px}.hero-art{min-height:170px}.app-box{grid-template-columns:1fr auto}}@media(max-width:680px){.site-header{position:relative}.header-inner{padding:12px 16px;justify-content:space-between}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 16px;box-shadow:0 12px 25px rgba(0,0,0,.08);justify-content:flex-start}.nav.open{display:flex}.nav-link{width:50%;padding:9px;font-size:13px}.wrap{padding:0 16px}.hero{margin-top:20px;padding:30px 22px;grid-template-columns:1fr}.hero-art{min-height:140px}.orb.one{width:145px;height:145px;right:20px}.orb.two{width:85px;height:85px;right:120px}.hero-note{right:15px;top:40px}.section{margin-top:40px}.grid,.article-grid{grid-template-columns:repeat(2,1fr);gap:12px}.rank-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{min-height:175px;padding:17px}.about{grid-template-columns:1fr}.app-box{grid-template-columns:1fr;gap:17px;padding:23px}.qr{width:76px;height:76px}.page-hero{padding:24px 20px}.page-hero h1{font-size:28px}.article-nav{flex-direction:column}.reading-image{aspect-ratio:4/3}.section-head{display:block}.section-head p{margin-top:6px}}