:root{--black:#151517;--black-soft:#222225;--gold:#c59a45;--gold-light:#e1be72;--ivory:#fffcf6;--cream:#f8f2e7;--wine:#8e3d4c;--rose:#cf8799;--purple:#8466b0;--emerald:#308a74;--ink:#242126;--body:#403b41;--muted:#69636a;--border:#e9e1d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--ivory);color:var(--body)}a{color:inherit;text-decoration:none}a:hover{color:var(--wine)}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4{line-height:1.3;color:var(--ink);margin:0 0 16px}h1{font-size:clamp(29px,3.4vw,44px)}h2{font-size:clamp(23px,2.3vw,29px)}h3{font-size:19px}p{margin:0 0 18px}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}.section{padding:65px 0}.surface{background:var(--cream)}.top{background:var(--black);color:#f9f4e9;position:relative;z-index:5}.top-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;color:#f7f1e8;font-weight:750;font-size:21px;line-height:1.2}.brand small{display:block;font-size:11px;letter-spacing:2px;color:var(--gold-light);margin-top:4px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-light);font-size:26px}.desktop-nav,.nav-actions{display:flex;align-items:center;gap:30px}.desktop-nav a{font-size:15px;color:#f7f1e8}.gold-btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 23px;color:#181616;background:var(--gold-light);border:0;border-radius:6px;font-weight:700;white-space:nowrap}.gold-btn:hover{background:#efcf83;color:#171717}.gold-btn:disabled{opacity:.5;cursor:not-allowed}.outline-btn{display:inline-flex;align-items:center;min-height:44px;padding:9px 23px;border:1px solid #d7bd82;border-radius:6px;color:#fff}.mobile-toggle,.mobile-menu,.bottom-nav{display:none}.board-strip{background:#f4e7c8;border-bottom:1px solid #e8d4a9}.board-links{display:flex;justify-content:space-between;gap:20px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding:11px 0;font-size:13px;color:#49391f}.hero{background:radial-gradient(circle at 76% 42%,#584635 0%,#222124 37%,#151517 83%);color:#f5efe5}.hero-grid{min-height:420px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding-top:48px;padding-bottom:48px}.hero h1{color:#fff9ed;max-width:620px}.hero p{max-width:580px;color:#e5ddd2;font-size:17px}.eyebrow{display:block;color:#a97a2e;font-size:11px;font-weight:800;letter-spacing:2.6px;margin-bottom:13px}.hero .eyebrow{color:#e1be72}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-media{width:100%;height:325px;object-fit:cover;border-radius:18px;overflow:hidden}.no-image{background:linear-gradient(135deg,#302a2b,#9b7340 54%,#372b35);display:grid;place-items:center;color:#e8c381}.no-image span{font:72px Georgia,serif;opacity:.6}.section-title{margin-bottom:28px}.section-title p{color:var(--muted)}.board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.board-card{background:white;border:1px solid var(--border);padding:24px;border-radius:14px;min-height:176px;transition:transform .2s}.board-card:hover{transform:translateY(-3px)}.board-card h3{margin:8px 0}.board-card p{font-size:14px;margin:0;color:var(--muted)}.board-emoji{font-size:26px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.feature-main{background:#fff;padding:15px;border-radius:15px}.feature-image{width:100%;height:260px;object-fit:cover;border-radius:10px;margin-bottom:17px}.feature-main p{padding:0 8px}.feature-main h3{padding:0 8px}.feature-list,.topic-list,.list-lines{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.topic-row{display:flex;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid var(--border);align-items:center}.topic-row:last-child{border-bottom:0}.topic-row strong{display:block;color:var(--ink);font-size:16px;line-height:1.45}.topic-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.arrow{font-size:20px;color:var(--gold)}.editorial{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:68px}.editorial.reverse{grid-template-columns:1.1fr .9fr}.editorial.reverse .editorial-visual{order:2}.editorial-visual>img,.editorial-visual>.no-image{display:block;width:100%;height:315px;object-fit:cover;border-radius:18px;overflow:hidden}.editorial .list-lines{margin-top:25px}.editorial .topic-row{padding:13px 15px}.text-link{color:var(--wine);font-weight:700}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.guide-grid>div{padding:25px;border-left:3px solid var(--gold);background:var(--cream)}.footer{background:#19191b;color:#f7f1e8;padding:55px 0 25px}.footer h3,.footer h4{color:#f6dba4}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer a{display:block;color:#e8dfd2;margin-bottom:6px;font-size:14px}.footer p{color:#c4bcb2;font-size:14px}.footer-bottom{border-top:1px solid #43403c;padding-top:23px;margin-top:32px;color:#c4bcb2;font-size:13px}.page-hero{background:linear-gradient(110deg,#19191b,#48342e);padding:61px 0;color:#fff}.page-hero h1{color:#fff}.page-hero p{max-width:800px;color:#e8ded2}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 30px}.chips a,.chips span{border:1px solid var(--border);background:#fff;padding:8px 14px;border-radius:40px;font-size:13px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.tile{border:1px solid var(--border);background:white;border-radius:14px;overflow:hidden;padding-bottom:15px}.tile>img,.tile>.no-image{height:190px;width:100%;object-fit:cover}.tile h3,.tile p,.tile>span{margin:12px 17px}.tile>span{display:block;color:var(--wine);font-size:12px;font-weight:bold}.tile p{font-size:13px;color:var(--muted)}.forum-layout,.about-layout{display:grid;grid-template-columns:255px 1fr;align-items:start;gap:34px}.side-panel{padding:22px;border:1px solid var(--border);border-radius:12px;background:white;position:sticky;top:15px}.side-panel a{display:block;padding:8px;border-bottom:1px solid var(--border);font-size:14px}.side-panel .side-action{background:var(--black);color:white;border-radius:5px;margin-top:12px;text-align:center}.pager{display:flex;gap:8px;margin-top:24px}.pager a{background:#fff;border:1px solid var(--border);padding:4px 12px;border-radius:4px}.pager a[aria-current]{background:var(--black);color:white}.thread-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(230px,1fr);gap:45px;align-items:start}.article{min-width:0}.crumb{font-size:13px;color:var(--muted);margin-bottom:33px}.thread-heading{border-bottom:1px solid var(--border);padding-bottom:18px}.thread-heading>p{color:var(--muted)}.article-body{font-size:17px;line-height:1.85;padding:32px 0}.article-body p{margin-bottom:25px}.discussion-box{padding:28px;background:#faf4e8;border-left:3px solid var(--gold);border-radius:10px}.discussion-box li{margin:10px 0}.replies{margin-top:55px}.reply,.review{border:1px solid var(--border);padding:22px;border-radius:10px;margin:12px 0}.reply small{color:var(--muted)}.related{background:#fff;border:1px solid var(--border);padding:17px;border-radius:10px}.related .topic-row{padding:14px 4px}.related .topic-row strong{font-size:14px}.related .text-link{display:block;margin-top:25px}.form-layout{display:grid;grid-template-columns:2fr 1fr;align-items:start;gap:45px}.form-card,.form-help{background:#fff;border:1px solid var(--border);border-radius:12px;padding:30px;max-width:800px}.form-help{background:var(--cream)}label{display:block;margin:16px 0 7px;font-weight:700;font-size:14px}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #d4cfc7;border-radius:6px;background:#fff;padding:12px 14px;color:#222}textarea{resize:vertical}.check{display:flex;align-items:center;gap:10px;font-weight:400}.notice{padding:12px;background:#f5edda;border-left:3px solid var(--gold)}.muted{color:var(--muted)}.search-form{display:grid;grid-template-columns:1fr 2fr auto 1fr auto;gap:12px;align-items:center;background:#fff;padding:20px;border:1px solid var(--border);border-radius:12px;margin-bottom:40px}.search-form label{margin:0}.about-sections section{background:#fff;border:1px solid var(--border);border-radius:12px;margin:0 0 20px;padding:28px;scroll-margin-top:20px}.about-sections p{margin:0}.review form{display:flex;gap:12px}.review button{padding:7px 16px}.mobile-menu[hidden]{display:none!important}@media(max-width:1024px){.wrap{width:calc(100% - 44px)}.board-grid{grid-template-columns:repeat(2,1fr)}.editorial{gap:30px}.desktop-nav{gap:16px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.wrap{width:calc(100% - 34px)}.section{padding:43px 0}.desktop-nav,.nav-actions>.gold-btn{display:none}.mobile-toggle{display:block;border:1px solid #ae9167;background:transparent;color:#fff;border-radius:6px;width:44px;height:44px}.mobile-menu{display:grid;position:absolute;top:78px;left:0;right:0;background:#242326;padding:15px 22px;box-shadow:0 10px 18px #0003}.mobile-menu a{padding:10px;border-bottom:1px solid #ffffff22}.top-inner{height:70px}.hero-grid,.feature-grid,.editorial,.editorial.reverse,.thread-layout,.forum-layout,.form-layout,.about-layout{grid-template-columns:1fr}.hero-grid{gap:22px}.hero-media{height:230px}.hero h1{font-size:32px}.editorial.reverse .editorial-visual{order:0}.board-grid,.tiles,.guide-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.side-panel{position:static}.search-form{grid-template-columns:1fr}.bottom-nav{display:flex;position:fixed;z-index:8;bottom:0;left:0;right:0;justify-content:space-around;background:#fff;border-top:1px solid var(--border);padding:8px 0 max(8px,env(safe-area-inset-bottom));font-size:13px}.bottom-nav a{padding:3px 10px}.footer{padding-bottom:80px}.feature-image,.editorial-visual>img,.editorial-visual>.no-image{height:240px}.board-links{gap:19px}.thread-layout{gap:25px}}@media(max-width:430px){.board-grid,.tiles,.guide-grid,.footer-grid{grid-template-columns:1fr}.board-card{min-height:0}.brand{font-size:18px}.brand-mark{width:36px;height:36px}.topic-row{padding:13px}.footer-grid>div:last-child{grid-column:auto}.form-card{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
