500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root{--ink:#1b1a19;--muted:#656b6a;--paper:#ffffff;--white:#fff;--line:#ecebe7;--brand:#8f6400;--brand-dark:#6b4b00;--accent:#f5dea8;--radius:18px;--shadow:0 18px 50px rgba(11,55,48,.075);color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper)!important;color:var(--ink)!important;font-family:"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif!important;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
body *{overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b1a383;outline-offset:3px}
.skip-link{position:fixed;top:-60px;left:16px;z-index:200;background:#fff;color:var(--brand);padding:10px 16px;border:2px solid var(--brand);border-radius:8px}
.skip-link:focus{top:12px}
img{max-width:100%}
h1,h2,h3,h4,p{overflow-wrap:anywhere}
h1,h2,h3,h4{color:var(--ink);letter-spacing:-.035em;line-height:1.3}
p{line-height:1.8}
main{overflow:clip}
.wrap,.deep-wrap,.bar{max-width:1280px!important;width:100%;margin-left:auto;margin-right:auto;padding-left:clamp(20px,4vw,56px)!important;padding-right:clamp(20px,4vw,56px)!important}

/* Global navigation */
header{position:sticky;top:0;z-index:100;background:rgba(250,251,247,.96)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(16px)}
.bar{min-height:82px;height:auto!important;display:flex;align-items:center;gap:24px}
.logo{color:var(--ink)!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.025em!important;gap:9px!important}
.logo .brand-symbol{width:38px!important;height:38px!important;border-radius:9px}
.brand-slogan{color:#908979!important;font-size:11px!important;letter-spacing:.08em;white-space:nowrap}
.bar>.btn{white-space:nowrap!important;flex:none}
.links{gap:clamp(10px,1.3vw,20px)!important;justify-content:flex-end!important}
.links a{font-size:13px!important;color:#5c5442!important;font-weight:600;white-space:nowrap;transition:color .2s}
.links a:hover,.links a.active{color:var(--brand)!important}
.links a.active{border-bottom:2px solid var(--brand);padding-bottom:3px}
.btn,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px!important;border:1px solid var(--brand)!important;border-radius:9px!important;background:var(--brand)!important;color:white!important;font-size:13px!important;font-weight:700!important;letter-spacing:.01em;box-shadow:none!important;transition:background .2s,transform .2s}
.btn:hover,button[type=submit]:hover{background:var(--brand-dark)!important;transform:translateY(-2px)}
.btn.light,.btn.ghost{background:transparent!important;color:var(--brand)!important;border-color:#c8bfa9!important}
.btn.light:hover,.btn.ghost:hover{background:#f3f0ea!important}
html body a.btn,html body button.btn{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
html body a.btn:not(.light):not(.secondary),html body button.btn:not(.light):not(.secondary){background-image:none!important;background-color:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
html body a.btn:hover,html body button.btn:hover{background:var(--brand-dark)!important}
html body a.btn.light,html body a.btn.ghost{background:transparent!important;border-color:#c8bfa9!important;color:var(--brand)!important}
html body .cta a.btn,html body .v15-endcta a.btn{background:#f1deb1!important;border-color:#f1deb1!important;color:#3d3218!important}
.menu{color:var(--ink)}

/* Hierarchy and editorial rhythm */
.section,.deep-section,.v15-section{padding:clamp(64px,7vw,110px) 0!important;background:var(--paper)!important}
.section.alt,.deep-section:nth-of-type(even),.v15-tint{background:#f9f8f7!important}
.section h2,.deep-section h2,.v15-section h2{font-size:clamp(30px,3.6vw,49px)!important;line-height:1.18!important;max-width:900px;margin:8px 0 24px!important;font-weight:600!important;letter-spacing:-.05em!important}
.section h3,.deep-section h3,.v15-section h3{line-height:1.35}
.eyebrow,.deep-label,.v15-kicker,.v15-section-heading>span,.manual-kicker{color:var(--brand)!important;font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase;font-weight:700!important}
.lead,.sub,.deep-intro,.v15-lead,.v15-section-heading>p{color:var(--muted)!important;font-size:clamp(15px,1.45vw,18px)!important;line-height:1.85!important;max-width:790px}
.tag,.picker-category,.meta-line span{background:#faf5e9!important;color:var(--brand-dark)!important;border-radius:5px!important;padding:5px 10px!important;font-size:11px!important;font-weight:700}
.more,.showcase-action,.v7-feature-more,.picker-detail-link{color:var(--brand)!important;font-weight:700}

/* Home hero */
.hero,.hero-enhanced,.pagehead,.pagehead-enhanced,.v15-hero{background:#fcfbf7!important;position:relative;overflow:hidden}
.hero{padding:clamp(78px,8vw,130px) 0!important}
.hero:before,.pagehead:before,.v15-hero:before{content:"";position:absolute;width:520px;height:520px;right:-130px;top:-240px;border:1px solid #d1cabb;border-radius:50%;box-shadow:0 0 0 80px rgba(188,211,194,.22),0 0 0 160px rgba(188,211,194,.12);pointer-events:none}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr)!important;gap:clamp(40px,6vw,88px)!important}
.hero h1{font-size:clamp(48px,5.6vw,80px)!important;line-height:1.1!important;letter-spacing:-.065em!important;font-weight:600!important;margin:20px 0 28px!important}
.gradient{color:var(--brand)!important;background:none!important}
.hero .lead{font-size:clamp(17px,1.6vw,21px)!important;max-width:650px}
.actions,.v15-actions{gap:12px!important;margin-top:32px!important}
.visual{height:430px!important;border:0!important;border-radius:140px 20px 20px 20px!important;background:linear-gradient(140deg,#f9e6ba,#f9f3e5)!important;box-shadow:var(--shadow)!important}
.orb.one{width:270px;height:270px;top:85px;left:22%;background:linear-gradient(140deg,#f0dcaf,#beac83)!important;box-shadow:inset -35px -35px 70px #8f640066,0 28px 50px #1d14003b!important}
.orb.two{background:#cfc09d!important}.orb.three{background:var(--accent)!important}
.float{background:#fff!important;border:1px solid #ebe6dc!important;border-radius:7px!important;box-shadow:0 12px 32px #2d200030!important;color:var(--ink)}

/* Banners on every inner page */
.pagehead,.pagehead-enhanced,.hero-illustrated{padding:clamp(70px,7vw,112px) 0!important;min-height:360px!important;background:#fcfbf7!important}
.hero-illustrated>.wrap{padding-right:min(43%,520px)!important}
.page-title,.pagehead h1,.v15-hero h1{font-size:clamp(39px,4.8vw,66px)!important;line-height:1.13!important;letter-spacing:-.055em!important;margin:12px 0 22px!important;max-width:820px}
.crumb,.back-breadcrumb{color:#837c6a!important;font-size:12px!important;font-weight:600}
.hero-art{filter:none!important;max-height:270px!important;object-fit:contain}
.hero-photo{border-radius:15px!important}

/* Shared cards */
.grid,.detail-grid,.showcase-grid,.v7-feature-grid,.service-picker-grid,.manual-card-grid{gap:18px!important;margin-top:36px!important}
.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.card,.detail-box,.showcase-card,.v7-feature-tile,.service-picker-card,.panel,.manual-card,.editorial-group,.outcome-group,.v15-benefit{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important;color:var(--ink)!important}
.card,.detail-box,.showcase-card,.v7-feature-tile,.service-picker-card{padding:clamp(23px,2.3vw,34px)!important;transition:border-color .2s,box-shadow .2s,transform .2s!important}
a.card:hover,a.detail-box:hover,a.showcase-card:hover,a.v7-feature-tile:hover,a.service-picker-card:hover{border-color:#b4a98f!important;box-shadow:var(--shadow)!important;transform:translateY(-4px)!important}
.card h3,.showcase-card h3,.service-picker-card strong{font-size:clamp(18px,1.65vw,22px)!important;font-weight:650!important;margin:16px 0 10px!important}
.card p,.detail-box p,.showcase-summary,.service-picker-card p{color:var(--muted)!important;font-size:14px!important;line-height:1.8!important}
.showcase-glyph,.v7-feature-icon,.manual-feature-icon{background:#faf4e5!important;color:var(--brand)!important;border-radius:10px!important}
.showcase-number,.v7-feature-tag,.showcase-fact-key{color:#898271!important;letter-spacing:.1em}
.showcase-fact{border-top:1px solid #eeece8!important;padding-top:12px!important}
.showcase-fact-value{color:var(--ink)!important}
.v7-feature-tile{min-height:190px!important}
.v7-feature-tile strong{color:var(--ink)!important;font-size:17px!important}
.service-picker-card{min-height:210px!important}
.picker-bottom{border-color:var(--line)!important}
.detail-prose,.editorial-paragraph{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;color:#4a4333!important;line-height:1.85!important}
.editorial-point,.outcome-point,.v7-compact-list>.v7-compact-point{background:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important}
.point-index{background:#f2efe8!important;color:var(--brand)!important}
.mini-links a{border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;color:var(--brand)!important}
.list li{background:#fff!important;border:1px solid var(--line)!important;border-radius:9px!important}
.list li:before{color:var(--brand)!important}
.note,.manual-callout{background:#f2efe8!important;border-color:#dfd8c9!important;color:#584c31!important}

/* Article and long form pages */
.detail{grid-template-columns:minmax(0,1fr) 300px!important;gap:clamp(30px,4vw,70px)!important}
.content{min-width:0}
.content h2{font-size:clamp(25px,2.5vw,34px)!important;line-height:1.3!important;margin:42px 0 18px!important}
.content p,.content li{color:#5e5748!important;line-height:1.9!important}
.panel{padding:26px!important}
.manual-sidebar,.v15-chapter-nav{background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important}
.manual-sidebar a.active,.v15-chapter-nav a.active{background:#f2efe8!important;color:var(--brand)!important}
.manual-section,.v15-chapter{scroll-margin-top:105px}
.manual-content,.v15-chapters{min-width:0}
.v15-chapter,.manual-section{border-color:var(--line)!important}
.v15-chapter-heading{color:var(--ink)!important}
.v15-chapter-point,.v15-benefit,.manual-practice{border-color:var(--line)!important;background:#fff!important}
.v15-dot,.v15-tick{background:#f0ede5!important;color:var(--brand)!important}

/* Product and course detail layouts */
.v15-hero{padding:clamp(75px,7vw,112px) 0!important}
.v15-hero-layout{gap:55px!important}
.v15-lead{max-width:700px}
.v15-hero-visual{background:#674e14!important;border-radius:22px!important}
.v15-visual-orbit{border-color:#bbac89!important}
.v15-visual-panel{background:#f9f8f4!important;color:var(--ink)!important;border-radius:12px!important}
.v15-strip{background:#fff!important;border-bottom:1px solid var(--line)!important}
.v15-facts{gap:0!important}
.v15-fact{padding:24px 20px!important;border-right:1px solid var(--line)}
.v15-strip .v15-fact{background:#fff!important;border-radius:0!important;box-shadow:none!important}
.v15-fact span{color:#857e6d!important}
.v15-fact strong{color:var(--ink)!important;font-size:20px!important}
.v15-anchorbar{padding-top:15px!important;padding-bottom:15px!important;border-bottom:1px solid var(--line)}
.v15-anchorbar a{color:var(--brand)!important}
.v15-section-heading{margin-bottom:34px!important}
.v15-section-heading h2{margin:12px 0!important}
.v15-endcta,.cta{background:#1c1a15!important;border-radius:18px!important;color:#fff!important;padding:clamp(30px,4vw,56px)!important}
.v15-endcta h2,.v15-endcta strong,.cta h2{color:#fff!important}
.v15-endcta p,.cta p{color:#e5dfd0!important}
.v15-endcta .btn,.cta .btn{background:#f1deb1!important;border-color:#f1deb1!important;color:#3d3218!important}
.manual-hero{background:#fcfbf7!important;padding:clamp(70px,7vw,110px) 0!important}
.manual-hero h1{font-size:clamp(39px,4.8vw,66px)!important;color:var(--ink)!important;letter-spacing:-.055em!important}
.manual-hero-lead{color:var(--muted)!important;line-height:1.85!important}
.manual-hero-art{background:#5e4710!important;border:0!important;border-radius:24px!important}
.manual-core{background:#e9d198!important;color:var(--brand-dark)!important;box-shadow:none!important}
.manual-core span,.manual-core strong,.manual-core small{color:var(--brand-dark)!important}
.manual-float{background:#fff!important;color:var(--brand-dark)!important;border-color:#fff!important}

/* Forms and footer */
.form input,.form select,.form textarea{background:#fff!important;border:1px solid #cfcabf!important;border-radius:8px!important;padding:14px 16px!important;color:var(--ink)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--brand)!important}
.footer{background:#f9f8f7!important;color:#f0ede7!important;padding:70px 0 0!important}
.footer .logo,.footer h2,.footer h3{color:#fff!important}
.footer p,.footer a{color:#e1ddd3!important}
.footer .mini-links a{background:transparent!important;border:1px solid #635941!important;color:#e7e2d7!important}
.wechat-footer-contact{background:#f7f4ee!important;border-top:1px solid #60553b!important;border-bottom:1px solid #60553b!important}
.wechat-footer-copy h2{color:#fff!important}
.wechat-footer-copy p,.wechat-footer-tip{color:#e5e0d4!important}
.wechat-footer-qr{background:#fff!important;border-radius:12px!important}
.brand-bottom{background:#f3f2ee!important;color:#cfc7b5!important}
.brand-bottom p{color:#cfc7b5!important}

@media(max-width:1100px){
 .brand-slogan{display:none!important}
 .links{gap:11px!important}
 .links a{font-size:12px!important}
 .bar>.btn{display:none}
}
@media(max-width:950px){
 .bar{min-height:72px}
 .menu{display:block!important;margin-left:auto;background:none;border:0;font-size:26px;cursor:pointer}
 .links{display:none!important;position:absolute;top:72px!important;left:0;right:0;padding:18px 24px!important;background:#fbfaf7!important;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch!important;gap:0!important}
 .links.open{display:flex!important}
 .links a{font-size:15px!important;padding:11px 5px}
 .hero-grid,.detail,.v15-hero-layout{grid-template-columns:1fr!important}
 .hero-grid .visual{max-width:620px;width:100%}
 .grid,.showcase-grid,.v7-feature-grid,.service-picker-grid,.course-delivery-grid.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .v15-hero-visual{display:none!important}
}
@media(max-width:700px){
 .section,.deep-section,.v15-section{padding:58px 0!important}
 .hero{padding:68px 0!important}
 .hero h1{font-size:clamp(42px,11vw,62px)!important}
 .visual{height:300px!important;border-radius:75px 14px 14px 14px!important}
 .orb.one{width:190px;height:190px;top:55px}
 .pagehead,.pagehead-enhanced,.hero-illustrated,.v15-hero{padding:60px 0!important;min-height:0!important}
 .hero-illustrated>.wrap{padding-right:20px!important;padding-bottom:180px!important}
 .hero-art{width:75%!important;height:170px!important;top:auto!important;bottom:0!important;right:15px!important;transform:none!important}
 .page-title,.v15-hero h1{font-size:clamp(36px,9vw,52px)!important}
 .grid,.grid.two,.detail-grid,.showcase-grid,.v7-feature-grid,.service-picker-grid,.course-delivery-grid.showcase-grid,.manual-card-grid{grid-template-columns:1fr!important}
 .card,.showcase-card,.v7-feature-tile,.service-picker-card{min-height:0!important}
 .v15-facts{display:grid!important;grid-template-columns:repeat(2,1fr)!important}
 .v15-fact{padding:17px 10px!important}
 .cta,.v15-endcta{display:block!important}
 .cta .btn,.v15-endcta .btn{margin-top:20px}
 .footer{padding-top:55px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
