/* ============================================================
   Wealthi — 全站样式
   色板：navy #16163F · gold #D3BE90 · paper #FAFAF8
   字体：Marcellus（拉丁/数字）+ Noto Sans SC / 微软雅黑（正文）
   ============================================================ */
:root{
  --navy:#16163F;
  --navy-soft:#1E1E4E;
  --gold:#D3BE90;
  --gold-deep:#A9925F;
  --brown:#A57C01;
  --paper:#FAFAF8;
  --ink:#22222E;
  --muted:#55556A;
  --on-navy:rgba(255,255,255,.88);
  --on-navy-muted:rgba(255,255,255,.66);
  --line:#E9E7E0;
  --line-navy:rgba(255,255,255,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Noto Sans SC','Microsoft YaHei','PingFang SC',sans-serif;
  font-weight:400;color:var(--ink);background:#fff;
  font-size:16px;line-height:1.9;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:all .25s}
h1,h2,h3{color:var(--navy);font-weight:500;line-height:1.35}
h2{font-size:clamp(26px,3vw,36px);letter-spacing:.04em}
.container{max-width:1180px;margin:0 auto;padding:0 28px}
.container.narrow{max-width:820px}

.eyebrow{
  color:var(--gold-deep);font-size:13px;letter-spacing:.32em;
  text-transform:uppercase;font-weight:400;margin-bottom:14px;
  display:flex;align-items:center;gap:14px;
}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold)}
.eyebrow.center{justify-content:center}
.eyebrow.center::after{content:"";width:34px;height:1px;background:var(--gold)}
.eyebrow.light{color:var(--gold)}

.btn{
  display:inline-block;padding:13px 40px;font-size:14px;letter-spacing:.14em;
  font-weight:400;border:1px solid transparent;cursor:pointer;
  font-family:inherit;transition:all .25s;
}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-soft)}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-deep)}
.btn-ghost{border-color:var(--gold);color:var(--navy);background:transparent}
.btn-ghost:hover{background:var(--gold);color:var(--navy)}
.link-more{color:var(--gold-deep);font-size:14px;letter-spacing:.08em;border-bottom:1px solid transparent}
.link-more:hover{border-color:var(--gold-deep)}

/* ---------- 顶栏 ---------- */
.topbar{background:var(--navy);color:rgba(255,255,255,.78);font-size:12.5px;letter-spacing:.04em}
.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:12px;flex-wrap:wrap}
.topbar .left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.topbar .dot{width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:.7}
.topbar a:hover{color:var(--gold)}
.topbar .right{display:flex;gap:20px}
.topbar svg{width:13px;height:13px;fill:rgba(255,255,255,.78);transition:fill .25s}
.topbar .right a:hover svg{fill:var(--gold)}
@media(max-width:640px){.topbar .addr{display:none}}

/* ---------- 导航 ---------- */
header{background:rgba(255,255,255,.96);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line)}
header .container{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:20px}
.logo img{height:46px;width:auto}
nav ul{display:flex;list-style:none;gap:38px;align-items:center}
nav a{color:var(--navy);font-size:15px;font-weight:400;letter-spacing:.06em;padding:6px 0;position:relative}
nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold-deep);transition:width .25s}
nav a:hover::after,nav a.active::after{width:100%}
nav a.active{color:var(--gold-deep)}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:6px}
.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--navy);margin:5px 0}
.header-cta{border-radius:0}
@media(max-width:1020px){
  nav ul{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:24px;gap:18px;border-bottom:1px solid var(--line)}
  nav ul.open{display:flex}
  .nav-toggle{display:block}
  .header-cta{display:none}
}

/* ---------- 侧边抽屉（"了解更多"） ---------- */
.drawer-overlay{
  position:fixed;inset:0;background:rgba(10,10,26,.55);opacity:0;pointer-events:none;
  transition:opacity .35s;z-index:200;
}
.drawer-overlay.open{opacity:1;pointer-events:auto}
.drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(400px,88vw);background:var(--navy);
  color:var(--on-navy);z-index:201;padding:44px 40px;overflow-y:auto;
  transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);
}
.drawer.open{transform:translateX(0)}
.drawer-close{
  position:absolute;top:36px;right:36px;background:none;border:0;color:var(--on-navy);
  font-size:26px;cursor:pointer;line-height:1;padding:4px;
}
.drawer-close:hover{color:var(--gold)}
.drawer-logo{height:34px;filter:brightness(0) invert(1);margin-bottom:28px}
.drawer-tagline{font-size:14px;color:var(--on-navy-muted);line-height:1.9;margin-bottom:38px}
.drawer hr{border:0;border-top:1px solid var(--line-navy);margin:32px 0}
.drawer h4{color:var(--gold);font-size:13px;font-weight:400;letter-spacing:.24em;margin-bottom:20px}
.drawer-links{list-style:none}
.drawer-links li{margin-bottom:4px}
.drawer-links a{display:block;padding:9px 0;font-size:15.5px;color:var(--on-navy)}
.drawer-links a:hover{color:var(--gold);padding-left:6px}
.drawer-sub-note{font-size:13px;color:var(--on-navy-muted);line-height:1.9;margin-bottom:20px}
.drawer-form{display:flex;border:1px solid var(--line-navy)}
.drawer-form input{flex:1;background:transparent;border:0;padding:12px 14px;color:#fff;font-family:inherit;font-size:13.5px}
.drawer-form input::placeholder{color:var(--on-navy-muted)}
.drawer-form input:focus{outline:none}
.drawer-form button{background:none;border:0;border-left:1px solid var(--line-navy);color:var(--gold);padding:0 18px;cursor:pointer;font-size:14px}
.drawer-form button:hover{background:var(--gold);color:var(--navy)}
.drawer .sub-msg{margin-top:14px;font-size:12.5px}

/* ---------- 首屏 ---------- */
.hero{background:var(--paper);padding:100px 0 110px}
.hero .container{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:70px;align-items:center}
.hero h1{font-size:clamp(38px,4.6vw,60px);font-weight:500;letter-spacing:.06em;margin:6px 0 28px}
.hero .lead{color:var(--ink);font-size:16px;max-width:34em;margin-bottom:44px}
.hero-actions{display:flex;align-items:center;gap:34px;flex-wrap:wrap}
/* 圆环完全包在 hero-img 自己的内边距里，绝不会被下一个 section 截断 */
.hero-img{position:relative;justify-self:center;padding:9%;max-width:480px;width:100%}
.hero-img img{position:relative;z-index:2;width:100%}
.hero-ring{position:absolute;inset:0;border:1px solid var(--gold);border-radius:50%;opacity:.5;z-index:1}
.hero-ring::after{
  content:"";position:absolute;inset:20px;border:1px solid var(--gold);
  border-radius:50%;opacity:.32;
}
@media(max-width:900px){
  .hero{padding:64px 0 70px}
  .hero .container{grid-template-columns:1fr}
  .hero-img{max-width:360px;margin:0 auto}
}

/* ---------- 数据 ---------- */
.stats{border-bottom:1px solid var(--line);background:#fff}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);padding:56px 0}
.stats .item{text-align:center;padding:0 16px}
.stats .item+.item{border-left:1px solid var(--line)}
.stats b{font-family:'Marcellus',serif;font-weight:400;font-size:46px;color:var(--navy);display:block;line-height:1.1}
.stats b span{font-size:24px;color:var(--gold-deep)}
.stats i{font-style:normal;font-size:13px;color:var(--muted);letter-spacing:.22em;margin-top:8px;display:block}
@media(max-width:700px){
  .stats-row{grid-template-columns:1fr 1fr;gap:36px 0;padding:44px 0}
  .stats .item:nth-child(3){border-left:0}
}

/* ---------- 为何研究 ---------- */
.why{padding:120px 0;background:#fff}
.why .container{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:60px}
.why-head h2{border:0;padding:0}
.why-cols{display:grid;grid-template-columns:1fr 1fr;gap:44px;font-size:15px;color:var(--ink)}
.why-cols p{border-top:1px solid var(--line);padding-top:26px}
@media(max-width:900px){.why .container,.why-cols{grid-template-columns:1fr}}

/* ---------- 解决方案 ---------- */
.solutions{background:var(--navy);color:#fff;padding:120px 0}
.solutions .container{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:70px;align-items:start}
.solutions h2{color:#fff;margin-bottom:24px}
.sol-intro p{color:var(--on-navy);font-size:15px;margin-bottom:40px;font-weight:400}
.sol-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-navy);border:1px solid var(--line-navy)}
.sol-card{background:var(--navy);padding:44px 36px;transition:background .3s}
.sol-card:hover{background:var(--navy-soft)}
.sol-card h3{color:var(--gold);font-size:17px;font-weight:400;letter-spacing:.12em;margin-bottom:16px}
.sol-card p{color:var(--on-navy);font-size:14px;line-height:1.95;font-weight:400}
@media(max-width:900px){.solutions .container{grid-template-columns:1fr}}
@media(max-width:560px){.sol-grid{grid-template-columns:1fr}}

/* ---------- 流程 ---------- */
.process{padding:120px 0;background:var(--paper)}
.proc-head{text-align:center;max-width:620px;margin:0 auto 70px}
.proc-head p{color:var(--muted);font-size:15px;margin-top:18px}
.proc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.step{border-top:1px solid var(--line);padding-top:30px;position:relative}
.step::before{content:"";position:absolute;top:-1px;left:0;width:56px;height:1px;background:var(--gold-deep)}
.step .num{font-family:'Marcellus',serif;font-size:40px;color:var(--gold-deep);display:block;margin-bottom:14px}
.step h3{font-size:16.5px;margin-bottom:14px}
.step p{font-size:14px;color:var(--muted)}
@media(max-width:860px){.proc-grid{grid-template-columns:1fr}}

/* ---------- 关于我 ---------- */
.about-strip{padding:0 0 120px;background:var(--paper)}
.about-card{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);background:#fff;border:1px solid var(--line)}
.about-name{padding:60px 44px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.name-en{font-family:'Marcellus',serif;font-size:30px;color:var(--navy);letter-spacing:.08em;margin-top:18px}
.name-role{color:var(--muted);font-size:14px;letter-spacing:.2em;margin-top:8px}
.about-bio{padding:60px 56px;background:var(--navy);color:var(--on-navy)}
.about-bio .quote{color:var(--gold);font-size:19px;letter-spacing:.06em;margin-bottom:24px}
.about-bio p{font-size:14.5px;line-height:2}
.about-card.static{margin-top:10px}
@media(max-width:860px){.about-card{grid-template-columns:1fr}.about-name{border-right:0;border-bottom:1px solid var(--line)}}

/* ---------- CTA ---------- */
.cta{background:#fff;padding:120px 0}
.cta-inner{
  background:var(--navy);text-align:center;padding:100px 40px;position:relative;
}
.cta-inner::before{content:"";position:absolute;inset:18px;border:1px solid rgba(211,190,144,.4);pointer-events:none}
.cta-inner h2{color:#fff;margin-bottom:26px}
.cta-inner p{color:var(--on-navy);max-width:520px;margin:0 auto 44px;font-size:15px;font-weight:400}

/* ---------- 博客 ---------- */
.blog{padding:0 0 120px;background:#fff}
.blog-head{text-align:center;margin-bottom:64px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
.blog-card{display:block}
.blog-card .thumb{position:relative;overflow:hidden;aspect-ratio:3/2;background:#111}
.blog-card .thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .5s,filter .5s}
.blog-card:hover .thumb img{transform:scale(1.05);filter:grayscale(.4)}
.blog-card .tag{position:absolute;top:16px;right:16px;background:rgba(22,22,63,.85);color:var(--gold);font-size:12px;letter-spacing:.1em;padding:4px 14px}
.blog-card h3{font-size:16px;font-weight:400;margin:22px 0 12px;line-height:1.7;transition:color .25s}
.blog-card:hover h3{color:var(--gold-deep)}
.blog-card .excerpt{
  font-size:13.5px;color:var(--muted);line-height:1.9;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.blog-card .read{display:inline-block;margin-top:16px;color:var(--gold-deep);font-size:13px;letter-spacing:.12em}
@media(max-width:960px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr}}

/* ---------- 客户点评 ---------- */
.testi{background:var(--paper);padding:120px 0}
.testi-head{text-align:center;margin-bottom:60px}
.carousel{position:relative;max-width:760px;margin:0 auto;text-align:center}
.c-track{position:relative;min-height:300px}
.c-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none}
.c-slide.active{opacity:1;pointer-events:auto;position:relative}
.c-slide img{width:88px;height:88px;border-radius:50%;object-fit:cover;margin:0 auto 30px;border:1px solid var(--gold)}
.c-slide blockquote{font-size:16px;color:var(--ink);line-height:2.1;max-width:600px;margin:0 auto}
.c-slide figcaption{margin-top:28px}
.c-slide figcaption b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:18px;color:var(--navy);letter-spacing:.08em}
.c-slide figcaption span{font-size:13px;color:var(--muted);letter-spacing:.1em}
.c-arrow{
  position:absolute;top:42%;background:none;border:1px solid var(--line);width:44px;height:44px;
  color:var(--navy);cursor:pointer;font-size:16px;transition:all .25s;border-radius:50%;
}
.c-arrow:hover{border-color:var(--gold-deep);color:var(--gold-deep)}
.c-arrow.prev{left:-80px}.c-arrow.next{right:-80px}
.c-dots{display:flex;gap:10px;justify-content:center;margin-top:40px}
.c-dots button{width:7px;height:7px;border-radius:50%;border:0;background:var(--line);cursor:pointer;transition:all .25s;padding:0}
.c-dots button.on{background:var(--gold-deep);transform:scale(1.3)}
@media(max-width:960px){.c-arrow{display:none}}

/* ---------- 内页 ---------- */
.page-hero{background:var(--paper);padding:90px 0;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(30px,3.6vw,44px);font-weight:500;letter-spacing:.05em}
.page-body{padding:80px 0 120px}
.page-intro{font-size:16px;color:var(--ink);max-width:46em;margin-bottom:0}
.contact-list{list-style:none;margin:30px 0 40px}
.contact-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.contact-list a{color:var(--gold-deep)}

/* ---------- 分类页 · 相关文章 ---------- */
.cat-blog{padding:100px 0 120px;background:#fff}
.cat-blog .blog-head{text-align:left;margin-bottom:50px}
.blog-empty{
  border:1px dashed var(--line);padding:60px 30px;text-align:center;
  color:var(--muted);font-size:14.5px;
}

/* ---------- 联系我们 ---------- */
.book-section{background:var(--paper);padding:90px 0;border-bottom:1px solid var(--line)}
.book-head{text-align:center;max-width:600px;margin:0 auto 50px}
.book-head p{color:var(--ink);font-size:15px;margin-top:16px}
.calendly-inline-widget{background:#fff;border:1px solid var(--line)}

.contact-section{padding:100px 0}
.contact-card{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);background:var(--navy);border-top:3px solid var(--gold)}
.contact-info{padding:60px 48px;color:var(--on-navy)}
.contact-info h2{color:#fff;margin-bottom:20px}
.contact-info p{font-size:14.5px;color:var(--on-navy-muted);margin-bottom:36px}
.contact-info ul{list-style:none}
.contact-info li{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px;font-size:14.5px}
.contact-info svg{width:15px;height:15px;fill:var(--gold);flex-shrink:0;margin-top:4px}
.contact-form-wrap{padding:56px;border-left:1px solid var(--line-navy)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form .full{grid-column:1/-1}
.contact-form input,.contact-form textarea{
  width:100%;padding:14px 16px;background:rgba(255,255,255,.04);border:1px solid var(--line-navy);
  color:#fff;font-family:inherit;font-size:14.5px;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--on-navy-muted)}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--gold)}
.contact-form textarea{min-height:140px;resize:vertical}
.contact-form .btn{grid-column:1/-1;justify-self:start}
.contact-msg{grid-column:1/-1;font-size:13.5px;min-height:20px}
.contact-msg.ok{color:#9CCB9C}
@media(max-width:860px){
  .contact-card{grid-template-columns:1fr}
  .contact-form-wrap{border-left:0;border-top:1px solid var(--line-navy)}
}
@media(max-width:560px){.contact-form{grid-template-columns:1fr}}

/* ---------- 文章页 ---------- */
.post{padding:90px 0 120px}
.post-meta{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.post-meta .tag{background:var(--navy);color:var(--gold);font-size:12px;letter-spacing:.1em;padding:4px 14px}
.post-meta time{color:var(--muted);font-size:13px}
.post h1{font-size:clamp(26px,3.2vw,38px);font-weight:400;margin-bottom:40px;line-height:1.6}
.post-cover{margin-bottom:48px;filter:grayscale(1)}
.post-body p{margin-bottom:26px;font-size:15.5px;line-height:2.1}
.post-body h2{font-size:22px;margin:44px 0 20px}
.post .back{margin-top:60px}
.post .back a{color:var(--gold-deep);font-size:14px;letter-spacing:.08em}

/* ---------- 页脚 ---------- */
footer{background:var(--navy);color:var(--on-navy);font-size:14px}
.foot-subscribe{border-bottom:1px solid var(--line-navy);text-align:center;padding:90px 0}
.foot-subscribe h2{color:#fff;margin:6px 0 16px}
.sub-note{color:var(--on-navy-muted);font-size:13.5px;max-width:480px;margin:0 auto 40px}
.sub-form{display:flex;gap:0;max-width:680px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.sub-form input{
  flex:1 1 200px;padding:13px 18px;background:transparent;color:#fff;
  border:1px solid var(--line-navy);border-right:0;font-family:inherit;font-size:14px;font-weight:400;
}
.sub-form input::placeholder{color:rgba(255,255,255,.5)}
.sub-form input:focus{outline:none;border-color:var(--gold)}
.sub-form .btn{flex:0 0 auto}
@media(max-width:600px){
  .sub-form input{border-right:1px solid var(--line-navy);margin-bottom:12px;flex-basis:100%}
}
.sub-msg{margin-top:18px;font-size:13.5px;min-height:20px}
.sub-msg.ok{color:#9CCB9C}
.sub-msg.err{color:#E09999}

.foot-cols{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.2fr 1.4fr;gap:44px;padding:80px 0}
.foot-brand p{font-size:13px;line-height:2;color:var(--on-navy-muted);margin-top:24px}
.foot-logo{height:38px;filter:brightness(0) invert(1);opacity:.9}
.foot-cols h4{color:var(--gold);font-size:13px;font-weight:400;letter-spacing:.24em;margin-bottom:24px}
.foot-cols ul{list-style:none}
.foot-cols li{margin-bottom:12px;font-size:13.5px;color:var(--on-navy)}
.foot-cols a:hover{color:var(--gold)}
@media(max-width:960px){.foot-cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot-cols{grid-template-columns:1fr}}

.foot-bottom{border-top:1px solid var(--line-navy);padding:36px 0 48px;text-align:center}
.foot-bottom .copy{font-family:'Marcellus',serif;letter-spacing:.2em;color:rgba(255,255,255,.85);margin-bottom:22px;font-size:13px}
.disclaimer{font-size:10.5px;line-height:1.8;color:rgba(255,255,255,.4);text-align:justify}

/* ---------- 动效 ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}