/* ==========================================================
   北京尧图网络科技有限公司 · 全站基础样式 v3.0
   设计语言：东方人文 · 竹青 / 米白 / 墨黑 · 朱砂点缀
   ========================================================== */
:root{
    /* 品牌色 */
    --zhuking:#4E7A5C;            /* 竹青主色 */
    --zhuking-light:#7CA98C;      /* 竹青浅 */
    --zhuking-dark:#3A5C46;       /* 竹青深 */
    --miwhite:#F6F2E9;            /* 米白 */
    --miwhite-dark:#ECE6D6;       /* 米白深 */
    --mohei:#20241F;              /* 墨黑 */
    --mohei-light:#333A33;
    --text-gray:#5F6A60;
    --text-light:#8A938A;
    /* 点缀色 */
    --jin:#C8A96A;                /* 细金 */
    --zhusha:#A33D2E;             /* 朱砂印章红 */
    --linen:#FBF8F1;
    --border-color:#DFD8C8;
    --shadow:0 6px 28px rgba(62,94,72,.12);
    --shadow-lg:0 18px 50px rgba(62,94,72,.18);
    --transition:all .32s cubic-bezier(.4,0,.2,1);
    --serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
    --sans:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--sans);background:var(--miwhite);color:var(--mohei);line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:var(--transition)}
ul,ol{list-style:none}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit}
.container{max-width:1360px;margin:0 auto;padding:0 26px}
.section{padding:96px 0;position:relative}
.section.tight{padding:70px 0}
.bg-linen{background:var(--linen)}
.bg-milk{background:var(--miwhite)}
.bg-milkdark{background:var(--miwhite-dark)}
.bg-ink{background:linear-gradient(150deg,#23281f 0%,#2c3529 100%);color:var(--miwhite)}
.bg-green{background:linear-gradient(140deg,var(--zhuking) 0%,var(--zhuking-dark) 100%);color:#fff}
.text-center{text-align:center}
.text-green{color:var(--zhuking)!important}
.text-gold{color:var(--jin)!important}
.mt-1{margin-top:16px}.mt-2{margin-top:32px}.mt-3{margin-top:48px}.mt-4{margin-top:64px}
.mb-1{margin-bottom:16px}.mb-2{margin-bottom:32px}.mb-3{margin-bottom:48px}

/* ---------- 标题体系 ---------- */
.section-title{text-align:center;margin-bottom:52px;position:relative}
.section-title .kicker{display:inline-flex;align-items:center;gap:10px;color:var(--zhuking);font-size:.82rem;letter-spacing:.34em;font-weight:600;margin-bottom:14px;text-transform:uppercase}
.section-title .kicker::before,.section-title .kicker::after{content:"";width:26px;height:1px;background:var(--jin)}
.section-title h2{font-family:var(--serif);font-size:2.5rem;color:var(--mohei);font-weight:700;letter-spacing:.04em;line-height:1.3}
.section-title .seal{display:inline-block;background:var(--zhusha);color:#FDF3EC;font-size:.72rem;padding:3px 10px;border-radius:2px;margin-left:10px;vertical-align:middle;letter-spacing:.2em;font-weight:600}
.section-title p{color:var(--text-gray);font-size:1.06rem;max-width:680px;margin:18px auto 0}
.section-title.left{text-align:left}
.section-title.left p{margin:14px 0 0}
.section-title.dark h2{color:var(--miwhite)}
.section-title.dark p{color:rgba(246,242,233,.85)}
.section-title.dark .kicker{color:var(--jin)}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 34px;background:var(--zhuking);color:#fff;border:1px solid var(--zhuking);border-radius:3px;font-size:.98rem;font-weight:500;cursor:pointer;transition:var(--transition);letter-spacing:.05em;box-shadow:0 4px 14px rgba(78,122,92,.25)}
.btn:hover{background:var(--zhuking-dark);border-color:var(--zhuking-dark);transform:translateY(-2px);box-shadow:0 10px 26px rgba(78,122,92,.3)}
.btn-outline{background:transparent;border:1px solid var(--zhuking);color:var(--zhuking);box-shadow:none}
.btn-outline:hover{background:var(--zhuking);color:#fff}
.btn-light{background:#fff;border-color:#fff;color:var(--zhuking-dark);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.btn-light:hover{background:var(--miwhite-dark)}
.btn-ghost-white{background:transparent;border:1px solid rgba(255,255,255,.65);color:#fff;box-shadow:none}
.btn-ghost-white:hover{background:#fff;color:var(--zhuking-dark)}
.btn-zhusha{background:var(--zhusha);border-color:var(--zhusha);box-shadow:0 4px 14px rgba(163,61,46,.25)}
.btn-zhusha:hover{background:#8C3226}
.btn-sm{padding:9px 20px;font-size:.88rem}
.btn-lg{padding:17px 44px;font-size:1.06rem}
.btn-block{width:100%}

/* ==========================================================
   导航栏（含下拉 / 巨型菜单）
   ========================================================== */
.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(246,242,233,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(200,168,106,.35);transition:var(--transition);box-shadow:0 1px 0 rgba(32,36,31,.04)}
.navbar .nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px;gap:18px}
.navbar .logo{display:flex;align-items:center;flex-shrink:0}
.navbar .logo img{height:42px;width:auto;transition:filter .3s ease,transform .3s ease}
.navbar .logo:hover img{filter:saturate(1.1) brightness(1.03);transform:translateY(-1px)}
.nav-menu{display:flex;align-items:center;gap:4px}
.nav-menu>li{position:relative}
.nav-link{display:flex;align-items:center;gap:5px;padding:10px 13px;font-size:.94rem;color:var(--mohei);font-weight:500;position:relative}
.nav-link::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;background:linear-gradient(90deg,var(--zhuking),var(--jin));transform:scaleX(0);transform-origin:left;transition:transform .32s ease}
.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1)}
.nav-link:hover,.nav-link.active{color:var(--zhuking)}
.nav-link .caret{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid currentColor;transition:transform .25s;margin-top:2px}
.has-dropdown:hover .caret,.has-mega:hover .caret{transform:rotate(180deg)}
.btn-nav{padding:9px 22px;font-size:.9rem;margin-left:8px;box-shadow:none}

/* 下拉菜单 */
.dropdown{position:absolute;top:100%;left:0;min-width:236px;background:#FFFDF7;border:1px solid var(--border-color);border-top:2px solid var(--zhuking);border-radius:0 0 6px 6px;box-shadow:0 20px 44px rgba(32,36,31,.14);opacity:0;visibility:hidden;transform:translateY(14px);transition:var(--transition);padding:10px 0;z-index:50}
.dropdown a{display:block;padding:10px 22px;font-size:.92rem;color:var(--mohei);position:relative}
.dropdown a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--zhuking);transition:height .25s}
.dropdown a:hover{background:rgba(78,122,92,.06);color:var(--zhuking);padding-left:28px}
.dropdown a:hover::before{height:16px}
.has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}

/* 巨型菜单：行业方案 */
.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,14px);width:1120px;max-width:96vw;background:#FFFDF7;border:1px solid var(--border-color);border-top:2px solid var(--zhuking);border-radius:0 0 10px 10px;box-shadow:0 24px 54px rgba(32,36,31,.16);opacity:0;visibility:hidden;transition:var(--transition);z-index:60;padding:8px 26px 22px}
.has-mega:hover .mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-head{display:flex;align-items:center;justify-content:space-between;padding:14px 4px 10px;border-bottom:1px dashed var(--border-color);margin-bottom:14px}
.mega-head strong{font-family:var(--serif);font-size:1.05rem;color:var(--zhuking-dark)}
.mega-head a{font-size:.85rem;color:var(--zhusha);font-weight:600}
.mega-head a:hover{letter-spacing:.04em}
.mega-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 26px}
.mega-cols .mega-group h4{font-size:.8rem;color:var(--jin);letter-spacing:.22em;font-weight:700;margin:10px 0 6px;padding-bottom:5px;border-bottom:1px solid rgba(200,168,106,.4)}
.mega-cols .mega-group a{display:flex;align-items:center;gap:8px;padding:7px 8px;font-size:.9rem;color:var(--mohei);border-radius:4px}
.mega-cols .mega-group a i{width:6px;height:6px;background:var(--zhuking-light);border-radius:50%;flex-shrink:0;opacity:.6}
.mega-cols .mega-group a:hover{background:rgba(78,122,92,.07);color:var(--zhuking);transform:translateX(3px)}
.mega-cols .mega-group a:hover i{background:var(--zhusha);opacity:1}

/* 汉堡菜单 */
.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;padding:6px}
.hamburger span{width:26px;height:2px;background:var(--mohei);transition:var(--transition)}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}

/* ---------- 面包屑 ---------- */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.86rem;color:rgba(246,242,233,.85)}
.crumbs a:hover{color:var(--jin)}
.crumbs i{font-style:normal;opacity:.6}

/* ==========================================================
   页面横幅 Hero
   ========================================================== */
.page-hero{position:relative;padding:170px 0 88px;overflow:hidden;background:linear-gradient(140deg,#2c3a2e 0%,#4E7A5C 60%,#7CA98C 100%)}
.page-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:26px 26px;opacity:.5}
.page-hero .ph-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28;mix-blend-mode:luminosity}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(44,58,46,.35) 0%,rgba(44,58,46,.05) 100%)}
.page-hero .container{position:relative;z-index:2;text-align:center}
.page-hero h1{font-family:var(--serif);font-size:2.9rem;color:#FDFBF4;letter-spacing:.06em;line-height:1.3;text-shadow:0 3px 18px rgba(0,0,0,.25)}
.page-hero h1 .gold{color:var(--jin)}
.page-hero .lead{margin:20px auto 0;max-width:720px;color:rgba(253,251,244,.92);font-size:1.1rem;line-height:1.9}
.page-hero .crumbs{margin-top:22px;justify-content:center}
.page-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#FDFBF4;padding:6px 16px;border-radius:30px;font-size:.82rem;letter-spacing:.12em;margin-bottom:18px}
.page-hero .hero-badge i{width:7px;height:7px;background:var(--jin);border-radius:50%;display:inline-block}

/* ==========================================================
   通用卡片组件
   ========================================================== */
.card{background:#FFFDF7;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid rgba(200,168,106,.18)}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.card-img{width:100%;object-fit:cover}
.card-body{padding:26px}
.card-title{font-size:1.28rem;color:var(--mohei);margin-bottom:10px;font-weight:600}
.card-text{color:var(--text-gray);line-height:1.85;font-size:.95rem}

/* 服务卡 */
.service-card{background:#FFFDF7;border-radius:12px;padding:38px 30px;text-align:center;box-shadow:var(--shadow);transition:var(--transition);border:1px solid rgba(200,168,106,.16);position:relative;overflow:hidden}
.service-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--zhuking),var(--jin));transform:scaleX(0);transform-origin:left;transition:transform .4s}
.service-card:hover::before{transform:scaleX(1)}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.service-icon{width:76px;height:76px;margin:0 auto 22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--zhuking),var(--zhuking-dark));color:#fff;font-size:1.9rem;box-shadow:0 8px 20px rgba(78,122,92,.28)}
.service-card h3{font-size:1.32rem;margin-bottom:12px;color:var(--mohei)}
.service-card p{color:var(--text-gray);font-size:.95rem;line-height:1.85}
.service-card .go{margin-top:18px;color:var(--zhuking);font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.service-card .go::after{content:"→";transition:transform .3s}
.service-card:hover .go::after{transform:translateX(5px)}

/* 行业卡 */
.industry-card{display:block;background:#FFFDF7;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid rgba(200,168,106,.14)}
.industry-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.industry-card .ic-img{position:relative;height:170px;overflow:hidden}
.industry-card .ic-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.industry-card:hover .ic-img img{transform:scale(1.08)}
.industry-card .ic-img::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(32,36,31,.55))}
.industry-card .ic-img .tag{position:absolute;left:14px;bottom:12px;z-index:2;color:#fff;font-family:var(--serif);font-size:1.15rem;letter-spacing:.06em}
.industry-card .ic-body{padding:18px 20px}
.industry-card .ic-body h3{font-size:1.12rem;color:var(--mohei);margin-bottom:6px}
.industry-card .ic-body p{font-size:.86rem;color:var(--text-gray);line-height:1.7}
.industry-card .ic-go{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:var(--zhuking);font-size:.85rem;font-weight:600}
.industry-card .ic-go span:last-child{transition:transform .3s}
.industry-card:hover .ic-go span:last-child{transform:translateX(5px)}

/* 案例卡 */
.case-card{display:block;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow);transition:var(--transition)}
.case-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.case-card:hover{box-shadow:var(--shadow-lg)}
.case-card:hover img{transform:scale(1.07)}
.case-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;background:linear-gradient(transparent 30%,rgba(20,26,20,.88));color:#fff}
.case-overlay .co-tag{font-size:.74rem;color:var(--jin);letter-spacing:.18em;margin-bottom:6px}
.case-overlay h3{font-size:1.32rem;font-family:var(--serif);letter-spacing:.03em;margin-bottom:6px}
.case-overlay p{font-size:.88rem;color:rgba(255,255,255,.85);line-height:1.7}

/* 新闻卡 */
.news-card{display:block;background:#FFFDF7;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid rgba(200,168,106,.14)}
.news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.news-card .nc-img{height:188px;overflow:hidden;position:relative}
.news-card .nc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.news-card:hover .nc-img img{transform:scale(1.06)}
.news-card .nc-img .date{position:absolute;left:14px;bottom:12px;background:rgba(32,36,31,.75);color:#fff;padding:4px 12px;font-size:.78rem;border-radius:3px;backdrop-filter:blur(4px)}
.news-card .nc-body{padding:20px 22px}
.news-card .nc-body h3{font-size:1.12rem;color:var(--mohei);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card .nc-body p{font-size:.88rem;color:var(--text-gray);line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card .nc-more{margin-top:12px;color:var(--zhuking);font-size:.86rem;font-weight:600;display:inline-flex;gap:6px;align-items:center}

/* 模板资讯列表（news-item） */
.news-list{display:grid;gap:34px}
.news-item{background:#FFFDF7;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid rgba(200,168,106,.14)}
.news-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.news-item a{display:grid;grid-template-columns:320px 1fr;gap:28px}
.news-item .news-img{width:100%;height:100%;min-height:200px;object-fit:cover}
.news-item .news-content{padding:28px 30px 28px 0;display:flex;flex-direction:column;justify-content:center}
.news-item .news-title{font-size:1.4rem;color:var(--mohei);line-height:1.5;margin-bottom:12px;font-family:var(--serif);transition:var(--transition)}
.news-item:hover .news-title{color:var(--zhuking)}
.news-item .news-excerpt{color:var(--text-gray);font-size:.95rem;line-height:1.85;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-item .news-meta{display:flex;align-items:center;gap:22px;color:var(--text-light);font-size:.85rem}
.news-item .news-meta span:last-child{color:var(--zhuking);font-weight:600}
@media(max-width:768px){.news-item a{grid-template-columns:1fr}.news-item .news-img{height:200px}.news-item .news-content{padding:22px}}

/* 团队卡 */
.team-card{background:#FFFDF7;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);text-align:center;transition:var(--transition);border:1px solid rgba(200,168,106,.14)}
.team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.team-card .tc-img{height:300px;overflow:hidden}
.team-card .tc-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s}
.team-card:hover .tc-img img{transform:scale(1.05)}
.team-card .tc-info{padding:22px 20px 26px}
.team-card .tc-info h3{font-size:1.22rem;color:var(--mohei)}
.team-card .tc-info .role{color:var(--zhuking);font-size:.88rem;font-weight:600;letter-spacing:.1em;margin:6px 0 10px}
.team-card .tc-info p{font-size:.86rem;color:var(--text-gray);line-height:1.75}

/* 数据卡 */
.stat-card{text-align:center;padding:34px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px}
.stat-card .num{font-family:var(--serif);font-size:3.1rem;color:var(--jin);font-weight:700;line-height:1.1}
.stat-card .num small{font-size:1.4rem;font-weight:400}
.stat-card .lbl{margin-top:8px;color:rgba(255,255,255,.88);font-size:.96rem;letter-spacing:.08em}
.stat-card.light{background:#FFFDF7;border-color:rgba(200,168,106,.2);box-shadow:var(--shadow)}
.stat-card.light .num{color:var(--zhuking)}
.stat-card.light .lbl{color:var(--text-gray)}

/* 特性卡（图标+标题+文案，横向） */
.feature-card{display:flex;gap:18px;background:#FFFDF7;border-radius:10px;padding:26px 24px;box-shadow:var(--shadow);transition:var(--transition);border-left:3px solid var(--zhuking)}
.feature-card:hover{transform:translateX(5px);box-shadow:var(--shadow-lg)}
.feature-card .f-icon{flex-shrink:0;width:52px;height:52px;border-radius:10px;background:linear-gradient(140deg,var(--zhuking),var(--zhuking-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.feature-card h4{font-size:1.1rem;color:var(--mohei);margin-bottom:6px}
.feature-card p{font-size:.9rem;color:var(--text-gray);line-height:1.8}

/* ---------- 网格工具 ---------- */
.grid{display:grid;gap:28px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.g-auto-sm{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}

/* ---------- 流程步骤 ---------- */
.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px;margin-top:36px}
.process-step{background:#FFFDF7;border-radius:10px;padding:28px 20px;text-align:center;box-shadow:var(--shadow);position:relative;transition:var(--transition)}
.process-step:hover{transform:translateY(-5px)}
.process-step .no{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(140deg,var(--zhuking),var(--zhuking-dark));color:#fff;font-family:var(--serif);font-size:1.4rem;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 6px 16px rgba(78,122,92,.3)}
.process-step h3{font-size:1.14rem;color:var(--mohei);margin-bottom:8px}
.process-step p{font-size:.86rem;color:var(--text-gray);line-height:1.75}

/* ---------- 时间线 ---------- */
.timeline{position:relative;max-width:900px;margin:0 auto;padding-left:40px}
.timeline::before{content:"";position:absolute;left:12px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--zhuking),var(--jin))}
.timeline .tl-item{position:relative;padding:0 0 36px}
.timeline .tl-item::before{content:"";position:absolute;left:-36px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--miwhite);border:3px solid var(--zhuking);box-shadow:0 0 0 4px rgba(78,122,92,.15)}
.timeline .tl-item .tl-date{color:var(--zhusha);font-size:.82rem;font-weight:700;letter-spacing:.12em;margin-bottom:6px}
.timeline .tl-item h3{font-size:1.25rem;color:var(--mohei);margin-bottom:8px;font-family:var(--serif)}
.timeline .tl-item p{color:var(--text-gray);font-size:.95rem;line-height:1.85}

/* ---------- 报价 ---------- */
.pricing-table{width:100%;border-collapse:collapse;background:#FFFDF7;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}
.pricing-table th,.pricing-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border-color)}
.pricing-table thead th{background:var(--zhuking-dark);color:#fff;font-weight:600;letter-spacing:.05em;font-size:.95rem}
.pricing-table tbody tr:nth-child(even){background:rgba(78,122,92,.04)}
.pricing-table tbody tr:hover{background:rgba(200,168,106,.1)}
.pricing-table td{color:var(--text-gray);font-size:.93rem}
.price-card{background:#FFFDF7;border-radius:12px;padding:36px 30px;text-align:center;box-shadow:var(--shadow);border:1px solid rgba(200,168,106,.16);position:relative;transition:var(--transition)}
.price-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.price-card.hot{border:2px solid var(--zhuking)}
.price-card .hot-tag{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--zhusha);color:#fff;font-size:.76rem;padding:4px 18px;border-radius:0 0 6px 6px;letter-spacing:.14em}
.price-card .p-name{font-size:1.2rem;color:var(--mohei);font-weight:600}
.price-card .p-price{margin:18px 0;font-family:var(--serif);font-size:2.4rem;color:var(--zhuking-dark);font-weight:700}
.price-card .p-price small{font-size:1rem;color:var(--text-gray);font-weight:400}
.price-card ul{text-align:left;padding-left:8px;margin-bottom:22px}
.price-card ul li{padding:7px 0 7px 26px;color:var(--text-gray);font-size:.92rem;position:relative;border-bottom:1px dashed var(--border-color)}
.price-card ul li::before{content:"✓";position:absolute;left:0;color:var(--zhuking);font-weight:700}
.price-card ul li.off{opacity:.45;text-decoration:line-through}
.price-card ul li.off::before{content:"—";color:var(--text-light)}

/* ---------- FAQ ---------- */
.faq-item{background:#FFFDF7;border-radius:10px;box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden;border:1px solid rgba(200,168,106,.14)}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:center;gap:14px;font-size:1.05rem;color:var(--mohei);font-weight:600;transition:var(--transition)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .q{width:30px;height:30px;flex-shrink:0;border-radius:6px;background:var(--zhusha);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:.9rem}
.faq-item summary::after{content:"+";margin-left:auto;font-size:1.3rem;color:var(--zhuking);transition:transform .3s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item[open] summary{color:var(--zhuking)}
.faq-item .faq-a{padding:0 26px 24px 70px;color:var(--text-gray);line-height:1.95;font-size:.95rem}

/* ---------- Tabs ---------- */
.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px}
.tab-btn{padding:10px 24px;border-radius:30px;background:#FFFDF7;border:1px solid var(--border-color);color:var(--text-gray);cursor:pointer;font-size:.92rem;transition:var(--transition)}
.tab-btn:hover{border-color:var(--zhuking);color:var(--zhuking)}
.tab-btn.active{background:var(--zhuking);border-color:var(--zhuking);color:#fff;box-shadow:0 6px 16px rgba(78,122,92,.3)}
.tab-panel{display:none}
.tab-panel.active{display:block;animation:tabIn .5s ease}
@keyframes tabIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- CTA 横幅 ---------- */
.cta-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#23281f 0%,#38452f 100%);color:#fff;text-align:center;padding:92px 0}
.cta-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(200,168,106,.14) 1px,transparent 1px);background-size:22px 22px;opacity:.6}
.cta-band .container{position:relative;z-index:2}
.cta-band h2{font-family:var(--serif);font-size:2.3rem;margin-bottom:16px;letter-spacing:.05em}
.cta-band h2 .gold{color:var(--jin)}
.cta-band p{color:rgba(255,255,255,.85);font-size:1.08rem;max-width:640px;margin:0 auto 36px}
.cta-band .cta-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.cta-band .seal-stamp{position:absolute;right:6%;top:50%;transform:translateY(-50%) rotate(-8deg);width:96px;height:96px;border:2px solid var(--zhusha);color:var(--zhusha);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1rem;writing-mode:vertical-rl;letter-spacing:.3em;opacity:.5;border-radius:8px}

/* ---------- 页脚 ---------- */
.footer{background:#1E231C;color:rgba(246,242,233,.8);padding:72px 0 0;position:relative}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--zhuking),var(--jin),var(--zhuking))}
.footer .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;gap:44px;padding-bottom:52px}
.footer h4{color:#F6F2E9;font-size:1.05rem;margin-bottom:20px;position:relative;padding-bottom:10px;font-weight:600}
.footer h4::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--jin)}
.footer .foot-brand img{height:44px;margin-bottom:18px}
.footer .foot-brand p{font-size:.9rem;line-height:1.9;color:rgba(246,242,233,.68)}
.footer .foot-links a{display:block;padding:5px 0;font-size:.9rem;color:rgba(246,242,233,.72)}
.footer .foot-links a:hover{color:var(--jin);transform:translateX(4px)}
.footer .foot-contact p{font-size:.9rem;line-height:2.1;color:rgba(246,242,233,.72)}
.footer .foot-contact strong{color:#F6F2E9;font-weight:600}
.footer .foot-contact .tel{font-family:var(--serif);font-size:1.35rem;color:var(--jin);letter-spacing:.05em}
.footer .foot-sub{display:flex;align-items:center;gap:12px;margin-top:14px}
.footer .foot-sub input{flex:1;padding:11px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:4px;color:#fff;font-size:.88rem}
.footer .foot-sub input::placeholder{color:rgba(246,242,233,.5)}
.footer .foot-sub button{padding:11px 20px;background:var(--zhuking);border:none;color:#fff;border-radius:4px;cursor:pointer;font-size:.88rem}
.footer .foot-sub button:hover{background:var(--zhuking-dark)}
.footer .foot-bottom{border-top:1px solid rgba(246,242,233,.12);padding:24px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.84rem;color:rgba(246,242,233,.55)}
.footer .foot-bottom p{margin:0}
.footer .foot-bottom a{color:rgba(246,242,233,.6)}
.footer .foot-bottom a:hover{color:var(--jin)}
.footer .icp{color:rgba(246,242,233,.55)}
.footer .foot-bottom .policy a{margin-left:16px}

/* ---------- 波浪分隔 ---------- */
.wave-divider{position:absolute;left:0;width:100%;overflow:hidden;line-height:0;z-index:3}
.wave-divider.top{top:-1px;transform:rotate(180deg)}
.wave-divider.bottom{bottom:-1px}
.wave-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:74px}
.wave-divider .shape-fill{fill:var(--miwhite)}
.wave-divider.fill-milk .shape-fill{fill:var(--miwhite)}
.wave-divider.fill-milkdark .shape-fill{fill:var(--miwhite-dark)}
.wave-divider.fill-linen .shape-fill{fill:var(--linen)}
.wave-divider.fill-green .shape-fill{fill:var(--zhuking)}

/* ---------- 通用动效 ---------- */
.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.fade-in.visible{opacity:1;transform:none}
.fade-left{opacity:0;transform:translateX(-36px);transition:opacity .7s,transform .7s}
.fade-right{opacity:0;transform:translateX(36px);transition:opacity .7s,transform .7s}
.fade-left.visible,.fade-right.visible{opacity:1;transform:none}
.float-y{animation:floatY 5s ease-in-out infinite}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* 印章装饰 */
.seal-mark{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border:2px solid var(--zhusha);color:var(--zhusha);border-radius:8px;font-family:var(--serif);writing-mode:vertical-rl;letter-spacing:.22em;font-size:.8rem;transform:rotate(-6deg);box-shadow:inset 0 0 0 3px rgba(163,61,46,.12)}

/* 分割装饰 */
.divider-gold{width:64px;height:2px;background:linear-gradient(90deg,transparent,var(--jin),transparent);margin:22px auto}
.divider-gold.left{margin:22px 0}

/* 图片圆角与边框 */
.img-frame{border-radius:12px;box-shadow:var(--shadow-lg);border:6px solid #FFFDF7}
.img-frame-cn{position:relative;border-radius:6px;overflow:hidden}
.img-frame-cn::after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.55);border-radius:3px;pointer-events:none}

/* 标签 */
.tag{display:inline-block;padding:4px 12px;border-radius:3px;font-size:.76rem;letter-spacing:.08em;font-weight:600}
.tag-green{background:rgba(78,122,92,.12);color:var(--zhuking-dark)}
.tag-gold{background:rgba(200,168,106,.16);color:#8a6d2f}
.tag-zhusha{background:rgba(163,61,46,.1);color:var(--zhusha)}

/* 内容正文（文章页） */
.rich-body{font-size:1.03rem;line-height:2;color:var(--mohei)}
.rich-body h2{font-family:var(--serif);font-size:1.7rem;color:var(--zhuking-dark);margin:44px 0 18px;padding-left:16px;border-left:4px solid var(--zhuking);letter-spacing:.03em}
.rich-body h3{font-size:1.28rem;color:var(--mohei);margin:32px 0 14px}
.rich-body p{margin-bottom:18px}
.rich-body ul,.rich-body ol{margin:0 0 20px;padding-left:26px}
.rich-body li{margin-bottom:10px;position:relative}
.rich-body ul li::before{content:"";position:absolute;left:-16px;top:.72em;width:7px;height:7px;background:var(--zhuking-light);border-radius:50%}
.rich-body blockquote{margin:24px 0;padding:20px 26px;background:rgba(78,122,92,.06);border-left:4px solid var(--zhuking);color:var(--text-gray);border-radius:0 8px 8px 0;font-style:normal}
.rich-body blockquote strong{color:var(--zhuking-dark)}
.rich-body .hl{color:var(--zhusha);font-weight:600}
.rich-body table{width:100%;border-collapse:collapse;margin:24px 0}
.rich-body table td,.rich-body table th{border:1px solid var(--border-color);padding:12px 16px;font-size:.92rem}
.rich-body table th{background:rgba(78,122,92,.1);color:var(--zhuking-dark)}
.rich-body img{border-radius:10px;margin:24px 0}

/* 侧边栏 */
.sidebox{background:#FFFDF7;border-radius:10px;box-shadow:var(--shadow);padding:26px;margin-bottom:26px}
.sidebox h4{font-size:1.08rem;color:var(--mohei);padding-bottom:12px;margin-bottom:16px;border-bottom:2px solid var(--zhuking);display:flex;align-items:center;gap:8px}
.sidebox h4::before{content:"";width:8px;height:8px;background:var(--jin);border-radius:50%}
.sidebox .sb-links a{display:flex;justify-content:space-between;align-items:center;padding:9px 2px;border-bottom:1px dashed var(--border-color);font-size:.9rem;color:var(--text-gray)}
.sidebox .sb-links a:hover{color:var(--zhuking);padding-left:8px}
.sidebox .sb-links a span{color:var(--jin);font-size:.78rem}
.sidebox .sb-contact p{font-size:.9rem;line-height:2;color:var(--text-gray)}
.sidebox .sb-contact .tel{font-family:var(--serif);font-size:1.5rem;color:var(--zhusha);letter-spacing:.03em}

/* 布局助手 */
.layout-2col{display:grid;grid-template-columns:1fr 320px;gap:46px;align-items:start}
@media(max-width:1024px){.layout-2col{grid-template-columns:1fr}}

/* 步骤条（横向连接线） */
.stepline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.stepline .sp-item{text-align:center;position:relative;padding:0 10px}
.stepline .sp-item .sp-no{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#FFFDF7;border:2px solid var(--zhuking);color:var(--zhuking);font-family:var(--serif);font-size:1.3rem;display:flex;align-items:center;justify-content:center;font-weight:700;position:relative;z-index:2;box-shadow:0 6px 16px rgba(78,122,92,.18)}
.stepline .sp-item:not(:last-child)::after{content:"";position:absolute;top:28px;left:calc(50% + 28px);right:calc(-50% + 28px);height:2px;background:linear-gradient(90deg,var(--zhuking-light),var(--jin));z-index:1}
.stepline .sp-item h4{font-size:1.02rem;color:var(--mohei);margin-bottom:6px}
.stepline .sp-item p{font-size:.82rem;color:var(--text-gray);line-height:1.6}

/* ==========================================================
   响应式
   ========================================================== */
@media(max-width:1200px){
    .mega-menu{width:960px}
    .nav-link{padding:10px 9px;font-size:.9rem}
    .nav-menu{gap:0}
}
@media(max-width:1024px){
    .section{padding:76px 0}
    .g4{grid-template-columns:repeat(2,1fr)}
    .footer .foot-grid{grid-template-columns:repeat(3,1fr);gap:34px}
    .page-hero{padding:150px 0 74px}
}
@media(max-width:900px){
    .btn-nav{display:none}
    .nav-menu{position:fixed;top:74px;left:0;width:100%;max-height:calc(100vh - 74px);overflow-y:auto;background:#F6F2E9;flex-direction:column;align-items:stretch;padding:16px 22px 30px;gap:2px;transform:translateX(-100%);transition:transform .35s ease;box-shadow:0 30px 40px rgba(32,36,31,.18)}
    .nav-menu.active{transform:translateX(0)}
    .nav-menu>li>a.nav-link{font-size:1.05rem;padding:14px 10px;border-bottom:1px solid var(--border-color)}
    .nav-link::after{display:none}
    .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-left:2px solid var(--zhuking);margin:4px 0 8px 18px;display:none;border-radius:0}
    .has-dropdown.open .dropdown{display:block}
    .mega-menu{position:static;width:100%;max-width:none;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;border-left:2px solid var(--zhuking);margin:4px 0 8px 18px;display:none;border-radius:0;padding:10px 14px}
    .has-mega.open .mega-menu{display:block}
    .mega-cols{grid-template-columns:repeat(2,1fr);gap:4px 16px}
    .hamburger{display:flex}
    .g3{grid-template-columns:1fr}
    .g-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
}
@media(max-width:768px){
    .g2,.g4{grid-template-columns:1fr}
    .g-auto-sm{grid-template-columns:repeat(2,1fr)}
    .section-title h2{font-size:1.9rem}
    .page-hero h1{font-size:2rem}
    .page-hero{padding:130px 0 58px}
    .cta-band h2{font-size:1.8rem}
    .footer .foot-grid{grid-template-columns:1fr 1fr;gap:30px}
    .stepline{grid-template-columns:1fr;gap:24px}
    .stepline .sp-item:not(:last-child)::after{display:none}
    .footer .foot-bottom{flex-direction:column;text-align:center}
    .stat-card .num{font-size:2.4rem}
}
@media(max-width:480px){
    .g-auto-sm{grid-template-columns:1fr}
    .mega-cols{grid-template-columns:1fr}
    .footer .foot-grid{grid-template-columns:1fr}
}