/* ---------- 配色系统（CSS 变量，后台可选 5 套） ---------- */
:root{
    --cg-gold:#D4AF37;
    --cg-gold-hi:#e6c858;
    --cg-gold-deep:#8a6d1f;
    --cg-gold-rgb:212,175,55;
    --cg-primary:#1A3050;
    --cg-primary-hi:#284874;
    --cg-primary-lo:#12243c;
    --cg-primary-rgb:26,48,80;
    --cg-bg:#121418;
    --cg-bg-rgb:18,20,24;
    --cg-bg2:#171a20;
    --cg-bg-deep:#0e1013;
    --cg-card:#1b1e24;
    --cg-card-hi:#20242c;
    --cg-line:#292d36;
    --cg-line-soft:#262a32;
    --cg-text:#e6e6e6;
    --cg-muted:#b8b8b8;
    --cg-faint:#999;
}
body[data-theme="blackgold"]{
    --cg-gold:#D4AF37;
    --cg-gold-hi:#e6c858;
    --cg-gold-deep:#8a6d1f;
    --cg-gold-rgb:212,175,55;
    --cg-primary:#23272f;
    --cg-primary-hi:#333a45;
    --cg-primary-lo:#16181d;
    --cg-primary-rgb:35,39,47;
    --cg-bg:#0c0d10;
    --cg-bg-rgb:12,13,16;
    --cg-bg2:#121317;
    --cg-bg-deep:#090a0c;
    --cg-card:#16181d;
    --cg-card-hi:#1c1f26;
    --cg-line:#262a32;
}
body[data-theme="emerald"]{
    --cg-gold:#C9A227;
    --cg-gold-hi:#ddb93c;
    --cg-gold-deep:#7d6419;
    --cg-gold-rgb:201,162,39;
    --cg-primary:#1d3a2a;
    --cg-primary-hi:#2a543d;
    --cg-primary-lo:#122618;
    --cg-primary-rgb:29,58,42;
    --cg-bg:#0e130f;
    --cg-bg-rgb:14,19,15;
    --cg-bg2:#131a15;
    --cg-bg-deep:#0a0f0b;
    --cg-card:#141c16;
    --cg-card-hi:#1a251c;
    --cg-line:#22302a;
}
body[data-theme="wine"]{
    --cg-gold:#C9A227;
    --cg-gold-hi:#ddb93c;
    --cg-gold-deep:#7d6419;
    --cg-gold-rgb:201,162,39;
    --cg-primary:#52202e;
    --cg-primary-hi:#6e2c3e;
    --cg-primary-lo:#33121c;
    --cg-primary-rgb:82,32,46;
    --cg-bg:#140e11;
    --cg-bg-rgb:20,14,17;
    --cg-bg2:#1a1216;
    --cg-bg-deep:#0e0a0c;
    --cg-card:#1c1318;
    --cg-card-hi:#251a20;
    --cg-line:#2b2126;
}
body[data-theme="steel"]{
    --cg-gold:#C9A227;
    --cg-gold-hi:#ddb93c;
    --cg-gold-deep:#7d6419;
    --cg-gold-rgb:201,162,39;
    --cg-primary:#2b4154;
    --cg-primary-hi:#3a5872;
    --cg-primary-lo:#182836;
    --cg-primary-rgb:43,65,84;
    --cg-bg:#0f1419;
    --cg-bg-rgb:15,20,25;
    --cg-bg2:#151b21;
    --cg-bg-deep:#0b0f13;
    --cg-card:#151d25;
    --cg-card-hi:#1b242e;
    --cg-line:#26303a;
}
/* ========== 明亮暖金 lightgold（浅色系） ========== */
body[data-theme="lightgold"]{
    --cg-gold:#C9922E;
    --cg-gold-hi:#dca94a;
    --cg-gold-deep:#8a6420;
    --cg-gold-rgb:201,146,46;
    --cg-primary:#8a5a24;
    --cg-primary-hi:#a06e2e;
    --cg-primary-lo:#6e4417;
    --cg-primary-rgb:138,90,36;
    --cg-bg:#faf6ec;
    --cg-bg-rgb:250,246,236;
    --cg-bg2:#f4efe1;
    --cg-bg-deep:#efe8d3;
    --cg-card:#ffffff;
    --cg-card-hi:#fffaf0;
    --cg-line:#e3dac4;
    --cg-line-soft:#ece5d2;
    --cg-text:#2b2417;
    --cg-muted:#6d6250;
    --cg-faint:#9b8f74;
    color:var(--cg-text);
}
body[data-theme="lightgold"] a{color:var(--cg-text);}
body[data-theme="lightgold"] a:hover{color:var(--cg-gold-deep);}
body[data-theme="lightgold"] .cg-nav a{color:var(--cg-muted);}
body[data-theme="lightgold"] .cg-nav a:hover{color:var(--cg-gold-deep);}
body[data-theme="lightgold"] .menu-toggle span{background:var(--cg-text);}
body[data-theme="lightgold"] .mobile-nav a{color:var(--cg-text);border-bottom-color:rgba(43,36,23,.08);}
body[data-theme="lightgold"] .mobile-nav a:hover{color:var(--cg-gold-deep);}
body[data-theme="lightgold"] .banner-bg{opacity:.45;}
body[data-theme="lightgold"] .banner-bg::after{background:linear-gradient(90deg,rgba(250,246,236,.92) 0%,rgba(250,246,236,.72) 45%,rgba(250,246,236,.4) 75%,rgba(250,246,236,.22) 100%);}
body[data-theme="lightgold"] .banner-desc{color:var(--cg-muted);}
body[data-theme="lightgold"] .stat-number{color:var(--cg-text);}
body[data-theme="lightgold"] .stat-label{color:var(--cg-muted);}
body[data-theme="lightgold"] .section-desc{color:var(--cg-muted);}
body[data-theme="lightgold"] .capability-item p{color:var(--cg-muted);}
body[data-theme="lightgold"] .product-item h4,body[data-theme="lightgold"] .factory-item h4{color:var(--cg-text);}
body[data-theme="lightgold"] .product-item h3,body[data-theme="lightgold"] .factory-item h3{color:var(--cg-text);}
body[data-theme="lightgold"] .product-intro,body[data-theme="lightgold"] .factory-item p,body[data-theme="lightgold"] .factory-intro{color:var(--cg-muted);}
body[data-theme="lightgold"] .page-banner p{color:var(--cg-muted);}
body[data-theme="lightgold"] .pagebar a,body[data-theme="lightgold"] .pagebar span{color:var(--cg-text);}
body[data-theme="lightgold"] .post-body{background:linear-gradient(180deg,#fffdf6,#f6f1e2);color:var(--cg-text);}
body[data-theme="lightgold"] .post-body ul li,body[data-theme="lightgold"] .post-body ol li{color:#4a4436;}
body[data-theme="lightgold"] .post-body blockquote{color:#4a4436;background:linear-gradient(90deg,rgba(var(--cg-gold-rgb),.14),transparent);}
body[data-theme="lightgold"] .post-meta span{color:#8a806a;}
body[data-theme="lightgold"] .post-cta .cta-txt{color:#3a3426;}
body[data-theme="lightgold"] .post-foot{color:#8a806a;}
body[data-theme="lightgold"] .post-side .side-box{background:linear-gradient(180deg,#fffdf6,#f6f1e2);border-color:rgba(var(--cg-gold-rgb),.35);}
body[data-theme="lightgold"] .post-side .side-box p{color:#5d5543;}
body[data-theme="lightgold"] .post-side .side-box li a{color:#4a4436;}
body[data-theme="lightgold"] .static-content{color:var(--cg-text);}
body[data-theme="lightgold"] .process-item h4{color:var(--cg-text);}
body[data-theme="lightgold"] .process-item p{color:var(--cg-muted);}
body[data-theme="lightgold"] .process-body h4{color:var(--cg-text);}
body[data-theme="lightgold"] .process-body p{color:var(--cg-muted);}
body[data-theme="lightgold"] .contact-title{color:var(--cg-text);}
body[data-theme="lightgold"] .form-item label{color:var(--cg-text);}
body[data-theme="lightgold"] .form-item input,body[data-theme="lightgold"] .form-item textarea{background:#fff;border-color:#d8cdb2;color:var(--cg-text);}
body[data-theme="lightgold"] .form-item input::placeholder,body[data-theme="lightgold"] .form-item textarea::placeholder{color:var(--cg-faint);}
body[data-theme="lightgold"] .contact-info-col p{color:var(--cg-muted);}
body[data-theme="lightgold"] .contact-note li{color:var(--cg-muted);}
body[data-theme="lightgold"] .footer-col p,body[data-theme="lightgold"] .footer-col li a{color:var(--cg-muted);}
body[data-theme="lightgold"] .footer-bottom{border-top-color:var(--cg-line);color:var(--cg-faint);}
body[data-theme="lightgold"] .equip-table td:first-child{color:var(--cg-text);}
body[data-theme="lightgold"] .equip-table td{color:var(--cg-muted);}
body[data-theme="lightgold"] .mat-card p{color:var(--cg-muted);}
body[data-theme="lightgold"] .testi-text{color:#3a3328;}
body[data-theme="lightgold"] .testi-author strong{color:var(--cg-text);}
body[data-theme="lightgold"] .testi-country{color:var(--cg-muted);}
body[data-theme="lightgold"] .cert-item p{color:var(--cg-muted);}
body[data-theme="lightgold"] .news-title{color:var(--cg-text);}
body[data-theme="lightgold"] .news-intro{color:var(--cg-muted);}
body[data-theme="lightgold"] .map-info h3{color:var(--cg-text);}
body[data-theme="lightgold"] .map-address{color:var(--cg-muted);}
body[data-theme="lightgold"] .map-contact li{color:var(--cg-muted);}
body[data-theme="lightgold"] .faq-item h4{color:var(--cg-text);}
body[data-theme="lightgold"] .faq-item p{color:var(--cg-muted);}
/* ============================================================
   CardGameFactory 桌游卡牌外贸工厂主题
   配色：炭黑 #121418 / 墨蓝 #1A3050 / 烫金 #D4AF37
   移动端优先，兼容 H5
   ============================================================ */

/* ---------- 全局 ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;}
body{font-family:"Roboto","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--cg-bg);color:#e6e6e6;line-height:1.6;overflow-x:hidden;}
a{color:#fff;text-decoration:none;transition:color .3s,border-color .3s,transform .3s;}
ul,ol{list-style:none;}
img{max-width:100%;height:auto;display:block;border:0;}
.container{width:92%;max-width:1200px;margin:0 auto;}
.text-gold{color:var(--cg-gold);}

/* ---------- 按钮 ---------- */
.btn{display:inline-block;padding:12px 26px;border-radius:4px;font-weight:500;font-size:15px;transition:all .3s;border:none;cursor:pointer;text-align:center;}
.btn-primary{background:var(--cg-primary);color:#fff;}
.btn-primary:hover{background:var(--cg-primary-hi);color:#fff;}
.btn-outline{border:1px solid var(--cg-gold);color:var(--cg-gold);background:transparent;}
.btn-outline:hover{background:var(--cg-gold);color:var(--cg-bg);}
.btn-lg{padding:16px 32px;font-size:17px;}
.btn-sm{padding:8px 18px;font-size:13px;}
.w100{width:100%;}

/* ---------- 顶部导航 ---------- */
.cg-header{position:fixed;top:0;left:0;width:100%;background:rgba(var(--cg-bg-rgb),.94);z-index:999;padding:12px 0;border-bottom:1px solid rgba(var(--cg-gold-rgb),.18);}
.header-inner{display:flex;align-items:center;justify-content:space-between;}
.cg-logo{animation:cgLogoIn .9s ease both;}
.cg-logo img{height:40px;width:auto;transition:transform .35s ease,filter .35s ease;animation:cgLogoGlow 4.5s ease-in-out infinite;}
.cg-logo:hover img{transform:scale(1.07);filter:drop-shadow(0 0 12px rgba(26,48,80,.6));animation-play-state:paused;}
@keyframes cgLogoIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
@keyframes cgLogoGlow{0%,100%{filter:drop-shadow(0 0 3px rgba(26,48,80,.2));}50%{filter:drop-shadow(0 0 10px rgba(26,48,80,.5));}}
.cg-nav ul{display:flex;gap:26px;}
.cg-nav a{font-size:14px;letter-spacing:.5px;color:#ddd;}
.cg-nav a:hover{color:var(--cg-gold);}
.btn-quote{background:var(--cg-gold);color:var(--cg-bg);padding:9px 20px;border-radius:4px;font-weight:700;font-size:14px;}
.btn-quote:hover{background:var(--cg-gold-hi);color:var(--cg-bg);}
.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;}
.menu-toggle span{width:26px;height:2px;background:#fff;border-radius:2px;transition:all .3s;}
.mobile-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--cg-bg2);padding:18px 6%;border-top:1px solid rgba(var(--cg-gold-rgb),.15);box-shadow:0 12px 24px rgba(0,0,0,.4);}
.mobile-nav ul{display:flex;flex-direction:column;gap:4px;}
.mobile-nav a{display:block;padding:12px 10px;color:#eee;font-size:16px;border-bottom:1px solid rgba(255,255,255,.06);}
.mobile-nav a:hover{color:var(--cg-gold);}
.mobile-nav .mobile-quote{color:var(--cg-gold);border:1px solid var(--cg-gold);text-align:center;border-radius:4px;margin-top:8px;}

/* ---------- 首屏 Banner ---------- */
.cg-banner{min-height:100vh;display:flex;align-items:center;padding:110px 0 70px;position:relative;}
.banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:.3;z-index:0;}
.banner-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,20,24,.85) 0%,rgba(18,20,24,.45) 60%,rgba(18,20,24,.25) 100%);}
.banner-content{position:relative;z-index:1;}
.eyebrow{color:var(--cg-gold);letter-spacing:2.5px;margin-bottom:14px;font-size:15px;text-transform:uppercase;}
.cg-banner h1{font-size:50px;line-height:1.18;margin-bottom:18px;font-weight:800;}
.banner-desc{font-size:17px;max-width:680px;margin-bottom:32px;color:#cfcfcf;}
.banner-buttons{display:flex;gap:14px;margin-bottom:44px;flex-wrap:wrap;}
.banner-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:860px;}
.stat-item{border-left:2px solid var(--cg-gold);padding-left:16px;}
.stat-number{display:block;font-size:32px;font-weight:800;color:#fff;line-height:1.2;}
.stat-label{color:#aaa;font-size:13px;text-transform:uppercase;letter-spacing:1px;}

/* ---------- 通用区块 ---------- */
.section{padding:88px 0;}
.section-head{text-align:center;margin-bottom:48px;}
.section-sub{color:var(--cg-gold);letter-spacing:2.5px;margin-bottom:8px;font-size:13px;text-transform:uppercase;}
.section-head h2{font-size:34px;margin-bottom:12px;font-weight:800;}
.section-desc{color:#b8b8b8;max-width:750px;margin:0 auto;}
.section-more{text-align:center;margin-top:44px;}

/* ---------- 能力网格 ---------- */
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.capability-item{background:var(--cg-card);padding:30px 26px;border-radius:6px;border:1px solid var(--cg-line);transition:all .3s;}
.capability-item:hover{border-color:var(--cg-gold);transform:translateY(-4px);}
.capability-item h3{color:var(--cg-gold);margin-bottom:10px;font-size:18px;}
.capability-item p{color:#bbb;font-size:14px;}

/* ---------- 产品 & 工厂网格 ---------- */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.factory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.product-item,.factory-item{background:var(--cg-card);border-radius:6px;overflow:hidden;border:1px solid var(--cg-line);transition:all .3s;}
.product-item:hover,.factory-item:hover{transform:translateY(-6px);border-color:var(--cg-gold);}
.product-item img,.factory-item img{width:100%;height:220px;object-fit:cover;}
.product-item h4,.factory-item h4{padding:14px 16px 6px;color:#fff;font-size:16px;}
.product-item h3,.factory-item h3{padding:16px 16px 6px;color:#fff;font-size:17px;}
.product-intro,.factory-item p,.factory-intro{padding:0 16px 16px;color:#aaa;font-size:14px;}

/* ---------- 工厂区块特殊背景 ---------- */
.section-factory{background:var(--cg-bg-deep);}

/* ---------- CTA ---------- */
.section-cta{background:linear-gradient(135deg,var(--cg-primary) 0%,var(--cg-primary-lo) 100%);}
.cta-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;}
.cta-inner h2{font-size:30px;margin-bottom:8px;}
.cta-inner p{color:#c9d2de;max-width:560px;}

/* ---------- 内页 Banner ---------- */
.page-banner{padding:130px 0 64px;background:linear-gradient(180deg,var(--cg-bg2) 0%,var(--cg-bg) 100%);text-align:center;border-bottom:1px solid rgba(var(--cg-gold-rgb),.12);}
.page-banner-sm{padding:110px 0 44px;}
.page-banner h1{font-size:38px;margin-bottom:8px;font-weight:800;}
.page-banner p{color:#b8b8b8;font-size:15px;}

/* ---------- 列表页 ---------- */
.product-list-wrap,.factory-list-wrap{padding:70px 0;}
.pagebar{margin-top:44px;text-align:center;}
.pagebar a,.pagebar span{display:inline-block;padding:8px 14px;margin:0 4px;background:var(--cg-card);border:1px solid var(--cg-line);border-radius:4px;color:#ccc;font-size:14px;}
.pagebar a:hover{border-color:var(--cg-gold);color:var(--cg-gold);}
.pagebar .now-page{background:var(--cg-gold);color:var(--cg-bg);border-color:var(--cg-gold);font-weight:700;}

/* ---------- 详情页 ---------- */
.post-wrap{padding:104px 0 70px;}
.post-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start;}
.post-main-img{margin-bottom:30px;border-radius:6px;overflow:hidden;}
.post-body{color:#ddd;font-size:16px;line-height:1.9;}
.post-body img{border-radius:6px;margin:16px 0;}
.post-cta{margin-top:44px;}
.post-side .side-box{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;padding:22px;margin-bottom:20px;}
.post-side .side-box h4{color:var(--cg-gold);margin-bottom:12px;font-size:16px;}
.post-side .side-box p{margin-bottom:8px;color:#bbb;font-size:14px;}
.post-side .side-box li{margin-bottom:8px;}
.post-side .side-box li a{color:#ccc;font-size:14px;}
.post-side .side-box li a:hover{color:var(--cg-gold);}

/* ---------- 静态单页 ---------- */
.static-page-wrap{padding:70px 0;}
.static-content{max-width:860px;margin:0 auto;color:#ddd;font-size:16px;line-height:1.9;}
.static-content img{border-radius:6px;margin:16px 0;}

/* ---------- 能力页 ---------- */
.capability-page{padding:70px 0;}
.process-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:10px;}
.process-item{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;padding:22px 16px;text-align:center;}
.process-num{display:block;font-size:30px;font-weight:800;color:var(--cg-gold);margin-bottom:8px;}
.process-item h4{color:#fff;margin-bottom:6px;font-size:15px;}
.process-item p{color:#999;font-size:13px;}
.page-cta{margin-top:60px;text-align:center;}
.page-cta h2{margin-bottom:18px;font-size:28px;}

/* ---------- 联系页 ---------- */
.contact-wrap{padding:70px 0;}
.contact-row{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:start;}
.contact-title{font-size:22px;color:#fff;margin-bottom:22px;padding-bottom:10px;border-bottom:1px solid rgba(var(--cg-gold-rgb),.25);}
.form-item{margin-bottom:18px;}
.form-item label{display:block;margin-bottom:6px;color:#ddd;font-size:14px;}
.form-item input,.form-item textarea{width:100%;padding:12px 14px;background:var(--cg-card);border:1px solid #333842;color:#fff;border-radius:4px;font-size:14px;font-family:inherit;}
.form-item input:focus,.form-item textarea:focus{border-color:var(--cg-gold);outline:none;background:var(--cg-card-hi);}
.form-item input::placeholder,.form-item textarea::placeholder{color:#666;}
.contact-info-col p{margin-bottom:12px;color:#ccc;font-size:15px;}
.contact-info-col strong{color:var(--cg-gold);}
.contact-note{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;padding:20px;margin-top:26px;}
.contact-note h4{color:var(--cg-gold);margin-bottom:10px;font-size:15px;}
.contact-note li{color:#bbb;font-size:14px;margin-bottom:6px;padding-left:14px;position:relative;}
.contact-note li::before{content:"•";color:var(--cg-gold);position:absolute;left:0;}

/* ---------- Footer ---------- */
.cg-footer{background:var(--cg-bg-deep);padding:60px 0 0;border-top:1px solid rgba(var(--cg-gold-rgb),.1);}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:36px;margin-bottom:44px;}
.footer-col h4{color:var(--cg-gold);margin-bottom:16px;font-size:16px;}
.footer-col p,.footer-col li a{color:#999;font-size:14px;}
.footer-col li{margin-bottom:8px;}
.footer-col li a:hover{color:var(--cg-gold);}
.footer-bottom{border-top:1px solid #1f2228;padding:16px 0;color:#777;font-size:13px;}
.footer-bottom .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.footer-links a{color:var(--cg-gold);margin-left:10px;}

/* ---------- 制造能力数据带 ---------- */
.stats-strip{background:linear-gradient(135deg,var(--cg-primary) 0%,var(--cg-primary-lo) 100%);padding:56px 0;}
.stats-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.stats-strip-item{border-right:1px solid rgba(255,255,255,.12);}
.stats-strip-item:last-child{border-right:0;}
.stats-strip-num{display:block;font-size:42px;font-weight:800;color:var(--cg-gold);line-height:1.1;font-family:"Oswald","Roboto",Arial,sans-serif;}
.stats-strip-label{display:block;color:#c9d2de;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin-top:8px;}

/* ---------- 设备与工艺区 ---------- */
.section-equip{background:var(--cg-bg-deep);}
.equip-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start;}
.equip-table-wrap{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;overflow:hidden;}
.equip-table{width:100%;border-collapse:collapse;}
.equip-table th,.equip-table td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--cg-line-soft);font-size:14px;}
.equip-table th{background:var(--cg-primary);color:#fff;font-weight:600;letter-spacing:.5px;}
.equip-table td:first-child{color:#fff;font-weight:600;white-space:nowrap;}
.equip-table td{color:#bbb;}
.equip-table tr:last-child td{border-bottom:0;}
.equip-table tr:hover td{background:var(--cg-card-hi);}
.equip-mats .mat-card{background:var(--cg-card);border:1px solid var(--cg-line);border-left:3px solid var(--cg-gold);border-radius:6px;padding:18px 20px;margin-bottom:14px;}
.mat-card h4{color:var(--cg-gold);font-size:15px;margin-bottom:6px;}
.mat-card p{color:#bbb;font-size:13px;line-height:1.7;}

/* ---------- 客户反馈 Testimonials ---------- */
.section-testi{background:var(--cg-bg-deep);}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.testimonial-item{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;padding:28px 24px;display:flex;flex-direction:column;}
.testi-stars{color:var(--cg-gold);letter-spacing:3px;margin-bottom:12px;font-size:15px;}
.testi-text{color:#d5d5d5;font-size:14px;line-height:1.8;flex:1;margin-bottom:20px;}
.testi-author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--cg-line-soft);padding-top:16px;}
.testi-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--cg-gold);}
.testi-author strong{display:block;color:#fff;font-size:15px;}
.testi-country{color:#999;font-size:13px;}

/* ---------- 认证资质 Certifications ---------- */
.section-cert{background:linear-gradient(180deg,var(--cg-bg) 0%,var(--cg-bg2) 100%);}
.cert-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:980px;margin:0 auto;}
.cert-item{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;padding:24px 18px;text-align:center;transition:all .3s;}
.cert-item:hover{border-color:var(--cg-gold);}
.cert-badge{display:inline-block;font-size:19px;font-weight:800;color:var(--cg-gold);letter-spacing:1px;margin-bottom:8px;}
.cert-item p{color:#aaa;font-size:13px;}

/* ---------- 新闻动态 News ---------- */
.section-news{background:var(--cg-bg-deep);}
.news-list{max-width:860px;margin:0 auto;}
.news-item{display:grid;grid-template-columns:110px 1fr;gap:6px 20px;padding:18px 20px;background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;margin-bottom:14px;transition:all .3s;}
.news-item:hover{border-color:var(--cg-gold);transform:translateX(4px);}
.news-date{color:var(--cg-gold);font-size:13px;font-weight:700;letter-spacing:.5px;}
.news-title{color:#fff;font-size:16px;font-weight:600;}
.news-intro{grid-column:2;color:#999;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---------- 工厂地图 Map ---------- */
.section-map{background:var(--cg-bg2);}
.map-wrap{display:grid;grid-template-columns:.9fr 1.4fr;gap:28px;align-items:stretch;}
.map-info{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;padding:28px;}
.map-info h3{color:#fff;font-size:20px;margin-bottom:12px;}
.map-address{color:#bbb;font-size:15px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--cg-line-soft);}
.map-contact{margin-bottom:22px;}
.map-contact li{color:#ccc;font-size:14px;margin-bottom:10px;}
.map-contact strong{color:var(--cg-gold);}
.map-frame{border-radius:6px;overflow:hidden;border:1px solid var(--cg-line);min-height:320px;}
.map-frame iframe{width:100%;height:100%;min-height:320px;display:block;}

/* ---------- FAQ ---------- */
.section-faq{background:var(--cg-bg);}
.faq-list{max-width:860px;margin:0 auto;}
.faq-item{background:var(--cg-card);border:1px solid var(--cg-line);border-left:3px solid var(--cg-gold);border-radius:6px;padding:20px 24px;margin-bottom:14px;}
.faq-item h4{color:#fff;font-size:16px;margin-bottom:8px;}
.faq-item p{color:#b8b8b8;font-size:14px;line-height:1.7;}

/* ---------- WhatsApp 悬浮按钮 ---------- */
.wa-float{position:fixed;right:20px;bottom:22px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:997;box-shadow:0 6px 18px rgba(37,211,102,.45);transition:transform .3s;}
.wa-float:hover{transform:scale(1.1);}
.wa-float svg{width:30px;height:30px;}

/* ============================================================
   移动端 H5 适配
   ============================================================ */
@media (max-width:992px){
    .cg-nav,.btn-quote{display:none;}
    .reveal,.reveal-item,.product-grid .product-item.reveal-item,.product-grid .product-item.reveal-item:nth-child(even),.factory-grid .factory-item.reveal-item,.factory-grid .factory-item.reveal-item:nth-child(even){opacity:1 !important;transform:none !important;transition:none !important;}
    .menu-toggle{display:flex;}
    .mobile-nav.active{display:block;}
    .cg-banner{min-height:auto;padding:120px 0 60px;}
    .cg-banner h1{font-size:36px;}
    .banner-stats{grid-template-columns:repeat(2,1fr);gap:16px;}
    .capability-grid{grid-template-columns:repeat(2,1fr);gap:18px;}
    .product-grid,.factory-grid{grid-template-columns:repeat(2,1fr);gap:18px;}
    .process-row{grid-template-columns:repeat(2,1fr);}
    .contact-row{grid-template-columns:1fr;}
    .post-layout{grid-template-columns:1fr;}
    .footer-top{grid-template-columns:1fr;gap:30px;}
    .cta-inner{flex-direction:column;text-align:center;}
    .section{padding:64px 0;}
    .testimonial-grid{grid-template-columns:repeat(2,1fr);}
    .cert-row{grid-template-columns:repeat(3,1fr);}
    .map-wrap{grid-template-columns:1fr;}
    .news-item{grid-template-columns:100px 1fr;}
    .stats-strip-num{font-size:34px;}
    .equip-wrap{grid-template-columns:1fr;}
}
@media (max-width:576px){
    .cg-logo img{height:32px;}
    .cg-banner h1{font-size:27px;}
    .eyebrow{font-size:12px;letter-spacing:1.5px;}
    .banner-desc{font-size:15px;}
    .stat-number{font-size:24px;}
    .banner-stats{grid-template-columns:1fr 1fr;gap:14px;}
    .capability-grid,.product-grid,.factory-grid{grid-template-columns:1fr;}
    .section-head h2{font-size:25px;}
    .product-item img,.factory-item img{height:auto;max-height:320px;}
    .page-banner{padding:110px 0 44px;}
    .page-banner h1{font-size:27px;}
    .process-row{grid-template-columns:1fr;}
    .section-cta h2{font-size:24px;}
    .testimonial-grid{grid-template-columns:1fr;}
    .cert-row{grid-template-columns:repeat(2,1fr);}
    .news-item{grid-template-columns:1fr;gap:4px;}
    .map-frame{min-height:260px;}
    .wa-float{right:14px;bottom:16px;width:48px;height:48px;}
    .wa-float svg{width:26px;height:26px;}
    .stats-strip-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px;}
    .stats-strip-item{border-right:0;}
    .stats-strip-num{font-size:30px;}
    .equip-table th,.equip-table td{padding:11px 12px;font-size:13px;}
    .equip-table td:first-child{white-space:normal;}
}

/* ============================================================
   炫酷加载动画（Loader + 滚动渐入 + 生产流程）
   ============================================================ */

/* ---------- 全屏 Loader ---------- */
.cg-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--cg-bg-deep);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease;}
.cg-loader.hide{opacity:0;visibility:hidden;pointer-events:none;}
.loader-logo{font-family:"Oswald","Roboto",Arial,sans-serif;font-size:34px;font-weight:800;letter-spacing:4px;color:#fff;margin-bottom:26px;}
.loader-logo .text-gold{color:var(--cg-gold);}
.loader-bar{width:220px;height:3px;background:#22262e;border-radius:3px;overflow:hidden;position:relative;}
.loader-bar::after{content:"";position:absolute;left:-40%;top:0;height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--cg-gold),transparent);border-radius:3px;animation:loaderSlide 1.1s ease-in-out infinite;}
@keyframes loaderSlide{0%{left:-40%;}100%{left:100%;}}
.loader-tip{margin-top:16px;color:#7d8590;font-size:12px;letter-spacing:2px;text-transform:uppercase;animation:tipFade 1.6s ease-in-out infinite alternate;}
@keyframes tipFade{from{opacity:.4;}to{opacity:1;}}

/* ---------- 首屏文字浮现动画 ---------- */
.cg-banner .eyebrow,.cg-banner h1,.cg-banner .banner-desc,.cg-banner .banner-buttons,.cg-banner .banner-stats{opacity:0;animation:fadeUp .9s ease forwards;}
.cg-banner .eyebrow{animation-delay:.15s;}
.cg-banner h1{animation-delay:.3s;}
.cg-banner .banner-desc{animation-delay:.45s;}
.cg-banner .banner-buttons{animation-delay:.6s;}
.cg-banner .banner-stats{animation-delay:.75s;}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}

/* ---------- 滚动渐入动画 ---------- */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease;}
.reveal.in{opacity:1;transform:translateY(0);}
.reveal-item{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.reveal-item.in{opacity:1;transform:translateY(0);}
/* 交错延迟：同一容器内相邻 reveal-item 依次进入 */
.reveal-item:nth-child(1){transition-delay:.05s;}
.reveal-item:nth-child(2){transition-delay:.15s;}
.reveal-item:nth-child(3){transition-delay:.25s;}
.reveal-item:nth-child(4){transition-delay:.35s;}
.reveal-item:nth-child(5){transition-delay:.45s;}
.reveal-item:nth-child(6){transition-delay:.55s;}
.reveal-item:nth-child(7){transition-delay:.65s;}
.reveal-item:nth-child(8){transition-delay:.75s;}
.reveal-item:nth-child(9){transition-delay:.85s;}

/* ---------- 产品卡 / 工厂图：交错飞入增强 ---------- */
/* 产品卡：左右交错飞入 + 轻微旋转 + 图片回位 */
.product-grid .product-item.reveal-item{opacity:0;transform:translateX(-72px) rotate(-1.6deg) scale(.92);transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1);}
.product-grid .product-item.reveal-item:nth-child(even){transform:translateX(72px) rotate(1.6deg) scale(.92);}
.product-grid .product-item.reveal-item.in{opacity:1;transform:translateX(0) rotate(0) scale(1);}
.product-grid .product-item img{transform:scale(1.14);transition:transform .9s cubic-bezier(.22,.61,.36,1);}
.product-grid .product-item.reveal-item.in img{transform:scale(1);}
/* 工厂实景：对角错落飞入 + 图片放大回位 */
.factory-grid .factory-item.reveal-item{opacity:0;transform:translateY(50px) translateX(-46px) scale(.94) rotate(-1deg);transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1);}
.factory-grid .factory-item.reveal-item:nth-child(even){transform:translateY(50px) translateX(46px) scale(.94) rotate(1deg);}
.factory-grid .factory-item.reveal-item.in{opacity:1;transform:translateY(0) translateX(0) scale(1) rotate(0);}
.factory-grid .factory-item img{transform:scale(1.18);transition:transform .95s cubic-bezier(.22,.61,.36,1);}
.factory-grid .factory-item.reveal-item.in img{transform:scale(1);}
/* 保留卡片 hover 上浮（覆盖 .in 的 transform） */
.product-grid .product-item.reveal-item.in:hover,
.factory-grid .factory-item.reveal-item.in:hover{transform:translateY(-6px);}

@media (prefers-reduced-motion:reduce){
    .reveal,.reveal-item,.cg-banner .eyebrow,.cg-banner h1,.cg-banner .banner-desc,.cg-banner .banner-buttons,.cg-banner .banner-stats{opacity:1;transform:none;animation:none;transition:none;}
    .product-grid .product-item.reveal-item,.product-grid .product-item.reveal-item:nth-child(even),.factory-grid .factory-item.reveal-item,.factory-grid .factory-item.reveal-item:nth-child(even){opacity:1;transform:none;transition:none;}
    .product-grid .product-item img,.factory-grid .factory-item img{transform:none;transition:none;}
}

/* ---------- 生产流程时间线 ---------- */
.section-process{background:linear-gradient(180deg,var(--cg-bg) 0%,var(--cg-bg-deep) 100%);}
.process-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;}
.process-step{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;padding:22px 20px;position:relative;transition:all .3s;}
.process-step:hover{border-color:var(--cg-gold);transform:translateY(-4px);}
.process-node{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--cg-primary),var(--cg-primary-lo));border:1px solid var(--cg-gold);color:var(--cg-gold);font-weight:800;font-size:15px;margin-bottom:14px;font-family:"Oswald","Roboto",Arial,sans-serif;}
.process-body h4{color:#fff;font-size:16px;margin-bottom:6px;}
.process-body p{color:#aab2bd;font-size:13px;line-height:1.7;}

@media (max-width:992px){
    .process-wrap{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:576px){
    .process-wrap{grid-template-columns:1fr;}
}

/* ============================================================
   文章页金属边框（有格调排版）
   ============================================================ */
.post-main-img{border-radius:10px;overflow:hidden;border:1px solid rgba(var(--cg-gold-rgb),.35);box-shadow:0 8px 26px rgba(0,0,0,.5);margin-bottom:26px;}
/* 详情页图文左右布局 */
.post-hero{display:grid;grid-template-columns:minmax(0,46%) 1fr;gap:30px;align-items:start;margin-bottom:34px;}
.post-hero-img img{width:100%;display:block;border-radius:10px;border:1px solid rgba(var(--cg-gold-rgb),.35);box-shadow:0 8px 26px rgba(0,0,0,.5);}
.post-hero-info h2{margin:0 0 14px;font-size:1.65rem;line-height:1.35;color:var(--cg-text);}
.post-intro{color:#aeb4bb;font-size:1rem;line-height:1.8;margin:0 0 18px;}
.post-hero-info .post-meta{margin-bottom:20px;}
.post-hero-info .post-cta{margin-top:20px;}
@media (max-width: 860px){.post-hero{grid-template-columns:1fr;gap:22px;}}
/* 金属渐变外框 */
.post-metal{position:relative;border-radius:12px;padding:2px;background:linear-gradient(135deg,#6b5215,#c9a227 18%,#f5e08a 38%,#c9a227 58%,#8a6d1f 78%,#5e4a16);box-shadow:0 14px 36px rgba(0,0,0,.55),0 0 0 1px rgba(212,175,55,.15),inset 0 0 18px rgba(255,240,180,.12);}
/* 四角金属角饰 */
.post-metal::before,.post-metal::after{content:"";position:absolute;width:40px;height:40px;pointer-events:none;opacity:.95;filter:drop-shadow(0 0 6px rgba(212,175,55,.55));}
.post-metal::before{top:-9px;left:-9px;border-top:3px solid #f5e08a;border-left:3px solid #f5e08a;border-top-left-radius:14px;}
.post-metal::after{bottom:-9px;right:-9px;border-bottom:3px solid #f5e08a;border-right:3px solid #f5e08a;border-bottom-right-radius:14px;}
/* 文章主体内衬 */
.post-body{background:linear-gradient(180deg,#1c2129,#151920);border-radius:10px;padding:42px 46px;color:#d9dce0;font-size:16px;line-height:1.95;position:relative;}
/* 详情页标题金属条 */
.post-title-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 30px;background:linear-gradient(180deg,#2b3140,#1a1e26);border-bottom:1px solid rgba(var(--cg-gold-rgb),.45);}
.post-title-bar h1{margin:0;font-size:1.75rem;line-height:1.3;color:var(--cg-gold-hi);letter-spacing:.4px;}
.post-cat{font-size:13px;color:#aeb4bb;letter-spacing:.4px;}
.post-cat b{color:var(--cg-gold);font-weight:600;}
.post-detail-body{padding:38px 42px;}
.post-hero{margin-bottom:0;}
.post-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(var(--cg-gold-rgb),.45),transparent);margin:32px 0 28px;}
@media (max-width: 640px){.post-title-bar{padding:16px 20px;}.post-detail-body{padding:24px 18px;}}
/* 正文排版增强 */
.post-body h2,.post-body h3,.post-body h4{color:var(--cg-gold-hi);margin:30px 0 14px;line-height:1.4;}
.post-body h2{font-size:24px;padding-left:14px;border-left:3px solid var(--cg-gold);background:linear-gradient(90deg,rgba(var(--cg-gold-rgb),.10),transparent);padding:10px 14px;border-radius:0 6px 6px 0;font-weight:700;}
.post-body h3{font-size:19px;}
.post-body p{margin:14px 0;}
.post-body img{border-radius:8px;margin:20px 0;border:1px solid rgba(var(--cg-gold-rgb),.30);box-shadow:0 6px 18px rgba(0,0,0,.4);}
.post-body a{color:var(--cg-gold);border-bottom:1px dashed rgba(var(--cg-gold-rgb),.5);}
.post-body a:hover{color:var(--cg-gold-hi);}
.post-body ul,.post-body ol{margin:16px 0 16px 6px;padding-left:22px;}
.post-body ul li,.post-body ol li{margin-bottom:9px;position:relative;color:#cdd1d6;}
.post-body ul li::before{content:"◆";color:var(--cg-gold);font-size:10px;position:absolute;left:-18px;top:7px;}
.post-body ol{list-style:decimal;}
.post-body ol li::marker{color:var(--cg-gold);font-weight:700;}
.post-body blockquote{margin:22px 0;padding:18px 24px;border-left:3px solid var(--cg-gold);background:linear-gradient(90deg,rgba(var(--cg-gold-rgb),.10),transparent);border-radius:0 8px 8px 0;color:#cfd3d8;font-style:italic;}
.post-body blockquote p{margin:0;}
.post-body table{width:100%;border-collapse:collapse;margin:20px 0;}
.post-body th,.post-body td{border:1px solid var(--cg-line);padding:11px 14px;font-size:14px;}
.post-body th{background:linear-gradient(135deg,var(--cg-primary),var(--cg-primary-lo));color:#fff;}
.post-body td{background:rgba(255,255,255,.02);}
.post-body hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--cg-gold),transparent);margin:30px 0;}
.post-body code,.post-body pre{background:#12151b;border:1px solid var(--cg-line);border-radius:5px;}
.post-body pre{padding:14px 16px;overflow-x:auto;}
.post-body code{color:var(--cg-gold-hi);padding:2px 6px;}
/* 文章元信息条 */
.post-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:0 0 22px;padding:12px 16px;background:linear-gradient(90deg,rgba(var(--cg-gold-rgb),.12),transparent);border:1px solid rgba(var(--cg-gold-rgb),.22);border-radius:8px;}
.post-meta span{font-size:13px;color:#aeb4bb;letter-spacing:.4px;}
.post-meta span b{color:var(--cg-gold);font-weight:600;}
.post-meta .pm-sep{color:rgba(var(--cg-gold-rgb),.5);}
/* 文章 CTA 金属条 */
.post-cta{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,var(--cg-primary) 0%,var(--cg-primary-lo) 100%);border:1px solid rgba(var(--cg-gold-rgb),.35);border-radius:10px;}
.post-cta .cta-txt{color:#dfe3e8;font-size:15px;line-height:1.6;}
.post-cta .cta-txt b{color:var(--cg-gold-hi);}
.post-cta .btn-ghost{border:1px solid rgba(var(--cg-gold-rgb),.55);color:var(--cg-gold-hi);padding:11px 22px;border-radius:5px;font-size:14px;transition:all .3s;}
.post-cta .btn-ghost:hover{background:var(--cg-gold);color:var(--cg-bg);}
/* 文章底部信息 */
.post-foot{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;color:#8d939b;font-size:13px;border-top:1px dashed rgba(var(--cg-gold-rgb),.3);padding-top:18px;}
.post-foot a{color:var(--cg-gold);}
/* 侧栏金属化 */
.post-side .side-box{background:linear-gradient(180deg,#1a1f27,#151a21);border:1px solid rgba(var(--cg-gold-rgb),.22);border-radius:10px;padding:24px;margin-bottom:22px;position:relative;box-shadow:0 8px 20px rgba(0,0,0,.35);}
.post-side .side-box h4{color:var(--cg-gold-hi);margin-bottom:14px;font-size:16px;padding-bottom:10px;border-bottom:1px solid rgba(var(--cg-gold-rgb),.18);}
.post-side .side-box p{margin-bottom:8px;color:#b3b9c0;font-size:14px;}
.post-side .side-box li{margin-bottom:9px;}
.post-side .side-box li a{color:#c6ccd3;font-size:14px;}
.post-side .side-box li a:hover{color:var(--cg-gold-hi);}
@media (max-width:992px){
    .post-body{padding:30px 26px;}
}
@media (max-width:576px){
    .post-body{padding:24px 18px;}
    .post-body h2{font-size:20px;}
    .post-cta{flex-direction:column;align-items:flex-start;padding:16px 18px;}
}
/* ---------- 文章页 H5 深度适配 ---------- */
@media (max-width:992px){
    .post-layout{grid-template-columns:1fr!important;}
    .post-side{order:2;}
    .post-content{order:1;}
    .post-metal::before,.post-metal::after{width:28px;height:28px;border-width:2px;}
    .post-metal::before{top:-7px;left:-7px;}
    .post-metal::after{bottom:-7px;right:-7px;}
}
@media (max-width:576px){
    .post-metal{box-shadow:0 10px 24px rgba(0,0,0,.5),inset 0 0 12px rgba(255,240,180,.1);}
    .post-body{padding:22px 16px;font-size:15px;line-height:1.85;}
    .post-body h2{font-size:19px;padding:9px 12px;}
    .post-body h3{font-size:17px;}
    .post-body table{display:block;overflow-x:auto;white-space:nowrap;}
    .post-body pre{max-width:100%;}
    .post-meta{gap:6px 12px;padding:10px 12px;font-size:12px;}
    .post-meta span{font-size:12px;}
    .post-cta{padding:14px 16px;gap:10px;}
    .post-cta .cta-txt{font-size:13.5px;}
    .post-cta .btn{padding:10px 18px;font-size:13px;}
    .post-foot{font-size:12px;gap:10px;flex-direction:column;align-items:flex-start;}
    .post-main-img{margin-bottom:18px;}
    .post-side .side-box{padding:18px;}
    .page-banner h1{font-size:22px;line-height:1.35;}
}


.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.why-item{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;overflow:hidden;transition:all .3s;}
.why-item:hover{border-color:var(--cg-gold);transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.25);}
.why-img{position:relative;overflow:hidden;}
.why-img img{width:100%;height:210px;object-fit:cover;transition:transform .7s cubic-bezier(.22,.61,.36,1);}
.why-item:hover .why-img img{transform:scale(1.08);}
.why-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(var(--cg-bg-rgb),.55));}
.why-body{padding:22px 22px 26px;}
.why-body h3{color:var(--cg-gold);font-size:19px;margin-bottom:10px;position:relative;padding-left:16px;}
.why-body h3::before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;background:var(--cg-gold);border-radius:50%;box-shadow:0 0 0 3px rgba(var(--cg-gold-rgb),.25);}
.why-body p{color:var(--cg-muted);font-size:14px;line-height:1.8;}
@media (max-width:992px){
    .why-grid{grid-template-columns:1fr;gap:18px;}
    .why-img img{height:230px;}
}
@media (max-width:576px){
    .why-img img{height:auto;max-height:280px;}
    .why-body{padding:18px 16px 22px;}
}

/* ---------- 工厂简介 + 视频 ---------- */
.factory-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px;}
.factory-video{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;overflow:hidden;transition:all .3s;}
.factory-video:hover{border-color:var(--cg-gold);}
.fv-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;}
.fv-frame iframe,.fv-frame video{width:100%;height:100%;display:block;border:0;object-fit:cover;}
.fv-placeholder img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .4s;}
.fv-placeholder:hover img{opacity:.65;}
.fv-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(var(--cg-gold-rgb),.92);color:var(--cg-bg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.45);transition:transform .3s;}
.fv-placeholder:hover .fv-play{transform:translate(-50%,-50%) scale(1.1);}
.fv-play svg{width:28px;height:28px;margin-left:3px;}
.fv-title{position:absolute;left:0;right:0;bottom:0;padding:10px 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));color:#fff;font-size:14px;letter-spacing:.5px;}
.fv-caption{padding:14px 16px;color:var(--cg-text);font-size:15px;font-weight:600;}
@media (max-width:992px){
    .factory-video-grid{grid-template-columns:1fr;}
}
@media (max-width:576px){
    .fv-play{width:52px;height:52px;}
    .fv-play svg{width:22px;height:22px;}
}

/* ---------- 产品卡 View More ---------- */
.product-more{display:inline-flex;align-items:center;gap:4px;margin:0 16px 16px;color:var(--cg-gold);font-size:13px;font-weight:600;letter-spacing:.3px;transition:gap .25s;}
.product-item a:hover .product-more{gap:8px;}
.product-more i{font-style:normal;font-size:15px;line-height:1;}
body[data-theme="lightgold"] .product-more{color:var(--cg-gold-deep);}
body[data-theme="lightgold"] .why-body h3{color:var(--cg-gold-deep);}
body[data-theme="lightgold"] .why-body p{color:var(--cg-muted);}
body[data-theme="lightgold"] .fv-caption{color:var(--cg-text);}
/* ===== 2026-09-24 升级：Why 图组 + 工厂外观/管理层（覆盖旧规则，追加在后优先） ===== */
.why-body{padding:22px 22px 10px;}
.why-gal{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 22px 22px;}
.why-gal-item{overflow:hidden;border-radius:4px;border:1px solid var(--cg-line);}
.why-gal-item img{width:100%;height:110px;object-fit:cover;display:block;transition:transform .6s;}
.why-item:hover .why-gal-item img{transform:scale(1.06);}
.why-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;}
.why-video-frame iframe,.why-video-frame video{width:100%;height:100%;display:block;border:0;object-fit:cover;}
@media (max-width:576px){
    .why-body{padding:18px 16px 10px;}
    .why-gal{padding:0 16px 18px;}
}
.factory-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:28px;}
.factory-building,.factory-team{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:6px;overflow:hidden;}
.factory-building:hover,.factory-team:hover{border-color:var(--cg-gold);}
.fi-img{overflow:hidden;}
.fi-img img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,.61,.36,1);}
.factory-building:hover .fi-img img,.factory-team:hover .fi-img img{transform:scale(1.06);}
.fi-caption{padding:12px 16px;color:var(--cg-gold);font-size:14px;font-weight:600;letter-spacing:.5px;}
.factory-team{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;}
.team-card{overflow:hidden;border-radius:4px;border:1px solid var(--cg-line);text-align:center;background:var(--cg-card);}
.team-card .fi-img{overflow:hidden;}
.team-card .fi-img img{width:100%;height:200px;object-fit:cover;display:block;}
.team-name{color:var(--cg-gold);font-size:15px;font-weight:600;padding:8px 8px 2px;}
.team-role{color:var(--cg-muted);font-size:12px;padding:0 8px 10px;letter-spacing:.3px;}
@media (max-width:992px){
    .factory-info-grid{grid-template-columns:1fr;}
}
@media (max-width:576px){
    .fi-img img{height:220px;}
    .team-card .fi-img img{height:160px;}
}

/* ===== 2026-09-24 Banner 幻灯片（多图轮播 + 文字面板后台参数化） ===== */
.cg-slider{position:relative;overflow:hidden;}
.banner-slides{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease;z-index:0;}
.banner-slide.active{opacity:1;}
.banner-slide.zooming{animation:cgZoom 6s ease forwards;}
@keyframes cgZoom{from{transform:scale(1);}to{transform:scale(1.1);}}
.banner-link{position:absolute;inset:0;z-index:2;}
.cg-slider .banner-content{position:relative;z-index:1;background:rgba(var(--panel-rgb,74,80,88),var(--panel-op,0.92));padding:44px 52px;border-radius:18px;max-width:min(900px,100%);margin:var(--panel-margin,0 auto 0 0);box-shadow:0 14px 44px rgba(0,0,0,.45);text-align:left;color:var(--b-textcolor,#ffffff);}
.cg-slider .banner-content .eyebrow{font-size:var(--b-eyebrow,17px);letter-spacing:3px;margin-bottom:16px;color:var(--b-textcolor,#ffffff);}
.cg-slider .banner-content h1{font-size:var(--b-h1,54px);line-height:1.15;margin-bottom:20px;color:var(--b-textcolor,#ffffff);}
.cg-slider .banner-content .banner-desc{font-size:var(--b-desc,19px);max-width:780px;margin-bottom:34px;color:var(--b-textcolor,#ffffff);}
.cg-slider .banner-content .banner-buttons .btn{font-size:17px;padding:14px 30px;}
.cg-slider .banner-content .banner-stats .stat-number{font-size:var(--b-statnum,34px);color:var(--b-textcolor,#ffffff);}
.cg-slider .banner-content .banner-stats .stat-label{font-size:var(--b-statlabel,13px);letter-spacing:1px;color:var(--b-textcolor,#ffffff);opacity:.85;}
/* 蒙版（浅，保证文字可读） */
.cg-slider::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.42) 100%);}
/* 圆点 */
.banner-dots{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:8px;z-index:3;}
.banner-dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.55);border:none;cursor:pointer;padding:0;transition:all .3s;}
.banner-dot.active{background:var(--cg-gold);transform:scale(1.25);}
/* 箭头 */
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.32);color:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;transition:all .3s;}
.banner-arrow:hover{background:rgba(var(--cg-gold-rgb),.85);}
.banner-arrow.prev{left:20px;}
.banner-arrow.next{right:20px;}
body[data-theme="lightgold"] .cg-slider .banner-content{background:rgba(var(--panel-rgb,74,80,88),var(--panel-op,0.92));color:var(--b-textcolor,#ffffff);}
body[data-theme="lightgold"] .cg-slider .banner-content .eyebrow{color:var(--b-textcolor,#ffffff);}
body[data-theme="lightgold"] .cg-slider .banner-content h1{color:var(--b-textcolor,#ffffff);}
body[data-theme="lightgold"] .cg-slider .banner-content .banner-desc{color:var(--b-textcolor,#ffffff);}
body[data-theme="lightgold"] .cg-slider .banner-content .stat-number{color:var(--b-textcolor,#ffffff);}
body[data-theme="lightgold"] .cg-slider .banner-content .stat-label{color:var(--b-textcolor,#ffffff);}
@media (max-width:992px){
    .cg-slider .banner-content{padding:30px 26px;max-width:100% !important;}
    .banner-arrow{width:38px;height:38px;font-size:17px;}
}
@media (max-width:768px){
    .cg-slider .banner-content{padding:26px 22px;}
    .cg-slider .banner-content h1{font-size:34px;}
    .cg-slider .banner-content .banner-desc{font-size:16px;}
    .banner-dots{bottom:16px;}
}
@media (max-width:576px){
    .cg-slider .banner-content h1{font-size:27px;}
    .cg-slider .banner-content .eyebrow{font-size:13px;}
    .cg-slider .banner-content .banner-desc{font-size:15px;}
    .cg-slider .banner-content .banner-stats .stat-number{font-size:24px;}
    .cg-slider .banner-content .banner-stats .stat-label{font-size:11px;}
    .banner-dots{gap:6px;}
    .banner-dot{width:9px;height:9px;}
}



/* ===== 2026-09-24 Our Workshop 竖排多版块（Company Profile / Factory at a Glance / Leadership / Tour / News） ===== */
.f-block{margin-bottom:46px;}
.f-block:last-child{margin-bottom:0;}
.f-block-title{display:flex;align-items:center;gap:12px;color:var(--cg-gold);font-size:22px;font-weight:700;margin:0 0 18px;padding-left:14px;border-left:4px solid var(--cg-gold);line-height:1.3;}
.f-intro{color:var(--cg-muted);font-size:15px;line-height:1.9;max-width:880px;margin:0 0 18px;}
.f-block-center .f-block-title,.f-block-center .f-intro{text-align:center;}
.f-block-center .f-intro{margin-left:auto;margin-right:auto;}
.f-building{position:relative;}
.f-overlay-link{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);background:rgba(18,20,24,.66);color:#ffffff;padding:11px 26px;border-radius:6px;font-size:14px;font-weight:600;letter-spacing:.5px;border:1px solid rgba(255,255,255,.35);text-decoration:none;transition:background .3s,color .3s;z-index:2;white-space:nowrap;}
.f-overlay-link:hover{background:var(--cg-gold);color:#141414;}
.f-building{border-radius:10px;overflow:hidden;margin-bottom:20px;border:1px solid var(--cg-line);}
.f-building img{width:100%;height:400px;object-fit:cover;display:block;}
.f-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;}
.f-gal-item{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:8px;overflow:hidden;transition:all .3s;}
.f-gal-item:hover{border-color:var(--cg-gold);transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.2);}
.f-gal-img{overflow:hidden;}
.f-gal-img img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .7s;}
.f-gal-item:hover .f-gal-img img{transform:scale(1.06);}
.f-gal-item h4{color:var(--cg-gold);font-size:16px;margin:0;padding:14px 16px 4px;}
.f-gal-item p{color:var(--cg-muted);font-size:13px;line-height:1.6;margin:0;padding:0 16px 16px;}
.f-team{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.f-member{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:10px;overflow:hidden;display:flex;gap:18px;align-items:flex-start;padding:18px;transition:all .3s;}
.f-member:hover{border-color:var(--cg-gold);}
.f-member-img{flex:none;}
.f-member-img img{width:120px;height:140px;object-fit:cover;border-radius:8px;display:block;border:2px solid var(--cg-line);}
.f-member-txt{flex:1;}
.f-member-name{color:var(--cg-gold);font-size:19px;font-weight:700;}
.f-member-role{color:var(--cg-muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:3px 0 8px;}
.f-member-bio{color:var(--cg-muted);font-size:13px;line-height:1.7;margin:0;}
.f-news{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.f-news-item{background:var(--cg-card);border:1px solid var(--cg-line);border-radius:8px;padding:20px 20px 22px;text-decoration:none;display:block;transition:all .3s;}
.f-news-item:hover{border-color:var(--cg-gold);transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.2);}
.f-news-date{display:inline-block;color:var(--cg-gold);font-size:12px;letter-spacing:1px;margin-bottom:8px;border:1px solid var(--cg-gold);border-radius:20px;padding:2px 10px;}
.f-news-item h4{color:var(--cg-text);font-size:15px;line-height:1.6;margin:0;font-weight:600;}
.f-news-item:hover h4{color:var(--cg-gold);}
@media (max-width:992px){
    .f-gallery{grid-template-columns:repeat(2,1fr);}
    .f-news{grid-template-columns:1fr;}
    .f-building img{height:300px;}
}
@media (max-width:576px){
    .f-gallery{grid-template-columns:1fr;}
    .f-team{grid-template-columns:1fr;}
    .f-member{flex-direction:column;text-align:center;align-items:center;}
    .f-member-img img{margin:0 auto;}
    .f-building img{height:220px;}
    .f-block-title{font-size:19px;}
    .f-news-item{padding:16px;}
}
body[data-theme="lightgold"] .f-block-title{color:var(--cg-gold-deep);border-left-color:var(--cg-gold-deep);}
body[data-theme="lightgold"] .f-gal-item h4{color:var(--cg-gold-deep);}
body[data-theme="lightgold"] .f-member-name{color:var(--cg-gold-deep);}
body[data-theme="lightgold"] .f-news-date{color:var(--cg-gold-deep);border-color:var(--cg-gold-deep);}
body[data-theme="lightgold"] .f-news-item:hover h4{color:var(--cg-gold-deep);}

/* ============================================================
   卡牌展示风格（后台 card_style：none / light / heavy）
   仅前台生效；body 带 data-cardstyle 属性
   ============================================================ */
/* ---------- 轻卡牌：大圆角 + 柔和金边 + 悬停浮起辉光 ---------- */
body[data-cardstyle="light"] .product-item,
body[data-cardstyle="light"] .factory-item,
body[data-cardstyle="light"] .why-item,
body[data-cardstyle="light"] .f-gal-item,
body[data-cardstyle="light"] .f-member{
    border-radius:14px;
    border:1px solid rgba(212,175,55,.42);
    box-shadow:0 4px 14px rgba(0,0,0,.16);
}
body[data-cardstyle="light"] .product-item:hover,
body[data-cardstyle="light"] .factory-item:hover,
body[data-cardstyle="light"] .why-item:hover,
body[data-cardstyle="light"] .f-gal-item:hover,
body[data-cardstyle="light"] .f-member:hover{
    transform:translateY(-8px);
    border-color:var(--cg-gold);
    box-shadow:0 0 0 2px rgba(212,175,55,.16),0 18px 38px rgba(0,0,0,.28);
}
body[data-cardstyle="light"] .product-item img,
body[data-cardstyle="light"] .factory-item img,
body[data-cardstyle="light"] .f-gal-img img{border-radius:13px 13px 0 0;}
body[data-cardstyle="light"] .why-img img{border-radius:13px 13px 0 0;}

/* ---------- 重卡牌：金边深蓝 + 渐变底 + 角标 + 浮起 ---------- */
body[data-cardstyle="heavy"] .product-item,
body[data-cardstyle="heavy"] .factory-item,
body[data-cardstyle="heavy"] .why-item,
body[data-cardstyle="heavy"] .f-gal-item,
body[data-cardstyle="heavy"] .f-member{
    position:relative;
    border:2px solid var(--cg-gold);
    border-radius:10px;
    background:linear-gradient(160deg,#13233f 0%,#0b1526 55%,#16294a 100%);
    box-shadow:0 6px 18px rgba(0,0,0,.28),inset 0 0 0 1px rgba(212,175,55,.22);
    overflow:hidden;
}
body[data-cardstyle="heavy"] .product-item::before,
body[data-cardstyle="heavy"] .factory-item::before,
body[data-cardstyle="heavy"] .why-item::before,
body[data-cardstyle="heavy"] .f-gal-item::before,
body[data-cardstyle="heavy"] .f-member::before{
    content:"♠";
    position:absolute;top:6px;left:10px;z-index:3;
    font-size:16px;line-height:1;color:var(--cg-gold);opacity:.9;
    text-shadow:0 1px 2px rgba(0,0,0,.45);
}
body[data-cardstyle="heavy"] .product-item::after,
body[data-cardstyle="heavy"] .factory-item::after,
body[data-cardstyle="heavy"] .why-item::after,
body[data-cardstyle="heavy"] .f-gal-item::after,
body[data-cardstyle="heavy"] .f-member::after{
    content:"♦";
    position:absolute;top:6px;right:10px;z-index:3;
    font-size:16px;line-height:1;color:var(--cg-gold);opacity:.9;
    text-shadow:0 1px 2px rgba(0,0,0,.45);
}
body[data-cardstyle="heavy"] .product-item:hover,
body[data-cardstyle="heavy"] .factory-item:hover,
body[data-cardstyle="heavy"] .why-item:hover,
body[data-cardstyle="heavy"] .f-gal-item:hover,
body[data-cardstyle="heavy"] .f-member:hover{
    transform:translateY(-8px);
    border-color:var(--cg-gold);
    box-shadow:0 0 0 3px rgba(212,175,55,.24),0 20px 44px rgba(0,0,0,.38);
}
/* 重卡牌：图片区轻微内描边（卡牌画面感） */
body[data-cardstyle="heavy"] .product-item img,
body[data-cardstyle="heavy"] .factory-item img,
body[data-cardstyle="heavy"] .f-gal-img img{box-shadow:inset 0 0 0 2px rgba(212,175,55,.18);}
/* 重卡牌：标题区做成卡牌名称栏 */
body[data-cardstyle="heavy"] .product-item h4,
body[data-cardstyle="heavy"] .product-item h3,
body[data-cardstyle="heavy"] .factory-item h4,
body[data-cardstyle="heavy"] .factory-item h3{
    background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(212,175,55,.03));
    border-top:1px solid rgba(212,175,55,.35);
}
body[data-cardstyle="heavy"] .f-gal-item h4,
body[data-cardstyle="heavy"] .f-member-name{
    text-shadow:0 1px 3px rgba(0,0,0,.4);
}
/* lightgold 浅色主题下：重卡牌渐变底自动变浅，保证文字可读 */
body[data-theme="lightgold"][data-cardstyle="heavy"] .product-item,
body[data-theme="lightgold"][data-cardstyle="heavy"] .factory-item,
body[data-theme="lightgold"][data-cardstyle="heavy"] .why-item,
body[data-theme="lightgold"][data-cardstyle="heavy"] .f-gal-item,
body[data-theme="lightgold"][data-cardstyle="heavy"] .f-member{
    background:linear-gradient(160deg,#fdf9ec 0%,#f7f0dc 55%,#fbf6e9 100%);
}

/* ---------- 手机端适配（H5） ---------- */
@media (max-width:767px){
    body[data-cardstyle="heavy"] .product-item,
    body[data-cardstyle="heavy"] .factory-item,
    body[data-cardstyle="heavy"] .why-item,
    body[data-cardstyle="heavy"] .f-gal-item,
    body[data-cardstyle="heavy"] .f-member{border-width:1.5px;}
    body[data-cardstyle="heavy"] .product-item::before,
    body[data-cardstyle="heavy"] .factory-item::before,
    body[data-cardstyle="heavy"] .why-item::before,
    body[data-cardstyle="heavy"] .f-gal-item::before,
    body[data-cardstyle="heavy"] .f-member::before{font-size:12px;top:4px;left:8px;}
    body[data-cardstyle="heavy"] .product-item::after,
    body[data-cardstyle="heavy"] .factory-item::after,
    body[data-cardstyle="heavy"] .why-item::after,
    body[data-cardstyle="heavy"] .f-gal-item::after,
    body[data-cardstyle="heavy"] .f-member::after{font-size:12px;top:4px;right:8px;}
    body[data-cardstyle="light"] .product-item,
    body[data-cardstyle="light"] .factory-item,
    body[data-cardstyle="light"] .why-item,
    body[data-cardstyle="light"] .f-gal-item,
    body[data-cardstyle="light"] .f-member{border-radius:12px;}
}
/* ============================================================
   开屏加载动画（intro_anim：on 卡牌光圈旋转展开 + 卡通牌面）
   ============================================================ */
#intro-overlay{
    position:fixed;inset:0;z-index:99999;
    background:radial-gradient(circle at center,#13233f 0%,#0b1526 45%,#060d1a 100%);
    display:flex;align-items:center;justify-content:center;overflow:hidden;
    animation:introOverlayFade .55s ease var(--intro-fade,1.55s) forwards;
}
@keyframes introOverlayFade{to{opacity:0;visibility:hidden;}}
.intro-cards{position:absolute;left:50%;top:50%;width:0;height:0;}
.intro-card{
    position:absolute;width:150px;height:214px;border-radius:14px;
    border:2px solid rgba(212,175,55,.95);
    background-size:cover;background-position:center;background-repeat:no-repeat;
    box-shadow:0 16px 34px rgba(0,0,0,.62),0 0 0 1px rgba(212,175,55,.28),inset 0 0 0 1px rgba(255,255,255,.10);
    left:-75px;top:-107px;opacity:0;
    animation:introCardOpen var(--intro-dur,1.2s) cubic-bezier(.55,.06,.28,.9) forwards;
    overflow:hidden;
}
.intro-card::before{
    content:"♠";position:absolute;top:7px;left:9px;font-size:17px;z-index:2;
    color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);opacity:.92;
}
.intro-card::after{
    content:"♦";position:absolute;bottom:7px;right:9px;font-size:17px;z-index:2;
    color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);opacity:.92;
}
/* 四张卡通牌面（骑士/法师/龙/精灵） */
.img1{background-image:url('../images/intro-1.jpg');}
.img2{background-image:url('../images/intro-2.jpg');}
.img3{background-image:url('../images/intro-3.jpg');}
.img4{background-image:url('../images/intro-4.jpg');}
@keyframes introCardOpen{
    0%{opacity:0;transform:rotate(0deg) translate(0,0) scale(.7);}
    6%{opacity:1;}
    100%{opacity:0;transform:rotate(var(--r,0deg)) translate(var(--tx,0px),var(--ty,0px)) scale(1);}
}
/* 光圈式四周散开：8 张卡沿 45° 等角对称放射（桌面半径约430px） */
.i1{--r:-14deg;--tx:-397px;--ty:-165px;animation-delay:.02s;}
.i2{--r:-10deg;--tx:-165px;--ty:-397px;animation-delay:.10s;}
.i3{--r:-5deg;--tx:165px;--ty:-397px;animation-delay:.18s;}
.i4{--r:0deg;--tx:397px;--ty:-165px;animation-delay:.26s;}
.i5{--r:0deg;--tx:397px;--ty:165px;animation-delay:.34s;}
.i6{--r:5deg;--tx:165px;--ty:397px;animation-delay:.42s;}
.i7{--r:10deg;--tx:-165px;--ty:397px;animation-delay:.50s;}
.i8{--r:14deg;--tx:-397px;--ty:165px;animation-delay:.58s;}
.intro-center{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    font-size:30px;font-weight:700;letter-spacing:4px;white-space:nowrap;
    color:#f0e6c8;text-shadow:0 2px 16px rgba(212,175,55,.5),0 0 34px rgba(212,175,55,.28);
    animation:introCenterPulse 1.4s ease .1s both;
}
@keyframes introCenterPulse{
    0%{opacity:0;transform:translate(-50%,-50%) scale(.88);}
    30%{opacity:1;}
    100%{opacity:1;transform:translate(-50%,-50%) scale(1);}
}
/* 手机端：卡牌缩小、半径收紧到屏内（约260px） */
@media (max-width:767px){
    .intro-card{width:112px;height:160px;left:-56px;top:-80px;}
    .intro-card::before,.intro-card::after{font-size:13px;top:5px;left:7px;}
    .intro-card::after{bottom:5px;right:7px;}
    .i1{--tx:-240px;--ty:-100px;}
    .i2{--tx:-100px;--ty:-240px;}
    .i3{--tx:100px;--ty:-240px;}
    .i4{--tx:240px;--ty:-100px;}
    .i5{--tx:240px;--ty:100px;}
    .i6{--tx:100px;--ty:240px;}
    .i7{--tx:-100px;--ty:240px;}
    .i8{--tx:-240px;--ty:100px;}
    .intro-center{font-size:20px;}
}

/* ============================================================
   开屏动画风格二：卡牌碎裂景深散开（intro_style=shatter）
   ============================================================ */
.shatter-stage{position:absolute;left:50%;top:50%;width:150px;height:214px;margin-left:-75px;margin-top:-107px;}
.shatter-card{position:absolute;inset:0;border-radius:14px;border:2px solid rgba(212,175,55,.95);background-size:cover;background-position:center;box-shadow:0 16px 34px rgba(0,0,0,.62),0 0 0 1px rgba(212,175,55,.28);}
.shatter-piece{position:absolute;background-repeat:no-repeat;border-radius:2px;box-shadow:0 3px 10px rgba(0,0,0,.35);will-change:transform,opacity,filter;transition:transform .9s cubic-bezier(.55,.06,.28,.9),opacity .7s ease .08s,filter .9s ease;}
@media (max-width:767px){
    .shatter-stage{width:112px;height:160px;margin-left:-56px;margin-top:-80px;}
}


/* ---------- 404 错误页 ---------- */
.cg-404{min-height:72vh;display:flex;align-items:center;justify-content:center;padding:130px 20px 90px;text-align:center;}
.cg-404-inner{position:relative;max-width:760px;}
.cg-404-num{font-size:150px;font-weight:900;line-height:1;letter-spacing:6px;color:var(--cg-primary);-webkit-text-stroke:2px var(--cg-gold);text-shadow:0 8px 28px rgba(var(--cg-primary-rgb),.28);}
.cg-404 h1{font-size:30px;letter-spacing:1px;color:var(--cg-text);margin:14px 0 16px;}
.cg-404 p{font-size:15px;line-height:1.9;color:var(--cg-muted);margin-bottom:32px;}
.cg-404-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.cg-404-link{display:inline-block;padding:9px 22px;border:1px solid rgba(var(--cg-gold-rgb),.6);color:var(--cg-gold-deep);border-radius:4px;font-weight:600;font-size:14px;text-decoration:none;}
.cg-404-link:hover{background:rgba(var(--cg-gold-rgb),.12);color:var(--cg-gold-deep);}
.cg-404-cards{position:absolute;inset:0;pointer-events:none;}
.cg-404-card{position:absolute;width:88px;height:124px;border-radius:9px;background:linear-gradient(160deg,#1e2f58,#0f1830);border:2px solid var(--cg-gold);box-shadow:0 12px 26px rgba(10,14,30,.35);}
.cg-404-card::before{content:"";position:absolute;top:9px;left:9px;width:20px;height:30px;border:2px solid var(--cg-gold);border-radius:5px;opacity:.85;}
.cg-404-card::after{content:"";position:absolute;bottom:12px;right:12px;width:14px;height:14px;border:2px solid var(--cg-gold);border-radius:3px;opacity:.7;transform:rotate(45deg);}
.cg-404-card.c1{left:-86px;top:8px;transform:rotate(-12deg);}
.cg-404-card.c2{left:-148px;top:30px;transform:rotate(-30deg);}
.cg-404-card.c3{right:-86px;top:8px;transform:rotate(12deg);}
@media(max-width:767px){.cg-404{min-height:64vh;padding:110px 16px 70px;}.cg-404-num{font-size:96px;}.cg-404 h1{font-size:24px;}.cg-404-card{width:62px;height:90px;}.cg-404-card.c1{left:-20px;top:30px;}.cg-404-card.c2{display:none;}.cg-404-card.c3{right:-20px;top:30px;}}