/* ============================================================
   3haowan.com 首页样式 V2（浅色高级版 · 雾米白x鎏金）
   Signature: 设立到扩张退出 企业成长四阶段路径（白卡金线）
   ============================================================ */

/* ===== Hero: 米白主视觉 ===== */
.hero{background:linear-gradient(168deg,#FBF8F1 0%,#F6F3EC 48%,#F0E8D4 100%);color:var(--ink);padding:78px 0 60px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;right:-140px;top:-150px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(217,192,138,.22),transparent 66%)}
.hero::after{content:"";position:absolute;left:-130px;bottom:-190px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(194,161,91,.14),transparent 70%)}
.hero .container{position:relative;z-index:2}
.hero .titrow{display:block}
.hero .tag{display:block;width:fit-content;border:1px solid rgba(194,161,91,.6);color:var(--gold-d);border-radius:999px;padding:5px 18px;font-size:12.5px;letter-spacing:3px;background:rgba(255,255,255,.8);white-space:nowrap;margin-bottom:16px}
.hero h1{font-family:var(--serif);font-size:40px;font-weight:900;letter-spacing:1px;line-height:1.3;color:var(--ink)}
.hero h1 em{color:var(--gold-d);font-style:normal}
.hero .sub{margin-top:16px;color:#5B6672;font-size:15px;max-width:820px;line-height:2}
.hero .stats{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.hero .stat{background:rgba(255,255,255,.85);border:1px solid rgba(194,161,91,.4);border-radius:10px;padding:10px 20px;font-size:13px;color:#5B6672;box-shadow:0 6px 18px rgba(138,109,47,.07)}
.hero .stat b{font-family:var(--serif);font-size:19px;color:var(--gold-d);margin-right:6px}

/* ===== Hero 金色表盘环（缓转循环） ===== */
.hero .ring{position:absolute;right:2%;top:14%;width:300px;height:300px;border-radius:50%;border:1px solid rgba(194,161,91,.38);animation:ringRotate 32s linear infinite;pointer-events:none;z-index:1}
.hero .ring::before{content:"";position:absolute;inset:16px;border-radius:50%;border:1px dashed rgba(194,161,91,.42)}
.hero .ring::after{content:"";position:absolute;top:-4px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--gold2);box-shadow:0 0 9px 2px rgba(217,192,138,.55)}
.hero .ring .tick{position:absolute;width:1px;height:7px;background:rgba(194,161,91,.5);left:50%;top:0;transform-origin:50% 150px}
@keyframes ringRotate{to{transform:rotate(360deg)}}
@media(max-width:1100px){.hero .ring{width:250px;height:250px;right:2%;top:16%}.hero .ring .tick{transform-origin:50% 125px}}
@media(max-width:900px){.hero .ring{display:none}}
@media(max-width:720px){.hero{padding:54px 0 44px}.hero h1{font-size:28px}}

/* ===== Signature: 企业成长四阶段路径(白卡) ===== */
.life-rail{position:relative;margin-top:40px;background:rgba(255,255,255,.9);border:1px solid rgba(194,161,91,.45);border-radius:14px;padding:26px 24px 22px;box-shadow:0 14px 34px rgba(138,109,47,.08)}
.life-rail .rail-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;border-bottom:1px solid var(--line2);padding-bottom:14px}
.life-rail .rail-head b{font-family:var(--serif);font-size:17px;color:var(--gold-d);letter-spacing:2px}
.life-rail .rail-head span{font-size:12.5px;color:#8A8F96;letter-spacing:1px}
.life-rail .rail{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.life-rail .rail::before{content:"";position:absolute;left:4%;right:4%;top:27px;height:1px;background:linear-gradient(90deg,var(--gold),var(--gold2),var(--gold));opacity:.6}
.life-rail .rail::after{content:"";position:absolute;left:4%;top:23px;width:9px;height:9px;border-radius:50%;background:var(--gold2);box-shadow:0 0 10px 3px rgba(217,192,138,.5);animation:railFlow 4.2s linear infinite;z-index:3}
@keyframes railFlow{0%{left:4%}100%{left:96%}}
.life-rail .ph{text-align:center;position:relative;padding:0 8px}
.life-rail .ph .dot{width:16px;height:16px;border-radius:50%;background:linear-gradient(160deg,#E8D9B4,#C2A15B);border:2px solid #fff;margin:0 auto 12px;position:relative;z-index:2;box-shadow:0 0 0 4px rgba(194,161,91,.18)}
.life-rail .ph .no{font-family:var(--serif);font-size:12px;color:var(--gold-d);letter-spacing:2px;font-weight:700;display:block;margin-bottom:4px}
.life-rail .ph h4{font-size:17px;color:var(--ink);margin:0 0 6px;font-family:var(--serif);letter-spacing:2px}
.life-rail .ph .svcs{font-size:12px;color:#8A8F96;line-height:1.9;display:block}
.life-rail .ph .svcs a{color:#5B6672;transition:color .2s}
.life-rail .ph .svcs a:hover{color:var(--gold-d)}
@media(max-width:900px){.life-rail .rail{grid-template-columns:repeat(2,1fr);gap:22px 0}.life-rail .rail::before,.life-rail .rail::after{display:none}}

/* ===== 板块标题 ===== */
.section-head{text-align:center;margin:52px 0 26px}
.section-head .tagk{display:inline-block;border:1px solid rgba(194,161,91,.6);color:var(--gold-d);font-size:12px;letter-spacing:3px;padding:3px 16px;border-radius:999px;background:rgba(255,255,255,.8);margin-bottom:12px}
.section-head h2{font-family:var(--serif);font-size:28px;font-weight:800;color:var(--ink);letter-spacing:1px}
.section-head p{font-size:13.5px;color:var(--muted);margin-top:8px}

/* ===== 生命周期导航卡片 ===== */
.phase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.phase{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px 20px;position:relative;overflow:hidden;transition:.24s}
.phase::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--gold);opacity:0;transition:.24s}
.phase:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(138,109,47,.1);border-color:rgba(194,161,91,.5)}
.phase:hover::before{opacity:1}
.phase .no{font-family:var(--serif);font-size:12px;color:var(--gold);letter-spacing:3px;font-weight:700}
.phase h3{font-size:19px;color:var(--ink);margin:8px 0 4px;font-family:var(--serif)}
.phase p{font-size:12.5px;color:var(--muted);line-height:1.8;margin-bottom:12px}
.phase .tags{display:flex;flex-wrap:wrap;gap:6px}
.phase .tags a{font-size:12px;color:var(--gold-d);border:1px solid rgba(194,161,91,.4);border-radius:999px;padding:2px 12px;transition:.18s;background:#FBF9F2}
.phase .tags a:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
@media(max-width:960px){.phase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.phase-grid{grid-template-columns:1fr}}

/* ===== 创业一站式套餐(白卡金线) ===== */
.pkg{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:6px}
.pkg .pkg-card{background:var(--card);border:1px solid rgba(194,161,91,.5);border-radius:14px;padding:30px 28px;color:var(--ink);position:relative;overflow:hidden;transition:.24s;box-shadow:0 10px 26px rgba(138,109,47,.08)}
.pkg .pkg-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(138,109,47,.14)}
.pkg .pkg-card::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:64%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-d),transparent)}
.pkg .pkg-card::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:64%;height:1px;background:linear-gradient(90deg,transparent,rgba(194,161,91,.4),transparent)}
.pkg .pkg-card .p-name{font-family:var(--serif);font-size:20px;font-weight:800;letter-spacing:2px;color:var(--gold-d);margin-bottom:4px}
.pkg .pkg-card .p-desc{font-size:12.5px;color:var(--muted);margin-bottom:18px}
.pkg .pkg-card .p-price{font-family:var(--serif);font-size:34px;font-weight:900;color:var(--ink)}
.pkg .pkg-card .p-price small{font-size:14px;color:var(--gold-d);font-family:var(--sans);font-weight:400}
.pkg .pkg-card .p-price .y{font-size:14px;color:var(--gold-d);font-weight:400;font-family:var(--sans)}
.pkg .pkg-card ul{margin:18px 0 22px}
.pkg .pkg-card ul li{position:relative;padding:5px 0 5px 22px;font-size:13px;color:#4A5560;line-height:1.75}
.pkg .pkg-card ul li::before{content:"";position:absolute;left:2px;top:13px;width:7px;height:7px;transform:rotate(45deg);background:var(--gold)}
.pkg .pkg-card .p-cta{display:inline-block;background:var(--gold);color:#fff;font-weight:700;font-size:14px;padding:10px 26px;border-radius:8px;transition:.22s;box-shadow:0 6px 16px rgba(194,161,91,.28)}
.pkg .pkg-card .p-cta:hover{background:var(--gold-d);transform:translateY(-2px)}
@media(max-width:760px){.pkg{grid-template-columns:1fr}}

/* ===== 公司转让精选 ===== */
.transfer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
.t-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 20px;transition:.24s;position:relative}
.t-card:hover{transform:translateY(-3px);border-color:rgba(194,161,91,.55);box-shadow:0 12px 28px rgba(138,109,47,.09)}
.t-card .t-no{font-size:11.5px;color:var(--gold-d);letter-spacing:1px;background:var(--bg2);border:1px solid rgba(194,161,91,.3);border-radius:4px;padding:2px 8px;display:inline-block;margin-bottom:10px}
.t-card h3{font-size:16px;color:var(--ink);margin:0 0 10px;font-family:var(--serif)}
.t-card .t-fields{font-size:12.5px;color:var(--muted);line-height:2}
.t-card .t-fields b{color:#4A5560;font-weight:600}
.t-card .t-tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 14px}
.t-card .t-tags span{font-size:11px;color:#5B6B78;border:1px solid var(--line2);border-radius:999px;padding:1px 10px;background:#FBF9F2}
.t-card .t-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line2);padding-top:12px}
.t-card .t-price{font-family:var(--serif);font-size:18px;font-weight:800;color:var(--gold-d)}
.t-card .t-more{font-size:13px;color:var(--ink);font-weight:600;transition:color .2s}
.t-card .t-more:hover{color:var(--gold-d)}
@media(max-width:960px){.transfer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.transfer-grid{grid-template-columns:1fr}}

/* ===== 经营期服务墙 / 扩张期入口 ===== */
.svc-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:6px}
.wall-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 16px;text-align:center;transition:.22s;display:block}
.wall-card:hover{transform:translateY(-3px);border-color:rgba(194,161,91,.55);box-shadow:0 10px 24px rgba(138,109,47,.08)}
.wall-card .ico{width:46px;height:46px;margin:0 auto 10px;border-radius:10px;background:linear-gradient(160deg,#F7F0DF,#ECE0C2);border:1px solid rgba(194,161,91,.5);display:flex;align-items:center;justify-content:center;color:var(--gold-d);transition:.22s}
.wall-card .ico svg{width:22px;height:22px}
.wall-card b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:4px;font-family:var(--serif)}
.wall-card span{font-size:12px;color:var(--muted);display:block;line-height:1.6}
.wall-card:hover .ico{background:var(--gold);color:#fff;border-color:var(--gold)}
@media(max-width:960px){.svc-wall{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.svc-wall{grid-template-columns:1fr 1fr}}

/* ===== 知识库精选 ===== */
.kb-band{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px;margin-top:6px;box-shadow:0 10px 26px rgba(138,109,47,.06)}
.kb-band .kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kb-band .kb-item{border:1px solid var(--line2);border-radius:10px;padding:18px;transition:.22s;display:block}
.kb-band .kb-item:hover{border-color:rgba(194,161,91,.55);transform:translateY(-2px)}
.kb-band .kb-item .kb-tag{font-size:11px;color:var(--gold-d);letter-spacing:1px}
.kb-band .kb-item h3{font-size:14.5px;color:var(--ink);margin:8px 0 6px;font-family:var(--serif);line-height:1.55}
.kb-band .kb-item p{font-size:12.5px;color:var(--muted);line-height:1.75;margin:0 0 10px}
.kb-band .kb-item .kb-meta{display:flex;justify-content:space-between;font-size:11.5px;color:#9AA3AE;border-top:1px solid var(--line2);padding-top:10px}
.kb-band .kb-item .kb-meta .vis{color:var(--gold-d)}
@media(max-width:900px){.kb-band .kb-grid{grid-template-columns:1fr}}

/* ===== 信任背书 ===== */
.trust{display:grid;grid-template-columns:1fr 1.6fr;gap:24px;margin-top:6px;align-items:center}
.trust .cert{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;text-align:center}
.trust .cert img{max-height:220px;margin:0 auto 12px;border:1px solid var(--line2);border-radius:6px}
.trust .cert b{font-size:14px;color:var(--ink);display:block;font-family:var(--serif)}
.trust .cert span{font-size:12px;color:var(--muted)}
.trust .points{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trust .points div{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:8px;padding:14px 16px}
.trust .points b{display:block;font-size:14px;color:var(--ink);margin-bottom:3px;font-family:var(--serif)}
.trust .points span{font-size:12px;color:var(--muted);line-height:1.7;display:block}
@media(max-width:900px){.trust{grid-template-columns:1fr}.trust .points{grid-template-columns:1fr}}