:root{
  --navy:#15233B; --navy2:#1E3354; --ice:#8FB3D9; --icelt:#DCE6F2;
  --gold:#C9A24B; --light:#F4F6FA; --ink:#1B2A3D; --mute:#5B6B82; --white:#fff;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
a{text-decoration:none;color:inherit}
h2{font-size:30px;color:var(--navy);margin:6px 0 26px;font-weight:800;letter-spacing:.5px}
h2.white{color:#fff}
.kicker{display:inline-block;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700}
.kicker.gold{color:var(--gold)}
.note{color:var(--mute);font-size:12px;margin-top:18px}

/* nav */
#nav{position:sticky;top:0;z-index:50;background:rgba(21,35,59,.96);backdrop-filter:blur(6px)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:62px}
.brand{font-size:20px;font-weight:800;color:#fff;letter-spacing:1px}
.brand-cee{color:var(--gold)}
.links{display:flex;gap:26px}
.links a{color:#cdd8ea;font-size:15px;transition:.2s}
.links a:hover{color:var(--gold)}
.nav-right{display:flex;align-items:center;gap:12px}
.lang{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:5px 12px;border-radius:20px;cursor:pointer;font-size:13px}
.lang:hover{background:var(--gold);color:var(--navy)}
.burger{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer}

/* hero */
.hero{background:linear-gradient(135deg,#0F1A2E 0%,#15233B 55%,#1E3354 100%);color:#fff;padding:104px 0 96px;border-bottom:5px solid var(--gold)}
.hero-tag{display:inline-block;border:1px solid rgba(143,179,217,.5);color:var(--ice);padding:6px 16px;border-radius:30px;font-size:13px;margin-bottom:24px}
.hero h1{font-size:54px;line-height:1.15;font-weight:800;margin-bottom:20px}
.hero-sub{font-size:18px;color:#c7d4e8;max-width:760px;margin-bottom:32px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}
.btn{padding:13px 30px;border-radius:30px;font-size:15px;font-weight:700;transition:.2s;display:inline-block}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:#dbb45f}
.btn-ghost{border:1px solid var(--ice);color:var(--ice)}
.btn-ghost:hover{background:rgba(143,179,217,.15)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:-44px auto 0;position:relative;z-index:5}
.stat{background:#fff;border:1px solid var(--icelt);border-left:4px solid var(--gold);border-radius:10px;padding:22px 24px;box-shadow:0 8px 24px rgba(21,35,59,.08)}
.stat b{display:block;font-size:30px;color:var(--gold);font-weight:800;font-family:Georgia,serif}
.stat span{font-size:13px;color:var(--mute)}

/* sections */
.sec{padding:74px 0}
.sec-light{background:var(--light)}
.sec-dark{background:var(--navy);color:#fff}
.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:start}
.two-col p{color:var(--ink);font-size:15px}
.sec-dark .two-col p{color:#c7d4e8}
.pillars{display:grid;gap:14px}
.pill{background:#fff;border:1px solid var(--icelt);border-left:4px solid var(--gold);border-radius:10px;padding:16px 20px}
.pill h4{color:var(--navy);font-size:17px}
.pill p{color:var(--mute);font-size:13px;margin-top:2px}
.subh{color:var(--navy);font-size:18px;margin:30px 0 16px;font-weight:700}

/* grids/cards */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--icelt);border-left:4px solid var(--gold);border-radius:12px;padding:24px;box-shadow:0 6px 18px rgba(21,35,59,.06);transition:.2s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(21,35,59,.12)}
.card .en{color:var(--gold);font-style:italic;font-size:13px;margin:4px 0 10px}
.card h4{color:var(--navy);font-size:18px}
.card p{color:var(--mute);font-size:13.5px}
.card .thumb{height:150px;border-radius:8px;background:linear-gradient(135deg,var(--navy2),var(--ice));margin:-4px 0 14px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);font-size:14px;background-size:cover;background-position:center}
.price{color:var(--gold);font-weight:700;margin-top:8px}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:12px}
.chip{background:#fff;border:1px solid var(--icelt);border-radius:8px;padding:12px 22px;font-weight:700;color:var(--navy);box-shadow:0 4px 12px rgba(21,35,59,.05)}

/* exhibitions */
.exh-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.exh-item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--icelt);border-radius:10px;padding:14px 18px}
.exh-item .dot{width:12px;height:12px;border-radius:50%;background:var(--gold);flex:none}
.exh-item span{font-weight:600;color:var(--ink)}

/* contact */
.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:26px}
.ccard{background:var(--navy2);border:1px solid var(--gold);border-radius:12px;padding:26px 30px}
.ccard h4{color:#fff;font-size:18px;margin-bottom:10px}
.tel{color:var(--gold);font-size:30px;font-weight:800;font-family:Georgia,serif;letter-spacing:1px}

/* footer */
footer{background:#0F1A2E;color:#9fb0c8;padding:22px 0;font-size:13px}
.foot-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

/* responsive */
@media(max-width:820px){
  .links{position:fixed;top:62px;right:0;width:220px;height:calc(100vh - 62px);background:var(--navy);flex-direction:column;padding:24px;gap:18px;transform:translateX(100%);transition:.25s}
  .links.open{transform:translateX(0)}
  .burger{display:block}
  .hero h1{font-size:36px}
  .hero-sub{font-size:16px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .two-col{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .exh-list,.contact-cards{grid-template-columns:1fr}
}

/* ===== 丰富版新增组件 ===== */
.stat b small{font-size:14px;color:var(--mute);font-weight:600;margin-left:2px}
.sec-dark2{background:#0F1A2E;color:#fff}

/* 时间轴 */
.timeline{position:relative;margin-top:10px;padding-left:8px}
.tl-item{display:flex;gap:22px;padding:0 0 26px;position:relative}
.tl-item:before{content:"";position:absolute;left:74px;top:6px;bottom:-10px;width:2px;background:var(--icelt)}
.tl-item:last-child:before{display:none}
.tl-year{width:64px;flex:none;text-align:right;font-family:Georgia,serif;font-weight:800;color:var(--gold);font-size:18px;position:relative;z-index:2}
.tl-body{background:#fff;border:1px solid var(--icelt);border-left:4px solid var(--gold);border-radius:10px;padding:14px 18px;flex:1;box-shadow:0 4px 12px rgba(21,35,59,.05)}
.tl-body h4{color:var(--navy);font-size:16px}
.tl-body p{color:var(--mute);font-size:13px;margin-top:3px}
.tl-item .tl-year:after{content:"";position:absolute;right:-14px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 0 0 1px var(--icelt)}

/* 图文卡 */
.icard{background:#fff;border:1px solid var(--icelt);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(21,35,59,.07);display:flex;flex-direction:column}
.icard-img{height:170px;background-size:cover;background-position:center;background-color:var(--navy2)}
.icard-tx{padding:16px 18px}
.icard-tx h4{color:var(--navy);font-size:16px;margin-bottom:6px}
.icard-tx p{color:var(--mute);font-size:13px}

/* mini 品牌卡 */
.card.mini{padding:16px 18px}
.card.mini h4{font-size:16px}
.card.mini p{margin-top:2px}

/* 产品/新闻封面 */
.pcard{padding:0;overflow:hidden;display:flex;flex-direction:column;border-left:none}
.pcard .thumb{height:180px;margin:0;border-radius:0}
.pcard .thumb.sm{height:150px}
.pcard h4{color:var(--navy);font-size:16px;padding:14px 18px 0}
.pcard .en{padding:12px 18px 0}
.pcard p{color:var(--mute);font-size:13px;padding:6px 18px 18px}

/* 相册 */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gitem{position:relative;height:210px;border-radius:12px;background-size:cover;background-position:center;background-color:var(--navy2);overflow:hidden;box-shadow:0 6px 18px rgba(21,35,59,.12)}
.gitem.tall{height:240px}
.gcap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(15,26,46,.92));color:#fff}
.gcap b{display:block;font-size:14px}
.gcap span{font-size:11.5px;color:#cdd8ea}
.field-desc{color:#c7d4e8;font-size:15px;max-width:880px;margin:0 0 24px}

@media(max-width:820px){
  .gallery{grid-template-columns:1fr}
  .icard-img{height:200px}
  .tl-year{width:50px}
  .tl-item:before{left:60px}
}

/* 愿景 */
.vision-intro{color:var(--ink);font-size:15px;max-width:900px;margin:0 0 26px}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vcard{background:#fff;border:1px solid var(--icelt);border-top:4px solid var(--gold);border-radius:12px;padding:22px 20px;box-shadow:0 6px 18px rgba(21,35,59,.06)}
.vnum{font-family:Georgia,serif;font-size:26px;font-weight:800;color:var(--gold)}
.vcard h4{color:var(--navy);font-size:17px;margin:6px 0 6px}
.vcard p{color:var(--mute);font-size:13px}
@media(max-width:820px){.vgrid{grid-template-columns:1fr 1fr}}

/* ===== 设计总监修订:导航排版 ===== */
.nav-inner{height:66px}
.brand{white-space:nowrap;font-size:19px}
.links{gap:17px}
.links a{white-space:nowrap;font-size:14px}
/* 中等屏(≤1060)直接用汉堡菜单,避免导航挤成多行 */
@media(max-width:1060px){
  .links{position:fixed;top:66px;right:0;width:230px;height:calc(100vh - 66px);background:var(--navy);flex-direction:column;padding:24px;gap:18px;transform:translateX(100%);transition:.25s;z-index:60}
  .links.open{transform:translateX(0)}
  .links a{font-size:16px}
  .burger{display:block}
}

/* 智能客服悬浮窗 */
.chat-fab{position:fixed;right:20px;bottom:20px;z-index:90;background:var(--gold);color:var(--navy);border:none;border-radius:30px;padding:12px 20px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(21,35,59,.28)}
.chat-fab:hover{background:#dbb45f}
.chat-panel{position:fixed;right:20px;bottom:20px;z-index:95;width:360px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 40px);background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(15,26,46,.35);display:flex;flex-direction:column;overflow:hidden}
.chat-panel[hidden]{display:none}
.chat-head{background:var(--navy);color:#fff;padding:14px 16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.chat-head button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1}
.chat-body{flex:1;overflow-y:auto;padding:14px;background:var(--light);display:flex;flex-direction:column;gap:10px}
.msg{max-width:82%;padding:10px 13px;border-radius:12px;font-size:13.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.msg.bot{background:#fff;border:1px solid var(--icelt);align-self:flex-start;border-bottom-left-radius:3px;color:var(--ink)}
.msg.me{background:var(--navy);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}
.msg.typing{color:var(--mute);font-style:italic}
.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--icelt);background:#fff}
.chat-input input{flex:1;border:1px solid var(--icelt);border-radius:20px;padding:9px 14px;font-size:13.5px;outline:none}
.chat-input input:focus{border-color:var(--gold)}
.chat-input button{background:var(--gold);color:var(--navy);border:none;border-radius:20px;padding:9px 16px;font-weight:700;cursor:pointer}
@media(max-width:600px){.chat-fab{right:12px;bottom:12px}.chat-panel{right:8px;bottom:8px}}

/* 询价表单 */
.inq-form{margin-top:34px;max-width:680px}
.inq-form h3{color:#fff;font-size:18px;margin-bottom:16px}
.inq-row{display:flex;gap:14px;margin-bottom:14px}
.inq-form input,.inq-form textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(143,179,217,.4);border-radius:10px;padding:12px 14px;color:#fff;font-size:14px;outline:none;font-family:inherit}
.inq-form input::placeholder,.inq-form textarea::placeholder{color:#8fa3bf}
.inq-form input:focus,.inq-form textarea:focus{border-color:var(--gold)}
.inq-form textarea{margin-bottom:14px;resize:vertical}
#inqSend{background:var(--gold);color:var(--navy);border:none;border-radius:24px;padding:12px 34px;font-size:15px;font-weight:700;cursor:pointer}
#inqSend:hover{background:#dbb45f}
#inqSend:disabled{opacity:.6;cursor:default}
.inq-result{margin-top:12px;font-size:13.5px;min-height:18px}
@media(max-width:600px){.inq-row{flex-direction:column}}