:root{--ink:#302923;--muted:#766b5d;--paper:#f7f3eb;--silk:#ede5d7;--line:#d8cbb7;--deep:#5a4636;--gold:#9b7a4f;--mist:#fffaf1;--shadow:0 24px 70px rgba(55,42,31,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC","Songti SC","SimSun",serif;line-height:1.82;letter-spacing:.03em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{color:var(--muted);font-size:16px}.site-top{position:fixed;z-index:50;left:0;right:0;top:0;background:rgba(247,243,235,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,203,183,.7)}.nav-wrap{max-width:1440px;margin:auto;padding:18px 42px;display:flex;align-items:center;gap:28px}.logo{font-size:22px;font-weight:600;letter-spacing:.28em;white-space:nowrap}.logo small{display:block;font-size:10px;letter-spacing:.16em;color:var(--gold);font-family:Arial,sans-serif}.nav{margin-left:auto;display:flex;gap:24px;color:#625646;font-size:14px}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--deep);transition:.45s}.nav a:hover:after{right:0}.mobile-toggle{display:none}.search-band{margin-top:75px;padding:16px 42px;border-bottom:1px solid var(--line);background:rgba(237,229,215,.55)}.search-inner{max-width:1180px;margin:auto;position:relative}.search-box{width:100%;border:1px solid var(--line);border-radius:999px;background:#fffaf3;padding:15px 56px 15px 24px;font-size:15px;color:var(--ink);outline:none}.search-btn{position:absolute;right:6px;top:6px;border:0;border-radius:999px;background:var(--deep);color:#fff;padding:9px 22px;cursor:pointer}.search-note{display:none;margin-top:10px;color:var(--gold);font-size:13px}.hero{min-height:calc(100vh - 126px);display:grid;grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch;border-bottom:1px solid var(--line)}.hero-copy{padding:120px 7vw 90px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.32em;color:var(--gold);text-transform:uppercase}.hero h1{font-size:clamp(42px,7vw,96px);line-height:1.06;margin:25px 0 28px;font-weight:500;letter-spacing:.12em}.hero-text{max-width:620px;font-size:18px}.btn{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--deep);padding:13px 26px;border-radius:999px;margin-top:22px;color:var(--deep);background:transparent;transition:.45s}.btn:hover{background:var(--deep);color:#fff;transform:translateY(-2px)}.hero-visual{position:relative;min-height:560px;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(.96)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,243,235,.18),rgba(45,35,27,.18))}.scroll-cue{margin-top:70px;display:flex;gap:18px;align-items:center;color:var(--muted);font-size:13px}.scroll-cue span{width:54px;height:1px;background:var(--line)}.section{max-width:1280px;margin:auto;padding:112px 42px;border-bottom:1px solid var(--line)}.section-narrow{max-width:980px}.chapter{display:grid;grid-template-columns:220px 1fr;gap:72px}.chapter-number{font-size:13px;color:var(--gold);letter-spacing:.25em}.section h2{font-size:clamp(32px,4.4vw,62px);line-height:1.2;margin:0 0 26px;font-weight:500;letter-spacing:.1em}.lead{font-size:19px;color:#5f5346}.quote{margin:42px 0;padding:34px 40px;border-left:1px solid var(--gold);background:rgba(255,250,241,.58);font-size:24px;line-height:1.62;color:#4b3c2e}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:center}.split.reverse{grid-template-columns:1.1fr .9fr}.framed-img{border:1px solid var(--line);padding:14px;background:rgba(255,250,241,.65);box-shadow:var(--shadow)}.philosophy{display:grid;gap:30px;margin-top:48px}.philo-item{display:grid;grid-template-columns:160px 1fr;border-top:1px solid var(--line);padding-top:26px}.philo-item h3{font-size:20px;margin:0;color:#42372d}.selection{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;margin-top:48px}.feature-card,.small-card{background:rgba(255,250,241,.66);border:1px solid var(--line);box-shadow:var(--shadow)}.feature-card img{height:520px;width:100%;object-fit:cover}.card-body{padding:28px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.tag{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.12em;border:1px solid var(--line);border-radius:999px;padding:5px 11px;color:var(--gold)}.small-grid{display:grid;gap:30px}.small-card img{height:210px;width:100%;object-fit:cover}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.video-card{position:relative;background:#fffaf3;border:1px solid var(--line);overflow:hidden;box-shadow:0 18px 48px rgba(55,42,31,.08)}.video-thumb{position:relative;overflow:hidden}.video-thumb img{height:230px;width:100%;object-fit:cover;transition:1s}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);width:58px;height:58px;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:rgba(48,41,35,.42);opacity:0;transition:.45s}.play:after{content:"";position:absolute;left:23px;top:18px;border-left:15px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.video-card:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card:hover img{transform:scale(1.04)}.video-card h3{font-size:20px;margin:0}.meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-family:Arial,"Microsoft YaHei",sans-serif}.craft{counter-reset:craft;display:grid;gap:18px;margin-top:48px}.craft-step{counter-increment:craft;display:grid;grid-template-columns:130px 1fr;border-top:1px solid var(--line);padding:28px 0}.craft-step:before{content:"0" counter(craft);font-size:38px;color:rgba(155,122,79,.5);font-family:Georgia,serif}.journal{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.journal article{border-top:1px solid var(--line);padding-top:24px}.journal img{height:260px;width:100%;object-fit:cover;margin-bottom:20px}.reviews{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}.review{background:rgba(255,250,241,.58);border:1px solid var(--line);padding:28px}.review strong{display:block;margin-top:18px;color:#4b3c2e}.visit{background:#332b24;color:#fff}.visit .section{border-bottom:0}.visit p,.visit .lead{color:#d8cbb7}.visit-card{border:1px solid rgba(216,203,183,.35);padding:34px;background:rgba(255,255,255,.04)}.domain-pill{display:inline-block;margin-top:14px;border:1px solid rgba(216,203,183,.45);border-radius:999px;padding:8px 16px;color:#f3eadb}.qr-row{display:flex;gap:20px;margin-top:18px}.qr{width:108px;height:108px;background:repeating-linear-gradient(45deg,#f7f3eb 0 8px,#352d26 8px 16px);border:8px solid #f7f3eb}.faq{display:grid;gap:14px;margin-top:40px}.faq details{border:1px solid var(--line);background:rgba(255,250,241,.55);padding:18px 22px}.faq summary{cursor:pointer;font-size:18px;color:#45382d}.footer{padding:54px 42px;background:#29231e;color:#e6dccd}.footer-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.footer a,.footer p{color:#d6c9b8}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.page-hero{padding:150px 42px 80px;border-bottom:1px solid var(--line)}.page-hero-inner{max-width:1050px;margin:auto}.breadcrumb{font-size:13px;color:var(--gold);margin-bottom:20px}.content-block{max-width:1050px;margin:auto;padding:70px 42px}.soft-table{width:100%;border-collapse:collapse;background:#fffaf3}.soft-table td,.soft-table th{border:1px solid var(--line);padding:15px;text-align:left}.fade-up{animation:fadeUp .9s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.nav-wrap{padding:14px 20px}.nav{display:none;position:absolute;left:0;right:0;top:63px;background:var(--paper);padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.mobile-toggle{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);padding:8px 12px}.search-band{margin-top:64px;padding:12px 20px}.hero,.split,.split.reverse,.chapter,.selection,.footer-inner{grid-template-columns:1fr}.hero-copy{padding:82px 26px 48px}.hero-visual{min-height:380px}.section{padding:78px 24px}.chapter{gap:20px}.philo-item,.craft-step{grid-template-columns:1fr;gap:10px}.video-grid,.journal,.reviews{grid-template-columns:1fr}.feature-card img{height:320px}.footer{padding:42px 24px}.page-hero{padding:120px 24px 60px}.content-block{padding:52px 24px}.logo{font-size:18px}.qr-row{flex-wrap:wrap}}
