
:root{
  --bg:#f5f2eb;
  --paper:#fbfaf7;
  --ink:#151918;
  --muted:#6b706d;
  --line:#d8d3ca;
  --brand:#183e53;
  --brand2:#0f6571;
  --brand3:#0a727c;
  --gold:#c6a35c;
  --white:#fff;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.wrap{width:min(var(--max),calc(100% - 42px));margin:auto}

/* Header */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(245,242,235,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo-link{display:flex;align-items:center}
.logo-link img{width:94px;height:66px;object-fit:contain;display:block}
.nav-links{display:flex;gap:30px;font-size:14px;color:#404442}
.nav-links a{padding:30px 0 27px;border-bottom:2px solid transparent}
.nav-links a:hover{color:var(--brand);border-color:var(--brand)}
.nav-contact{
  border:1px solid #2f3734;background:transparent;
  padding:9px 16px;cursor:pointer;font-size:14px;color:#2f3734
}

/* Hero */
.hero{padding:24px 0 42px}
.hero-panel{
  min-height:600px;
  border-radius:30px;
  padding:58px 58px 46px;
  color:#fff;
  background:
    radial-gradient(circle at 16% 84%, rgba(18,199,210,.36) 0, rgba(18,199,210,0) 34%),
    radial-gradient(circle at 78% 18%, rgba(58,123,139,.40) 0, rgba(58,123,139,0) 30%),
    linear-gradient(135deg,#17394b 0%,#124f5d 47%,#0b5964 100%);
  position:relative;overflow:hidden;
  box-shadow:0 18px 54px rgba(17,52,61,.14);
}
.hero-panel:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.035),rgba(255,255,255,0) 48%);
}
.hero-main{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.08fr .92fr;gap:48px;
}
.hero-copy{padding-top:2px}
.hero-kicker{font-size:12px;letter-spacing:.16em;color:rgba(255,255,255,.68);font-weight:700}
h1{
  margin:15px 0 20px;
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:clamp(48px,5.5vw,76px);
  line-height:1.12;letter-spacing:-.045em;
  font-weight:700;
}
.hero-lead{
  font-size:19px;line-height:1.85;
  color:rgba(255,255,255,.84);
  max-width:690px;margin:0
}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.hero-btn{
  min-height:45px;padding:0 20px;border-radius:999px;
  border:1px solid rgba(255,255,255,.38);
  color:#fff;background:transparent;cursor:pointer;font-weight:600
}
.hero-btn.primary{background:#f4efdf;border-color:#f4efdf;color:#17394b}
.hero-note{margin-top:28px;color:rgba(255,255,255,.58);font-size:13px}

/* right-side value cards */
.value-stack{display:grid;gap:13px;align-content:center}
.value-card{
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.075);
  backdrop-filter:blur(8px);
  border-radius:18px;
  padding:21px 23px 20px;
}
.value-top{display:flex;justify-content:space-between;gap:20px;align-items:center}
.value-card small{color:rgba(255,255,255,.58);font-size:12px;letter-spacing:.08em}
.value-card h2{font-size:22px;margin:4px 0 7px}
.value-card p{margin:0;color:rgba(255,255,255,.74);font-size:14px;line-height:1.7}
.value-card .go{font-size:19px;color:#e3c989}

/* Below hero */
.section{padding:72px 0}
.section-head{
  display:grid;grid-template-columns:.72fr 1.28fr;gap:76px;
  align-items:start;margin-bottom:30px
}
.section-label{font-size:12px;color:#97763d;letter-spacing:.12em;font-weight:700}
.section-title{
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:40px;line-height:1.3;margin:10px 0 0
}
.section-desc{font-size:16px;color:var(--muted);margin:0;max-width:690px}

/* tenant content */
.info-list{border-top:1px solid var(--ink)}
.info-row{
  display:grid;grid-template-columns:160px 1fr;gap:34px;
  padding:21px 0;border-bottom:1px solid var(--line)
}
.info-row b{color:var(--brand);font-size:14px}
.info-row h3{margin:0 0 5px;font-size:19px}
.info-row p{margin:0;color:var(--muted);font-size:14px}

/* dual section */
.split{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)
}
.split-box{padding:38px 42px 40px 0}
.split-box + .split-box{border-left:1px solid var(--line);padding-left:42px;padding-right:0}
.split-box .mini{font-size:12px;color:#97763d;font-weight:700;letter-spacing:.08em}
.split-box h2{
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:32px;line-height:1.35;margin:13px 0 13px
}
.split-box p{margin:0;color:var(--muted)}
.split-box a{display:inline-block;margin-top:20px;color:var(--brand);font-size:14px}

/* guide */
.guide{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:24px}
.guide-head h2{
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:40px;margin:0
}
.guide-head p{margin:0;color:var(--muted);max-width:590px}
.guide-list{border-top:1px solid var(--ink)}
.guide-item{
  display:grid;grid-template-columns:90px 1fr auto;gap:24px;
  padding:20px 0;border-bottom:1px solid var(--line);align-items:center
}
.guide-item span{font-size:12px;color:#97763d;font-weight:700}
.guide-item b{font-size:18px;font-weight:600}
.guide-item em{font-style:normal;color:var(--brand);font-size:13px}

/* about */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px}
.about-quote{
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:35px;line-height:1.52;margin:0
}
.about-copy{color:var(--muted);margin:0}
.facts{border-top:1px solid var(--ink);margin-top:22px}
.fact{display:grid;grid-template-columns:120px 1fr;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
.fact span:first-child{color:var(--muted)}

footer{border-top:1px solid var(--line);padding:28px 0 44px;color:var(--muted);font-size:13px}
.footer-grid{display:flex;justify-content:space-between;gap:28px}
.icp{text-decoration:underline;text-underline-offset:3px}

/* consultation */
.chat-launcher{
  position:fixed;right:22px;bottom:22px;z-index:80;
  border:0;border-radius:999px;background:var(--brand);color:#fff;
  padding:14px 19px;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.18)
}
.chat-panel{
  position:fixed;right:22px;bottom:82px;z-index:90;
  width:min(380px,calc(100vw - 30px));
  background:#fbfaf7;border:1px solid #28312e;
  box-shadow:0 24px 50px rgba(0,0,0,.2);display:none
}
.chat-panel.open{display:block}
.chat-head{background:var(--brand);color:#fff;padding:18px 20px}
.chat-head strong{font-size:18px}
.chat-head p{margin:3px 0 0;font-size:12px;color:rgba(255,255,255,.72)}
.chat-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.chat-tabs button{border:0;border-right:1px solid var(--line);background:transparent;padding:11px 5px;cursor:pointer}
.chat-tabs button.active{background:#ece6da;color:var(--brand);font-weight:700}
.chat-body{padding:16px}
.form-row{margin-bottom:10px}
.form-row label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.form-row input,.form-row textarea{width:100%;border:1px solid var(--line);padding:10px 11px;background:#fff}
.form-row textarea{height:72px;resize:none}
.submit{width:100%;border:0;background:var(--brand);color:#fff;padding:11px;cursor:pointer}
.demo-note{font-size:11px;color:#8a8d89;padding-top:9px}

@media(max-width:940px){
  .nav-links{display:none}
  .logo-link img{width:80px;height:58px}
  .wrap{width:min(var(--max),calc(100% - 30px))}
  .hero-panel{padding:34px 25px;min-height:auto}
  .hero-main,.section-head,.about-grid{grid-template-columns:1fr;gap:34px}
  .split{grid-template-columns:1fr}
  .split-box,.split-box + .split-box{padding:28px 0;border-left:0;border-bottom:1px solid var(--line)}
  .split-box:last-child{border-bottom:0}
  .guide-head{display:block}.guide-head p{margin-top:12px}
  .guide-item{grid-template-columns:70px 1fr}.guide-item em{display:none}
  .footer-grid{flex-direction:column}
}
