:root{--bg:#f4f1e9;--surface:#fffefb;--surface-soft:#eee7d9;--surface-strong:#e4dcc9;--text:#262117;--muted:#5f5544;--brand:#3f5f2f;--brand-deep:#2a4020;--gold:#9f7b3c;--gold-soft:#c9ab74;--line:#d8cfbc;--shadow:0 14px 28px #26211717;--shadow-hover:0 18px 38px #26211729}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 10% 5%, #8dab5d1a, transparent 36%), var(--bg);letter-spacing:.16px;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.container{width:min(1140px,92%);margin:0 auto}.site{overflow-x:hidden}.topbar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f2a17e0;border-bottom:1px solid #c9ab7457;transition:all .24s;position:fixed;top:0;left:0;right:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;min-height:66px;transition:min-height .24s;display:flex}.topbar-brand{color:#f1e7d3;align-items:center;gap:10px;display:inline-flex}.topbar-logo{color:#1f2a17;background:linear-gradient(145deg,#b69557,#8e6f36);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:inline-flex}.topbar-text strong{font-size:14px;line-height:1.1;display:block}.topbar-text em{letter-spacing:1.15px;color:#cdb98f;font-size:10px;font-style:normal;line-height:1.1;display:block}.topbar-nav{align-items:center;gap:8px;display:flex}.topbar-nav a{color:#e6dcc9;border:1px solid #0000;border-radius:8px;padding:7px 10px;font-size:13px}.topbar-nav a:hover{background:#ffffff0d;border-color:#c9ab748f}.topbar-nav a.active{color:#f7ecd7;background:#c9ab7429;border-color:#c9ab749e}.topbar.compact{background:#1a2313f2}.topbar.compact .topbar-inner{min-height:54px}.topbar.compact .topbar-logo{width:30px;height:30px}.topbar.compact .topbar-text strong{font-size:13px}.topbar.compact .topbar-text em{font-size:9px}.hero{border-bottom:1px solid var(--line);background:linear-gradient(145deg,#e5ead8 0%,#d7e0c4 42%,#c9d7b0 100%);padding:124px 0 50px;position:relative;overflow:hidden;box-shadow:inset 0 -1px #9f7b3c47}.hero:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#ffffff52),repeating-linear-gradient(-25deg,#3f56230a 0 2px,#0000 2px 14px);position:absolute;inset:0}.hero:after{content:"";background:radial-gradient(circle,#9f7b3c33,#9f7b3c0f);border-radius:50%;width:360px;height:360px;position:absolute;top:-140px;right:-120px}.tag{color:var(--brand-deep);background:#3f5f2f24;border:1px solid #2a402038;border-radius:999px;margin:0;padding:6px 14px;font-size:14px;font-weight:600;display:inline-block}.hero-layout{z-index:1;grid-template-columns:1.25fr .9fr;align-items:stretch;gap:24px;padding-bottom:6px;display:grid;position:relative}.hero-main{padding-right:6px}.brand-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.brand-logo{color:#f8efd9;background:linear-gradient(145deg,#3a582c,#22371a);border:1px solid #c9ab7494;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex;box-shadow:0 10px 18px #22371a42}.brand-cn{color:#2a4020;font-size:15px;font-weight:700}.brand-en{letter-spacing:1.3px;color:#6c6049;margin-top:2px;font-size:11px}h1{letter-spacing:.5px;color:#1f2f19;margin:16px 0 12px;font-size:clamp(32px,4.8vw,52px);line-height:1.16}.hero-subtitle{color:#7b6842;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:600}.lead{max-width:820px;color:var(--muted);margin:0;font-size:clamp(15px,1.7vw,18px)}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.btn-primary,.btn-secondary{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#486b36,#2f4724);box-shadow:0 12px 22px #2a402052}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 15px 24px #3f562357}.btn-secondary{color:#4e3c1f;background:#ffffffb8;border-color:#c9b489;box-shadow:0 10px 18px #4e3c1f14}.btn-secondary:hover{background:#fff;border-color:#a58445}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.stat-card{background:#ffffffc2;border:1px solid #cfbea0;border-radius:12px;padding:12px}.stat-value{color:#3a552b;font-size:18px;font-weight:700;line-height:1.2}.stat-label{color:var(--muted);margin-top:4px;font-size:13px}.hero-media{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffad;border:1px solid #cbbda2;border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex;position:relative;box-shadow:0 18px 30px #2a402029}.hero-main-image{object-fit:cover;background:linear-gradient(135deg,#d6e3be,#edf3de);border:1px solid #a9ba8b;border-radius:12px;width:100%;height:220px;transition:transform .25s}.hero-media:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-soft), transparent);border-radius:999px;height:2px;position:absolute;top:-1px;left:14px;right:14px}.hero-thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hero-thumb-grid img{object-fit:cover;background:linear-gradient(135deg,#efe5d2,#f8f2e5);border:1px solid #c8b797;border-radius:10px;width:100%;height:98px;transition:transform .25s}.hero-media:hover .hero-main-image,.hero-media:hover .hero-thumb-grid img{transform:scale(1.015)}.nav{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f6f4efc7;border:1px solid #b9ab89a6;border-radius:12px;flex-wrap:wrap;gap:10px;margin-top:24px;padding:8px;display:flex;position:sticky;top:10px}.nav a{color:var(--brand-deep);background:#ffffffb3;border:1px solid #c9bc9e;border-radius:10px;padding:9px 14px;font-size:14px;transition:all .2s}.nav a:hover{background:#fff;border-color:#a58445;transform:translateY(-2px);box-shadow:0 10px 18px #40321826}.nav a.active{color:#4e3c1f;background:linear-gradient(#fff9ed,#f7ecd8);border-color:#9f7b3c;box-shadow:0 8px 14px #5d452029}.nav a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.section{padding:56px 0;scroll-margin-top:90px;position:relative}.section.alt{background:var(--surface-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:inset 0 1px #9f7b3c24,inset 0 -1px #9f7b3c24}h2{color:#25381d;margin:0 0 14px;padding-left:14px;font-size:clamp(24px,3.1vw,36px);line-height:1.24;position:relative}h2:before{content:"";background:linear-gradient(180deg, var(--brand), var(--gold));border-radius:999px;width:4px;height:1.1em;position:absolute;top:.25em;left:0}h3{color:#2f4724;margin:0 0 10px;font-size:20px}p{margin:0}.grid{gap:18px;margin-top:18px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:20px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative}.card:hover{box-shadow:var(--shadow-hover);border-color:#cabda6;transform:translateY(-3px)}.card:after{content:"";background:linear-gradient(90deg,#0000,#9f7b3c57,#0000);height:1px;position:absolute;bottom:0;left:20px;right:20px}.card p+p{margin-top:8px}.photo{color:#6b604e;text-align:center;background:linear-gradient(135deg,#5f7d350f,#5f7d3500),#fdfbf8;border:1px dashed #b9ae98;border-radius:14px;justify-content:center;align-items:center;min-height:158px;padding:16px;font-weight:600;transition:all .2s;display:flex}.photo:hover{background:linear-gradient(135deg,#5f7d351a,#5f7d3505),#fdfbf8;border-color:#a89d87}.list{margin:16px 0 0;padding-left:22px}.list li+li{margin-top:6px}.notice{border-left:4px solid var(--gold);color:var(--muted);background:linear-gradient(90deg,#9f7b3c21,#9f7b3c0d);border-radius:10px;margin-top:16px;padding:14px 16px}.footer{color:#e6dcc9;background:linear-gradient(#29301f 0%,#1d2316 100%);border-top:1px solid #a6854b61;padding:30px 0 44px;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#0000,#c9ab74d1,#0000);height:2px;position:absolute;top:0;left:0;right:0}.footer-inner{justify-content:space-between;align-items:flex-end;gap:26px;display:flex}.footer-brand,.footer-meta{flex:1 1 0}.footer-cn{color:#f0e5cf;font-size:16px;font-weight:700}.footer-en{letter-spacing:1.2px;color:#bca779;margin-top:6px;font-size:11px}.footer-meta{text-align:right}.footer-meta p{color:#d2c4a6;font-size:13px}.footer-meta p+p{margin-top:8px}@media (width<=980px){.topbar-inner{min-height:58px}.topbar-nav{display:none}.hero{padding:102px 0 38px}.hero-layout{grid-template-columns:1fr;gap:14px}.hero-main{padding-right:0}.hero-stats{grid-template-columns:1fr}.hero-main-image{height:180px}.hero-thumb-grid img{height:88px}.nav{-webkit-backdrop-filter:none;backdrop-filter:none;position:static}.section{padding:44px 0}.footer-inner{flex-direction:column;align-items:flex-start;gap:14px}.footer-meta{text-align:left}.grid-2,.grid-3{grid-template-columns:1fr}.photo{min-height:132px}.card:hover,.photo:hover,.nav a:hover,.btn-primary:hover{box-shadow:none;transform:none}}@media (width<=640px){.topbar-inner{min-height:54px}.topbar-text em{letter-spacing:.8px}.container{width:min(1140px,94%)}.nav{gap:8px}.nav a{padding:8px 12px;font-size:13px}.card{padding:16px}h2{padding-left:12px}h2:before{width:3px}}