/* ============================================================
 * 九洲易运 · 官方网站（宽屏营销站）共享样式
 * 视觉语言继承承运商工作台 portal.css：
 *   深蓝渐变头 + 白圆角细边卡 + 1600px 宽屏 + 蓝/深蓝/橙
 * ============================================================ */
:root{
  --yz-primary:#0984E3; --yz-deep:#0A4DAA; --yz-accent:#f06100;
  --yz-success:#1677FF; --yz-warn:#FA8C16; --yz-danger:#E5484D;
  --yz-text:#1f2d3d; --yz-sub:#5b6b7d; --yz-line:#e8edf3; --yz-bg:#f5f7fa;
  --yz-bg2:#eef3fa; --yz-navy:#0a2540;
  --shadow-sm:0 2px 10px rgba(10,50,100,.06);
  --shadow:0 8px 28px rgba(10,50,100,.08);
  --shadow-lg:0 18px 48px rgba(10,50,100,.14);
  --radius:16px; --radius-sm:11px;
  --wrap:1600px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--yz-bg);color:var(--yz-text);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--yz-primary);text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.hidden{display:none!important}

/* ---------- 顶栏（深蓝渐变，网站式：Logo+导航+电话CTA 一行） ---------- */
.site-top{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,var(--yz-deep) 0%,var(--yz-primary) 100%);
  color:#fff;box-shadow:0 2px 14px rgba(10,50,100,.20)}
.site-top__inner{max-width:var(--wrap);margin:0 auto;padding:0 32px;height:72px;display:flex;align-items:center;gap:28px}
.site-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
/* 用户中心头部（/account/*）：品牌后的「用户中心」小标签 */
.site-top__uctag{flex-shrink:0;font-size:12.5px;font-weight:700;letter-spacing:.5px;color:#fff;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:5px 12px;white-space:nowrap}
@media(max-width:860px){.site-top__uctag{display:none}}
.site-brand__logo{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;overflow:hidden}
.site-brand__logo img{width:100%;height:100%;object-fit:contain}
.site-brand__logo svg{width:26px;height:26px}
.site-brand__tx{font-size:22px;font-weight:800;letter-spacing:1px;white-space:nowrap}
.site-brand__tx b{color:#ffd591}
.site-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow:visible}
.site-nav .nav-link,.site-nav a{display:inline-flex;align-items:center;padding:10px 15px;border-radius:12px;font-size:15px;
  color:rgba(255,255,255,.9);font-weight:600;white-space:nowrap;transition:.18s;cursor:pointer;text-decoration:none}
.site-nav .nav-link:hover,.site-nav a:hover{color:#fff;background:rgba(255,255,255,.18);transform:translateY(-1px)}
.site-nav .nav-link.on,.site-nav a.on{color:var(--yz-deep);background:#fff;font-weight:700;box-shadow:0 4px 14px rgba(0,20,60,.22)}
.site-nav .nav-link .nav-ic,.site-nav a .nav-ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:7px;flex-shrink:0;opacity:.95}
.site-nav .nav-link:hover .nav-ic,.site-nav a:hover .nav-ic{opacity:1;transform:scale(1.05)}
.site-nav .nav-link .nav-ic svg,.site-nav a .nav-ic svg{width:100%;height:100%}
/* 二级下拉菜单 */
.site-nav .nav-item{position:relative}
.site-nav .has-child>.nav-link .nav-caret{width:14px;height:14px;margin-left:4px;opacity:.8;transition:transform .18s}
.site-nav .has-child:hover>.nav-link .nav-caret{transform:rotate(180deg)}
.site-nav .nav-sub{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border-radius:14px;
  box-shadow:0 16px 44px rgba(23,43,77,.20);padding:8px;display:none;flex-direction:column;gap:2px;z-index:60}
.site-nav .nav-sub::before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px}
.site-nav .has-child:hover .nav-sub{display:flex}
.site-nav .sub-item{display:flex;align-items:center;padding:11px 14px;border-radius:10px;color:var(--yz-deep);
  font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:.15s}
.site-nav .sub-item:hover{background:var(--yz-bg);color:var(--yz-primary)}
.site-nav .sub-item.on{background:var(--yz-bg2);color:var(--yz-primary)}
.site-nav .sub-item .nav-ic{width:18px;height:18px;margin-right:8px}
.site-top__cta{display:flex;align-items:center;gap:12px;flex-shrink:0}
.site-phone{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:11px;padding:9px 16px;font-size:14.5px;font-weight:700}
.site-phone:hover{background:rgba(255,255,255,.28);color:#fff;transform:translateY(-1px)}
.site-phone svg{width:18px;height:18px}
.site-burger{display:none;width:46px;height:46px;border:0;background:rgba(255,255,255,.16);border-radius:12px;color:#fff;cursor:pointer}
.site-burger svg{width:22px;height:22px}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,rgba(10,77,170,.86) 0%,rgba(9,132,227,.7) 55%,rgba(11,111,214,.84) 100%),
             var(--hero-img,url('photos/carrier-big-highway.png')) center/cover no-repeat}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;pointer-events:none}
.hero::before{width:520px;height:520px;right:-120px;top:-160px;
  background:radial-gradient(circle,rgba(255,213,145,.30),transparent 70%)}
.hero::after{width:420px;height:420px;left:-100px;bottom:-180px;
  background:radial-gradient(circle,rgba(9,132,227,.55),transparent 70%)}
.hero__grid{position:relative;max-width:var(--wrap);margin:0 auto;padding:72px 28px 80px;
  display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.3);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:20px}
.hero h1{font-size:44px;line-height:1.22;font-weight:800;letter-spacing:.5px}
.hero h1 .hl{color:#ffd591}
.hero__sub{margin-top:18px;font-size:17px;color:rgba(255,255,255,.9);max-width:560px}
.hero__btns{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:11px;font-size:15px;font-weight:700;
  cursor:pointer;border:0;transition:.15s;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn--white{background:#fff;color:var(--yz-deep)}
.btn--white:hover{box-shadow:0 10px 24px rgba(0,0,0,.18);transform:translateY(-1px)}
.btn--ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.5);color:#fff}
.btn--ghost:hover{background:rgba(255,255,255,.22)}
.btn--primary{background:linear-gradient(135deg,var(--yz-deep),var(--yz-primary));color:#fff}
.btn--primary:hover{opacity:.93;transform:translateY(-1px);box-shadow:var(--shadow)}
.btn--accent{background:linear-gradient(135deg,#d46b08,var(--yz-accent));color:#fff}
.btn--accent:hover{opacity:.94;transform:translateY(-1px);box-shadow:var(--shadow)}
.hero__trust{margin-top:34px;display:flex;gap:26px;flex-wrap:wrap}
.hero__trust div{display:flex;flex-direction:column}
.hero__trust b{font-size:22px;font-weight:800;color:#ffd591}
.hero__trust span{font-size:13px;color:rgba(255,255,255,.82)}
/* hero 右侧卡片 */
.hero__card{background:#fff;border-radius:18px;padding:26px;color:var(--yz-text);box-shadow:var(--shadow-lg)}
.hero__card h3{font-size:17px;color:var(--yz-deep);margin-bottom:4px}
.hero__card p.tip{font-size:12.5px;color:var(--yz-sub);margin-bottom:16px}
.hero__form{display:grid;gap:11px}
.hero__form .row{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.fld{display:flex;flex-direction:column;gap:5px}
.fld label{font-size:12.5px;color:var(--yz-sub);font-weight:600}
.fld input,.fld select{border:1px solid var(--yz-line);border-radius:9px;padding:10px 12px;font-size:14px;
  color:var(--yz-text);background:#fff;outline:none;font-family:inherit}
.fld input:focus,.fld select:focus{border-color:var(--yz-primary);box-shadow:0 0 0 3px rgba(9,132,227,.10)}
.hero__card .btn{width:100%;justify-content:center;margin-top:4px}

/* ---------- 通用区块 ---------- */
.sec{padding:66px 0}
.sec--alt{background:var(--yz-bg2)}
.sec--tight{padding:44px 0}
.sec-head{max-width:760px;margin:0 auto 40px;text-align:center}
.eyebrow{display:inline-block;color:var(--yz-accent);font-weight:700;font-size:14px;letter-spacing:1.5px;
  text-transform:uppercase;margin-bottom:10px}
.sec-head h2{font-size:30px;font-weight:800;color:var(--yz-deep);letter-spacing:.5px}
.sec-head p{margin-top:12px;font-size:15.5px;color:var(--yz-sub)}
.sec-head.left{margin-left:0;text-align:left}

/* 卡片网格 */
.grid{display:grid;gap:22px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);
  transition:.2s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.card__ico{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#e8f1ff,#d6e7ff);margin-bottom:16px}
.card__ico svg{width:26px;height:26px;color:var(--yz-primary)}
.card--accent .card__ico{background:linear-gradient(135deg,#fff1e6,#ffe2cc)}
.card--accent .card__ico svg{color:var(--yz-accent)}
.card h3{font-size:18px;color:var(--yz-deep);margin-bottom:8px}
.card p{font-size:14px;color:var(--yz-sub)}

/* 统计带 */
.stats{background:linear-gradient(135deg,var(--yz-deep),var(--yz-primary));border-radius:var(--radius);
  padding:38px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;color:#fff;box-shadow:var(--shadow)}
.stats__item{text-align:center}
.stats__item b{display:block;font-size:34px;font-weight:800;color:#ffd591;line-height:1.2}
.stats__item span{font-size:13.5px;color:rgba(255,255,255,.85)}

/* 步骤 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.step{position:relative;background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius);padding:26px 22px 24px;box-shadow:var(--shadow-sm)}
.step::before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:22px;width:38px;height:38px;
  border-radius:11px;background:linear-gradient(135deg,var(--yz-deep),var(--yz-primary));color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;box-shadow:var(--shadow-sm)}
.step h3{margin-top:14px;font-size:16.5px;color:var(--yz-deep)}
.step p{margin-top:8px;font-size:13.5px;color:var(--yz-sub)}

/* 双栏特性 */
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.split--rev .split__media{order:2}
.split h2{font-size:27px;font-weight:800;color:var(--yz-deep)}
.split>p{margin-top:14px;font-size:15px;color:var(--yz-sub)}
.flist{margin-top:18px;display:grid;gap:12px}
.flist li{list-style:none;display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--yz-text)}
.flist li svg{width:20px;height:20px;color:var(--yz-primary);flex-shrink:0;margin-top:2px}
.media-card{background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:24px;min-height:300px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.media-card .mc-row{display:flex;align-items:center;gap:13px;padding:14px;border-radius:12px;background:var(--yz-bg)}
.media-card .mc-row .dot{width:10px;height:10px;border-radius:50%;background:var(--yz-primary);flex-shrink:0}
.media-card .mc-row b{font-size:15px;color:var(--yz-deep)}
.media-card .mc-row span{display:block;font-size:12.5px;color:var(--yz-sub)}

/* 标签胶囊（淡底彩字，继承工作台） */
.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:8px;background:#eef1f6;
  color:#5a6a7c;font-size:12.5px;font-weight:600;white-space:nowrap}
.chip--blue{background:#e8f3ff;color:#1677ff}
.chip--orange{background:#fff1e6;color:#e8590c}
.chip--green{background:#e7f7ef;color:#12915f}

/* 全渠道入口 */
.channel-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;justify-content:center}

/* 评价/案例卡 */
.review{background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}
.review__star{color:var(--yz-warn);font-size:16px;letter-spacing:2px}
.review__txt{margin:12px 0;font-size:14.5px;color:var(--yz-text);line-height:1.7}
.review__who{display:flex;align-items:center;gap:11px;border-top:1px dashed var(--yz-line);padding-top:14px}
.review__avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--yz-deep),var(--yz-primary));
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.review__who b{font-size:14px;color:var(--yz-deep)}
.review__who span{display:block;font-size:12px;color:var(--yz-sub)}

/* 现场实拍占位 */
.shot{background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.shot__ph{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#eef3fb,#e4ecf7);color:var(--yz-sub);font-size:15px;font-weight:700;letter-spacing:1px}
.shot figcaption{padding:14px 16px;font-size:13.5px;color:var(--yz-text);line-height:1.6}

/* 实景配图（大板车/小板车托运私家车） */
.photo{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);background:#fff;border:1px solid var(--yz-line)}
.photo img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}
.photo figcaption{padding:12px 16px;font-size:13px;color:var(--yz-sub);background:#fff;line-height:1.6}
.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.photo-grid--3{grid-template-columns:repeat(3,1fr)}

/* 平台业务模式图（首页） */
.yz-net{max-width:920px;margin:0 auto}
.yz-net__hub{width:fit-content;max-width:100%;margin:0 auto;padding:9px 30px;border-radius:999px;
  background:linear-gradient(135deg,var(--yz-deep),var(--yz-primary));color:#fff;font-weight:700;font-size:15.5px;
  text-align:center;box-shadow:0 8px 22px rgba(9,132,227,.26);position:relative;z-index:2}
.yz-net__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:18px;
  margin-top:-15px;padding:36px 30px 22px;background:#f2f9ff;border:1px dashed #9bb4cc;border-radius:14px}
.yz-net__side{display:flex;flex-direction:column;align-items:center;gap:8px}
.yz-net__arrow img{width:100%;max-width:210px;height:auto;display:block}
.yz-net__role{font-size:14.5px;font-weight:700;color:var(--yz-deep)}
.yz-net__core{display:flex;flex-direction:column;align-items:center;gap:8px}
.yz-net__core-box{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;
  padding:14px 16px;background:#fff;border:1px dashed #9bb4cc;border-radius:12px}
.yz-net__node{display:flex;flex-direction:column;align-items:center;gap:6px}
.yz-net__node img{width:100%;max-width:130px;height:auto;display:block}
.yz-net__node-t{font-size:14px;font-weight:700;color:var(--yz-deep)}
.yz-net__match{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:74px}
.yz-net__match-t{font-size:12.5px;color:var(--yz-sub)}
.yz-net__match img{width:100%;height:18px;object-fit:contain;display:block}

/* FAQ 折叠 */
.faq{display:grid;gap:12px;margin-top:8px}
.faq__i{background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius-sm);padding:4px 18px}
.faq__i summary{cursor:pointer;font-weight:700;color:var(--yz-deep);padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq__i summary::-webkit-details-marker{display:none}
.faq__i summary::after{content:"+";font-size:20px;color:var(--yz-primary);font-weight:800}
.faq__i[open] summary::after{content:"\2212"}
.faq__i p{margin:0 0 16px;color:var(--yz-text);font-size:14.5px;line-height:1.75}

/* 纠纷投诉直达通道条 */
.contact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.contact-strip>div{background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius-sm);padding:18px 20px;text-align:center}
.contact-strip b{display:block;font-size:17px;color:var(--yz-deep);font-weight:800}
.contact-strip span{display:block;margin-top:6px;font-size:13px;color:var(--yz-sub);line-height:1.6}

/* 邀请评价条 */
.invite{background:linear-gradient(135deg,#f4f8ff,#eef4ff);border:1px solid #d8e6fb;border-radius:var(--radius);
  padding:36px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.invite .eyebrow{color:var(--yz-primary)}
.invite h2{font-size:22px;font-weight:800;color:var(--yz-deep);margin:6px 0 8px}
.invite p{font-size:14.5px;color:var(--yz-sub);line-height:1.7;max-width:620px}

/* 承诺/保障条 */
.promise{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}
.promise__i{background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius-sm);padding:20px;display:flex;gap:13px;align-items:flex-start}
.promise__i .pi-ico{width:40px;height:40px;border-radius:10px;background:#e8f3ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.promise__i .pi-ico svg{width:21px;height:21px;color:var(--yz-primary)}
.promise__i b{font-size:15px;color:var(--yz-deep);display:block}
.promise__i span{font-size:12.5px;color:var(--yz-sub)}

/* FAQ 折叠 */
.faq{max-width:880px;margin:0 auto}
.faq__item{border:1px solid var(--yz-line);border-radius:var(--radius-sm);background:#fff;margin-bottom:12px;overflow:hidden}
.faq__q{width:100%;text-align:left;background:none;border:0;padding:18px 22px;font-size:15.5px;font-weight:600;
  color:var(--yz-deep);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:inherit}
.faq__q .ic{width:22px;height:22px;flex-shrink:0;transition:.2s;color:var(--yz-primary)}
.faq__item.open .faq__q .ic{transform:rotate(180deg)}
.faq__a{max-height:0;overflow:hidden;transition:max-height .25s ease}
.faq__a div{padding:0 22px 18px;font-size:14.5px;color:var(--yz-sub);line-height:1.75}

/* 面包屑 + 内容页头 */
.crumb{font-size:13px;color:var(--yz-sub);padding:18px 0 0}
.crumb a{color:var(--yz-sub)}
.crumb a:hover{color:var(--yz-primary)}
.page-hero{background:linear-gradient(135deg,rgba(10,77,170,.82) 0%,rgba(9,132,227,.68) 100%),
                       var(--banner-img,url('photos/carrier-big-depot.png')) center/cover no-repeat;
                       color:#fff;padding:46px 0 50px}
.page-hero h1{font-size:34px;font-weight:800}
.page-hero p{margin-top:12px;font-size:15.5px;color:rgba(255,255,255,.9);max-width:720px}
.page-hero .crumb,.page-hero .crumb a{color:rgba(255,255,255,.75)}
.page-hero .crumb a:hover{color:#fff}
.byline{margin-top:18px;display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.3);padding:7px 14px;border-radius:999px;font-size:12.5px}
.byline b{color:#ffd591}
/* 内容页 hero 信任标签（浅底胶囊，悬浮于渐变头） */
.page-hero__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.page-hero__tag{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:999px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);color:#fff;font-size:13.5px;font-weight:600}
.page-hero__tag svg{width:15px;height:15px;opacity:.95;flex-shrink:0}

/* 文章型内容 */
.prose{max-width:920px;margin:0 auto}
.prose h2{font-size:23px;color:var(--yz-deep);margin:34px 0 12px;font-weight:800}
.prose h3{font-size:18px;color:var(--yz-deep);margin:24px 0 8px;font-weight:700}
.prose p,.prose li{font-size:15px;color:var(--yz-text);line-height:1.8;margin-bottom:10px}
.prose ul,.prose ol{padding-left:22px;margin-bottom:12px}
.prose li{margin-bottom:6px}
.prose strong{color:var(--yz-deep)}
.prose table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.prose th,.prose td{border:1px solid var(--yz-line);padding:11px 13px;text-align:left}
.prose th{background:var(--yz-bg2);color:var(--yz-deep);font-weight:700}
.prose td{color:var(--yz-sub)}
.prose blockquote{margin:12px 0;padding:12px 16px;background:var(--yz-bg2);border-left:3px solid var(--yz-primary);border-radius:10px;color:var(--yz-sub);font-size:14px;line-height:1.85}
.prose blockquote br{margin-bottom:4px}

/* 数据与内容使用规范 · 引用卡片 */
.yz-spec-card{max-width:680px;margin:14px 0 6px;border:1px solid var(--yz-line);border-radius:14px;overflow:hidden;background:#fff}
.yz-spec-card__row{display:flex;gap:14px;padding:11px 16px;border-bottom:1px solid var(--yz-line);font-size:14px;line-height:1.6}
.yz-spec-card__row:last-child{border-bottom:none}
.yz-spec-card__k{flex:0 0 86px;color:var(--yz-deep);font-weight:700}
.yz-spec-card__v{flex:1;color:var(--yz-text);min-width:0}
.yz-spec-card__v a{color:var(--yz-primary);word-break:break-all}
.yz-spec-foot-links{margin-top:10px;font-size:14px;color:var(--yz-sub)}
.yz-spec-foot-links a{color:var(--yz-primary)}
@media(max-width:560px){
  .yz-spec-card__row{flex-direction:column;gap:2px}
  .yz-spec-card__k{flex-basis:auto}
}
@media (max-width:820px){
  /* 保持桌面三列结构不变，整体等比缩小 */
  .yz-net{max-width:660px}
  .yz-net__hub{font-size:13.5px;padding:7px 22px}
  .yz-net__stage{gap:12px;padding:24px 16px 16px;margin-top:-13px}
  .yz-net__arrow img{max-width:150px}
  .yz-net__role{font-size:12.5px}
  .yz-net__core-box{gap:8px;padding:10px}
  .yz-net__node img{max-width:92px}
  .yz-net__node-t{font-size:12px}
  .yz-net__match{min-width:42px;gap:1px}
  .yz-net__match-t{font-size:10.5px}
  .yz-net__match img{height:14px}
}
@media (max-width:480px){
  /* 更小屏：继续等比缩，结构不动 */
  .yz-net__hub{font-size:12px;padding:6px 16px}
  .yz-net__stage{gap:7px;padding:16px 10px 12px;margin-top:-11px}
  .yz-net__arrow img{max-width:96px}
  .yz-net__role{font-size:11px}
  .yz-net__core-box{gap:5px;padding:8px 6px;border-radius:10px}
  .yz-net__node img{max-width:64px}
  .yz-net__node-t{font-size:10.5px}
  .yz-net__match{min-width:26px}
  .yz-net__match-t{font-size:9.5px}
  .yz-net__match img{height:10px}
}

/* CTA 条 */
.cta-band{background:linear-gradient(135deg,#0A4DAA,#0984E3);border-radius:var(--radius);padding:42px 40px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;color:#fff;box-shadow:var(--shadow)}
.cta-band h2{font-size:24px;font-weight:800}
.cta-band p{margin-top:8px;font-size:14.5px;color:rgba(255,255,255,.88);max-width:560px}

/* ---------- 页脚（深蓝，多列） ---------- */
.site-foot{background:var(--yz-navy);color:rgba(255,255,255,.78);padding:52px 0 0;margin-top:0}
.site-foot__grid{max-width:var(--wrap);margin:0 auto;padding:0 28px;display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:34px}
.site-foot__brand .site-brand__tx{color:#fff;font-size:19px}
.site-foot__brand p{font-size:13.5px;margin-top:14px;line-height:1.8;max-width:300px}
.site-foot h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:16px;position:relative;padding-left:12px}
.site-foot h4::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:2px;background:var(--yz-accent)}
.site-foot ul{list-style:none;display:grid;gap:10px}
.site-foot ul a{display:inline-flex;align-items:center;color:rgba(255,255,255,.7);font-size:13.5px;transition:.15s}
.site-foot ul a:hover{color:#ffd591}
.foot-ic{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-right:8px;opacity:.9;vertical-align:middle;flex-shrink:0}
.foot-ic svg{width:100%;height:100%}
.site-foot ul a:hover .foot-ic{opacity:1}
.site-foot__more{margin-top:10px}
.site-foot__more>summary{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.55);font-size:13px;cursor:pointer;list-style:none;transition:.15s;user-select:none}
.site-foot__more>summary::-webkit-details-marker{display:none}
.site-foot__more>summary:hover{color:#ffd591}
.site-foot__more-ar{font-size:11px;transition:transform .2s}
.site-foot__more[open] .site-foot__more-ar{transform:rotate(180deg)}
.site-foot__more[open]>summary{margin-bottom:10px}
.site-foot__contact li{display:flex;gap:9px;font-size:13.5px;align-items:flex-start}
.site-foot__contact svg{width:17px;height:17px;color:#ffd591;flex-shrink:0;margin-top:3px}
.site-foot__bottom{max-width:var(--wrap);margin:38px auto 0;padding:18px 28px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.6)}
.site-foot__bottom a{color:rgba(255,255,255,.7)}
.site-foot__bottom .badges{display:flex;gap:10px;flex-wrap:wrap}
.site-foot__bottom .badges span{border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:4px 10px;font-size:12px}
.todo-flag{outline:1px dashed rgba(255,209,145,.6);outline-offset:2px}

/* ---------- 平台模式页（model.html）专用组件 ---------- */
.hero__list{list-style:none;display:grid;gap:11px;margin-top:18px}
.hero__list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:rgba(255,255,255,.92)}
.hero__list .ok{color:#7CFC9B;font-weight:800;flex-shrink:0}
.hero__list .warn{color:#ffd591;font-weight:800;flex-shrink:0}
/* 白色卡片内的列表需改用深色文字，否则看不清 */
.hero__card .hero__list li{color:var(--yz-text)}
.hero__card .hero__list .ok{color:var(--yz-success)}
.hero__card .hero__list .warn{color:var(--yz-warn)}
.cmp{list-style:none;display:grid;gap:9px;margin-top:12px}
.cmp li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--yz-sub)}
.cmp .ok{color:var(--yz-success);font-weight:800;flex-shrink:0}
.cmp .no{color:var(--yz-danger);font-weight:800;flex-shrink:0}
.muted{color:var(--yz-sub);font-size:13px}
.layer{display:flex;gap:16px;align-items:flex-start}
.layer__no{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--yz-deep),var(--yz-primary));color:#fff;font-weight:800;font-size:16px}
.layer h3{margin-bottom:6px}
.layer--note .layer__no{background:linear-gradient(135deg,#fff1e6,#ffe2cc);color:var(--yz-accent)}
.layer--note{background:var(--yz-bg2)}
.note{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--yz-line);
  border-left:4px solid var(--yz-accent);border-radius:var(--radius);padding:24px 26px;box-shadow:var(--shadow-sm);max-width:880px;margin:0 auto}
.note__ico{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#fff1e6;color:var(--yz-accent);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.note p{font-size:14.5px;color:var(--yz-sub)}
.note strong{color:var(--yz-deep)}

/* 返回顶部 */
.to-top{position:fixed;right:26px;bottom:26px;width:46px;height:46px;border-radius:12px;
  background:linear-gradient(135deg,var(--yz-deep),var(--yz-primary));color:#fff;border:0;cursor:pointer;
  display:none;align-items:center;justify-content:center;box-shadow:var(--shadow);z-index:60}
.to-top svg{width:22px;height:22px}
.to-top.show{display:flex}

/* 移动端抽屉 */
.drawer-mask{position:fixed;inset:0;background:rgba(10,37,64,.5);z-index:59;display:none}
.drawer-mask.show{display:block}
.drawer{position:fixed;top:0;right:0;height:100%;width:78%;max-width:360px;background:#fff;z-index:60;
  transform:translateX(100%);transition:.25s;padding:26px;overflow-y:auto}
.drawer.show{transform:translateX(0)}
.drawer .site-nav{display:flex;flex-direction:column;gap:6px;overflow:visible}
.drawer .site-nav .nav-link{padding:14px 16px;border-radius:12px;color:var(--yz-deep);background:var(--yz-bg);font-weight:600;font-size:15.5px}
.drawer .site-nav .nav-link.on{background:#fff;box-shadow:0 4px 14px rgba(0,20,60,.12)}
.drawer .site-nav .nav-ic{width:20px;height:20px;margin-right:9px}
.drawer .site-nav .has-child>.nav-link .nav-caret{transition:transform .18s}
.drawer .site-nav .has-child.open>.nav-link .nav-caret{transform:rotate(180deg)}
.drawer .site-nav .nav-sub{position:static;display:none;box-shadow:none;background:transparent;padding:2px 0 2px 16px;margin:0;min-width:0}
.drawer .site-nav .has-child.open .nav-sub{display:flex}
.drawer .site-nav .sub-item{padding:12px 16px;border-radius:10px;background:var(--yz-bg);color:var(--yz-deep);font-size:15px;font-weight:600}
.drawer .site-nav .sub-item:hover{background:var(--yz-bg2)}
.drawer .site-nav .sub-item.on{background:#fff;color:var(--yz-primary)}

/* 资质分组小标题 */
.subsec-title{font-size:20px;color:var(--yz-deep);font-weight:800;margin:38px 0 18px;padding-left:14px;border-left:4px solid var(--yz-primary)}
.subsec-title:first-of-type{margin-top:0}

/* 资质证书卡片 */
.card--media{padding:0;overflow:hidden;display:flex;flex-direction:column}
.card--media h3,.card--media p{padding:0 22px}
.card--media h3{margin-top:18px;font-size:17px}
.card--media p{margin-bottom:22px;font-size:13.5px;color:var(--yz-sub);line-height:1.7}
.media-frame{background:var(--yz-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--yz-line);padding:16px;max-height:200px}
.media-frame img{max-height:170px;max-width:100%;width:auto;object-fit:contain;background:#fff;border-radius:6px;box-shadow:0 2px 10px rgba(10,37,64,.06)}
.media-placeholder{color:var(--yz-sub);font-size:13px;padding:20px;text-align:center}

/* 商标注册信息卡（无原图时展示真实登记信息） */
.cert-cert{width:100%;height:100%;display:flex;background:#fff;padding:22px}
.cert-cert__seal{flex-shrink:0;width:96px;height:96px;border:3px double var(--yz-accent);border-radius:50%;
  color:var(--yz-accent);display:flex;align-items:center;justify-content:center;text-align:center;
  font-weight:800;font-size:15px;line-height:1.3;letter-spacing:1px;margin-right:18px}
.cert-cert__body h4{margin:0 0 12px;color:var(--yz-deep);font-size:22px;letter-spacing:2px}
.cert-cert__body ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cert-cert__body li{font-size:13px;color:var(--yz-sub);display:flex;gap:8px}
.cert-cert__body li span{flex-shrink:0;width:64px;color:var(--yz-deep);font-weight:700}

/* ---------- 响应式 ---------- */
/* 1200px~1400px 中间宽度：导航项与 CTA 容易拥挤，提前收紧间距与尺寸 */
@media (max-width:1400px){
  .site-top__inner{gap:18px;padding:0 24px}
  .site-top__cta{gap:10px}
  .site-phone{padding:8px 13px;font-size:14px;gap:7px}
  .site-phone svg{width:17px;height:17px}
  .site-login{height:36px;padding:0 18px;font-size:14.5px}
}
@media (max-width:1280px){
  .site-nav .nav-link,.site-nav a{padding:9px 12px;font-size:14px}
  .site-nav .nav-link .nav-ic,.site-nav a .nav-ic{width:16px;height:16px;margin-right:6px}
  .site-nav .has-child>.nav-link .nav-caret{margin-left:3px}
  .site-top__inner{gap:14px;padding:0 20px}
  .site-top__cta{gap:8px}
  .site-phone{padding:8px 10px}
  .site-phone .lbl{display:none}
  .site-login{height:34px;padding:0 15px;font-size:13.5px}
}
@media (max-width:1200px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .promise{grid-template-columns:repeat(2,1fr)}
  .site-foot__grid{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:1200px){
  .hero__grid{grid-template-columns:1fr;gap:34px;padding:56px 28px 64px}
  .hero h1{font-size:34px}
  .split{grid-template-columns:1fr;gap:26px}
  .split--rev .split__media{order:0}
  .grid-3{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr 1fr}
  .site-nav{display:none}
  /* ★ 导航隐藏后中间弹性元素消失，按钮组需自行靠右 */
  .site-top__cta{margin-left:auto}
  .site-burger{display:flex;align-items:center;justify-content:center}
  .site-top__cta .site-phone span.lbl{display:none}
  .site-foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .wrap{padding:0 16px}
  .site-top__inner,.site-foot__grid,.site-foot__bottom{padding-left:16px;padding-right:16px}
  .hero h1{font-size:28px}
  .sec-head h2{font-size:24px}
  .grid-3,.grid-2,.grid-4,.promise,.stats,.steps,.hero__form .row,.photo-grid,.photo-grid--3{grid-template-columns:1fr}
  .cta-band{padding:28px 22px}
  .site-foot__grid{grid-template-columns:1fr}
  /* ★ 小屏头部紧凑化：品牌 + 电话 + 登录 + 汉堡按钮在窄屏不再横向撑破页面
     （此前 header 内容宽约 430px，把整个 body 撑出横向滚动） */
  .site-top__inner{gap:10px;padding-left:12px;padding-right:12px;height:62px}
  .site-brand{gap:8px}
  .site-brand__logo{width:38px;height:38px;border-radius:11px}
  .site-brand__tx{font-size:18px}
  .site-top__cta{gap:8px}
  .site-phone{padding:9px 12px}
  .site-login{height:34px;padding:0 13px;font-size:13.5px}
  .site-burger{width:40px;height:40px}
}
@media (max-width:480px){
  /* 更小屏：电话按钮收进抽屉（抽屉底部已有电话直拨按钮），进一步释放头部宽度 */
  .site-top__cta .site-phone{display:none}
  .site-login{height:32px;padding:0 11px;font-size:13px}
}

/* ============ 顶栏登录态 ============ */
.site-login{
  display:inline-flex;align-items:center;height:38px;padding:0 22px;border-radius:999px;
  background:linear-gradient(135deg,#0984E3,#0A4DAA);color:#fff;font-size:15px;font-weight:600;
  text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px rgba(9,132,227,.34);
}
.site-login:hover{opacity:.94;transform:translateY(-1px)}
.site-account{display:inline-flex;align-items:center;position:relative}
.site-acct{display:inline-flex;align-items:center;gap:9px;cursor:pointer;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.55)}
.site-acct:hover{background:rgba(255,255,255,.85)}
.site-acct__av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0984E3,#0A4DAA);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;overflow:hidden}
.site-acct__av img{width:100%;height:100%;object-fit:cover}
.site-acct__name{font-size:14.5px;color:#0A4DAA;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-acct__menu{position:absolute;top:50px;right:0;min-width:150px;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(23,43,77,.18);padding:7px;z-index:60}
.site-acct__menu a{display:block;padding:11px 16px;border-radius:10px;color:#1f2733;font-size:14.5px;text-decoration:none}
.site-acct__menu a:hover{background:#f2f7ff;color:#0984E3}
.site-drawer-acct{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.site-drawer-acct .site-login{justify-content:center;width:100%;height:42px;font-size:15.5px}

/* ============ 弹窗式注册/登录 ============ */
.site-login-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center}
.site-login-modal[hidden]{display:none!important}
.site-login-modal__mask{position:absolute;inset:0;background:rgba(10,25,45,.52);backdrop-filter:blur(2px)}
.site-login-modal__box{position:relative;width:100%;max-width:420px;background:#fff;border-radius:22px;padding:34px 30px;margin:16px;box-shadow:0 24px 70px rgba(10,30,60,.22);animation:siteLoginIn .22s ease-out}
@keyframes siteLoginIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.site-login-modal__close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:0;border-radius:50%;background:var(--yz-bg);color:var(--yz-sub);cursor:pointer;display:flex;align-items:center;justify-content:center}
.site-login-modal__close:hover{background:var(--yz-bg2);color:var(--yz-text)}
.site-login-modal__close svg{width:18px;height:18px}
.site-login-modal__brand{text-align:center;margin-bottom:22px}
.site-login-modal__brand img{width:54px;height:54px;object-fit:contain;margin:0 auto}
.site-login-modal__brand h2{font-size:22px;font-weight:700;color:#1f2733;margin:10px 0 4px}
.site-login-modal__brand p{font-size:13px;color:#8A94A3;margin:0}
.site-login-modal__err{background:#fff1f0;border:1px solid #ffccc7;color:#cf1322;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:14px}
.site-login-modal__row{margin-bottom:16px}
.site-login-modal__row label{display:block;font-size:13px;color:#5a6473;margin-bottom:7px}
.site-login-modal__input{width:100%;height:46px;border:1.5px solid #e3e8ef;border-radius:12px;padding:0 14px;font-size:15px;box-sizing:border-box;outline:none;transition:border-color .2s;background:#fff;color:var(--yz-text)}
.site-login-modal__input:focus{border-color:#0984E3}
.site-login-modal__code{display:flex;gap:10px}
.site-login-modal__code .site-login-modal__input{flex:1}
.site-login-modal__send{flex:none;height:46px;padding:0 16px;border:1.5px solid #0984E3;background:#fff;color:#0984E3;border-radius:12px;font-size:14px;cursor:pointer;white-space:nowrap;font-weight:600}
.site-login-modal__send:disabled{opacity:.55;cursor:not-allowed}
.site-login-modal__btn{width:100%;height:48px;margin-top:4px;border:none;border-radius:12px;background:linear-gradient(135deg,#0984E3,#0A4DAA);color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px rgba(9,132,227,.30)}
.site-login-modal__btn:disabled{opacity:.7;cursor:not-allowed}
.site-login-modal__tip{font-size:12px;color:#8A94A3;line-height:1.6;margin:14px 0 0;text-align:center}
.site-login-modal__tip a{color:#0984E3;text-decoration:underline}
.site-toast{position:fixed;top:90px;left:50%;transform:translateX(-50%) translateY(-12px);background:rgba(16,36,64,.88);color:#fff;padding:11px 22px;border-radius:999px;font-size:14px;font-weight:600;z-index:90;opacity:0;pointer-events:none;transition:.2s}
.site-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ============ 工作台前往提示（登录成功，不自动跳转，确认后新开标签页） ============ */
.site-wb-prompt-mask{position:fixed;inset:0;background:rgba(11,28,54,.42);display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(2px);padding:16px}
.site-wb-prompt-mask[hidden]{display:none!important}
.site-wb-prompt{background:#fff;border-radius:18px;padding:26px 28px;max-width:340px;width:100%;box-shadow:0 20px 60px rgba(10,42,88,.22);text-align:center;animation:wbPop .22s ease}
@keyframes wbPop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.site-wb-prompt__tt{font-size:18px;font-weight:800;color:var(--yz-deep);margin-bottom:8px}
.site-wb-prompt__msg{font-size:14.5px;color:var(--yz-sub);margin-bottom:20px;line-height:1.6}
.site-wb-prompt__btns{display:flex;flex-direction:column;gap:12px}
.site-wb-prompt__go{height:46px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--yz-primary),var(--yz-deep));color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:.18s}
.site-wb-prompt__go:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(10,77,170,.32)}
.site-wb-prompt__stay{height:44px;border:1px solid #e2e8f2;border-radius:12px;background:#fff;color:var(--yz-sub);font-size:14.5px;font-weight:600;cursor:pointer;transition:.18s}
.site-wb-prompt__stay:hover{background:#f4f7fc}
@media (max-width:640px){
  .site-login-modal__box{padding:26px 20px;margin:12px;border-radius:18px}
  .site-login-modal__brand img{width:46px;height:46px}
  .site-login-modal__brand h2{font-size:19px}
}

/* ============ 登录页 ============ */
.yz-login{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:40px 16px;
  background:linear-gradient(160deg,#eaf3ff 0%,#f6f8fb 55%);}
.yz-login__card{width:100%;max-width:420px;background:#fff;border-radius:22px;padding:34px 30px;box-shadow:0 18px 50px rgba(23,43,77,.10)}
.yz-login__brand{text-align:center;margin-bottom:22px}
.yz-login__logo{width:54px;height:54px;object-fit:contain}
.yz-login__brand h1{font-size:22px;font-weight:700;color:#1f2733;margin:10px 0 4px}
.yz-login__sub{font-size:13px;color:#8A94A3;margin:0}
.yz-login__err{background:#fff1f0;border:1px solid #ffccc7;color:#cf1322;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:14px}
.yz-login__row{margin-bottom:16px}
.yz-login__row label{display:block;font-size:13px;color:#5a6473;margin-bottom:7px}
.yz-login__input{width:100%;height:46px;border:1.5px solid #e3e8ef;border-radius:12px;padding:0 14px;font-size:15px;box-sizing:border-box;outline:none;transition:border-color .2s}
.yz-login__input:focus{border-color:#0984E3}
.yz-login__code{display:flex;gap:10px}
.yz-login__code .yz-login__input{flex:1}
.yz-login__send{flex:none;height:46px;padding:0 16px;border:1.5px solid #0984E3;background:#fff;color:#0984E3;border-radius:12px;font-size:14px;cursor:pointer;white-space:nowrap}
.yz-login__send:disabled{opacity:.55;cursor:not-allowed}
.yz-login__btn{width:100%;height:48px;margin-top:4px;border:none;border-radius:12px;background:linear-gradient(135deg,#0984E3,#0A4DAA);color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px rgba(9,132,227,.30)}
.yz-login__btn:disabled{opacity:.7;cursor:not-allowed}
.yz-login__tip{font-size:12px;color:#8A94A3;line-height:1.6;margin:14px 0 0;text-align:center}

/* ============ 个人中心 v2 ============ */
.yz-uc{max-width:1280px;margin:0 auto;padding:26px 24px 64px}

/* -- 头部 Hero -- */
.yz-uc__hero{position:relative;overflow:hidden;border-radius:20px;
  background:linear-gradient(118deg,#0B5CBB 0%,#1283EC 52%,#4BA0F0 100%);
  color:#fff;box-shadow:0 16px 40px rgba(10,90,190,.22)}
.yz-uc__hero-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:30px 36px 34px}
.yz-uc__hero-deco{position:absolute;top:-80px;right:-60px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.10)}
.yz-uc__hero-deco--sm{bottom:-90px;right:200px;top:auto;width:150px;height:150px;background:rgba(255,255,255,.07)}
.yz-uc__setting{position:absolute;z-index:3;right:26px;top:24px;height:32px;display:inline-flex;align-items:center;padding:0 16px;background:rgba(255,255,255,.18);border-radius:999px;font-size:13px;color:#fff;text-decoration:none;transition:.15s}
.yz-uc__setting:hover{background:rgba(255,255,255,.30)}
.yz-uc__profile{position:relative;z-index:3;display:flex;align-items:center;cursor:pointer;min-width:0}
.yz-uc__avatar{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.22);border:3px solid rgba(255,255,255,.85);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.yz-uc__avatar-img{width:100%;height:100%;object-fit:cover}
.yz-uc__avatar-ph{font-size:28px;font-weight:700;color:#fff;line-height:1}
.yz-uc__info{flex:1;min-width:0;margin-left:18px}
.yz-uc__name{font-size:23px;font-weight:700;letter-spacing:.3px}
.yz-uc__sign{margin-top:7px;font-size:13.5px;color:rgba(255,255,255,.88);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.yz-uc__arrow{margin-left:14px;font-size:26px;color:rgba(255,255,255,.8)}
.yz-uc__stats{position:relative;z-index:3;display:flex;gap:12px;flex-shrink:0}
.yz-uc__stat{min-width:96px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);text-align:center;backdrop-filter:blur(3px)}
.yz-uc__stat b{display:block;font-size:24px;font-weight:800;line-height:1.15}
.yz-uc__stat span{display:block;margin-top:3px;font-size:12px;color:rgba(255,255,255,.85)}

/* -- 布局骨架 -- */
.yz-uc__body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:22px;align-items:start}
.yz-uc__card{background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm)}
.yz-uc__card-head{display:flex;align-items:center;margin-bottom:16px}
.yz-uc__bar{width:5px;height:19px;border-radius:3px;background:linear-gradient(180deg,#1283EC,#0B5CBB);margin-right:10px;flex-shrink:0}
.yz-uc__title{flex:1;font-size:17.5px;font-weight:700;color:#17212e}
.yz-uc__more{font-size:13px;color:#9aa4b2;text-decoration:none}

/* -- 状态 tab -- */
.yz-uc__tabs{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}
.yz-uc__tabs::-webkit-scrollbar{display:none}
.yz-uc__tab{flex:none;display:inline-flex;align-items:center;height:34px;padding:0 15px;border-radius:999px;background:#f2f5f9;border:none;font-size:13.5px;color:#5a6473;cursor:pointer;transition:.15s;font-family:inherit;text-decoration:none}
.yz-uc__tab:hover{background:#e8eef5;color:#3a4453}
.yz-uc__tab.on{background:linear-gradient(135deg,#1283EC,#0B5CBB);color:#fff;box-shadow:0 4px 12px rgba(9,110,220,.26)}
.yz-uc__badge{min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:rgba(255,255,255,.28);color:#fff;font-size:11px;line-height:18px;text-align:center;font-style:normal}
.yz-uc__tab:not(.on) .yz-uc__badge{background:#e3e8ef;color:#8A94A3}

/* 订单分页器 */
.yz-uc__pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.yz-uc__pager a,.yz-uc__pager span.on{min-width:34px;padding:7px 12px;border-radius:10px;border:1px solid #e3ecf8;background:#fff;color:#5a6473;font-size:13.5px;font-weight:600;text-decoration:none;text-align:center;transition:.15s}
.yz-uc__pager a:hover{border-color:#1283EC;color:#1283EC}
.yz-uc__pager span.on{background:#1283EC;border-color:#1283EC;color:#fff}
.yz-uc__pager-info{margin-left:6px;color:#9aa4b2;font-size:13px;font-weight:400}

/* -- 订单卡片（.yz-uc 域内，不影响 pricing/hall 的 price-app.css）-- */
.yz-uc .cp-list{display:flex;flex-direction:column;gap:14px}
.yz-uc .cp-order{background:#fff;border:1px solid #edf1f6;border-radius:14px;padding:16px 18px 14px;transition:.18s}
.yz-uc .cp-order:hover{border-color:#cfe0f5;box-shadow:0 6px 20px rgba(20,80,160,.08)}
.yz-uc .cp-order__head{display:flex;align-items:center;gap:10px}
.yz-uc .cp-type{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:3px 10px;border-radius:7px;flex:none}
.yz-uc .cp-type--transport{background:#eaf3ff;color:#1274d8}
.yz-uc .cp-type--rescue{background:#fff3e8;color:#e05a00}
.yz-uc .cp-type--fixed{background:#e9f9ef;color:#0f9d6a}
.yz-uc .cp-no{font-size:12px;color:#9aa4b2;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yz-uc .cp-order__side{margin-left:auto;flex:none}
.yz-uc .cp-tag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:3.5px 11px;border-radius:999px;white-space:nowrap}
.yz-uc .t-blue{background:#eaf3ff;color:#1274d8}
.yz-uc .t-purple{background:#f0ecff;color:#7c5cff}
.yz-uc .t-moving{background:#e8f1ff;color:#1274d8}
.yz-uc .t-moving::before{content:'';width:6px;height:6px;border-radius:50%;background:#1274d8;margin-right:5px;animation:yzPulse 1.2s ease-in-out infinite}
.yz-uc .t-green{background:#e9f9ef;color:#0f9d6a}
.yz-uc .t-gray{background:#f1f3f6;color:#8A94A3}
@keyframes yzPulse{0%,100%{opacity:1}50%{opacity:.3}}

/* 路线行 */
.yz-uc .cp-route{display:flex;align-items:stretch;margin:13px 0 2px;padding:12px 16px;background:#f7fafd;border-radius:12px}
.yz-uc .cp-leg{display:flex;align-items:flex-start;gap:9px;flex:1;min-width:0}
.yz-uc .cp-dot{width:9px;height:9px;border-radius:50%;background:#c9d4e0;margin-top:6px;flex:none}
.yz-uc .cp-dot--s{background:#1283EC;box-shadow:0 0 0 3px rgba(18,131,236,.15)}
.yz-uc .cp-dot--e{background:#f06100;box-shadow:0 0 0 3px rgba(240,97,0,.12)}
.yz-uc .cp-leg__tx{min-width:0;display:flex;flex-direction:column}
.yz-uc .cp-city{font-size:15px;font-weight:700;color:#17212e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yz-uc .cp-addr{font-size:12px;color:#8A94A3;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yz-uc .cp-route__mid{flex:none;width:60px;position:relative;align-self:center;height:14px}
.yz-uc .cp-route__dash{position:absolute;left:0;right:8px;top:50%;border-top:2px dashed #c9d6e4}
.yz-uc .cp-route__dash+.cp-route__dash{display:none}
.yz-uc .cp-route__mid::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);border-left:6px solid #c9d6e4;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}

/* 运输流程（贯穿进度线：step::after 拉伸填满，形成一条连续线） */
.yz-uc .cp-flow{display:flex;align-items:center;margin:14px 2px 0;overflow-x:auto;scrollbar-width:none}
.yz-uc .cp-flow::-webkit-scrollbar{display:none}
.yz-uc .cp-flow__step{display:flex;align-items:center;flex:1 1 auto;min-width:0}
.yz-uc .cp-flow__step:last-child{flex:0 0 auto}
.yz-uc .cp-flow__dot{width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #d5dde6;box-sizing:border-box;flex:none;transition:.15s}
.yz-uc .cp-flow__step--done .cp-flow__dot{background:#1283EC;border-color:#1283EC;box-shadow:0 0 0 3px rgba(18,131,236,.12)}
.yz-uc .cp-flow__step--cur .cp-flow__dot{background:#1283EC;border-color:#1283EC;box-shadow:0 0 0 4px rgba(18,131,236,.22);animation:yzPulse 1.4s ease-in-out infinite}
.yz-uc .cp-flow__label{font-size:12px;color:#9aa4b2;margin:0 10px 0 7px;white-space:nowrap}
.yz-uc .cp-flow__step--done .cp-flow__label{color:#2a3644;font-weight:600}
.yz-uc .cp-flow__step--cur .cp-flow__label{color:#1274d8;font-weight:700}
.yz-uc .cp-flow__step:not(:last-child)::after{content:'';flex:1 1 18px;min-width:18px;height:2px;border-radius:1px;background:#e6ebf1;margin-right:10px}
.yz-uc .cp-flow__step--done:not(:last-child)::after{background:linear-gradient(90deg,#5aa9f2,#a8d0f7)}
.yz-uc .cp-flow__step--cur:not(:last-child)::after{background:#e6ebf1}

/* 待接单占位提示条 */
.yz-uc .cp-flow-hint{margin:14px 0 2px;padding:9px 14px;border-radius:10px;background:#f5f9fe;border:1px dashed #cfe0f5;color:#5a7ba6;font-size:12.5px;text-align:center}

/* 信息 chips */
.yz-uc .cp-meta{margin-top:13px;display:flex;flex-direction:column;gap:8px}
.yz-uc .cp-meta__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.yz-uc .cp-veh{display:inline-flex;align-items:center;max-width:100%;padding:4px 11px;border-radius:8px;background:#f4f6f9;border:1px solid #edf1f6}
.yz-uc .cp-veh__model{font-size:12.5px;font-weight:600;color:#2a3644;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yz-uc .cp-chip{display:inline-flex;align-items:center;max-width:100%;font-size:12px;padding:4px 10px;border-radius:8px;background:#f4f6f9;color:#5a6473;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yz-uc .cp-chip--hl{background:#fff3e8;color:#e05a00;font-weight:600}
.yz-uc .cp-chip--acc{background:#eaf3ff;color:#1274d8}
.yz-uc .cp-chip--green{background:#e9f9ef;color:#0f9d6a}
.yz-uc .cp-chip--dist{background:#f0ecff;color:#7c5cff}
.yz-uc a.cp-chip{text-decoration:none}

/* 底部价格与操作 */
.yz-uc .cp-order__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px dashed #e9eef4;flex-wrap:wrap}
.yz-uc .cp-order__price{display:flex;align-items:baseline}
.yz-uc .cp-order__price .lbl{font-size:12px;color:#8A94A3;margin-right:7px}
.yz-uc .cp-order__price .cur{color:#f06100;font-size:13px;font-weight:700;margin-right:1px}
.yz-uc .cp-order__price b{color:#f06100;font-size:21px;font-weight:800;letter-spacing:.3px}
.yz-uc .cp-order__actions{display:flex;gap:8px;flex-wrap:wrap}
.yz-uc .cp-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 15px;border-radius:9px;border:none;background:linear-gradient(135deg,#1283EC,#0B5CBB);color:#fff;font-size:13px;cursor:pointer;transition:.15s;text-decoration:none;font-family:inherit}
.yz-uc .cp-btn:hover{opacity:.9}
.yz-uc .cp-btn--sm{height:32px}
.yz-uc .cp-btn--ghost{background:#f2f5f9;color:#5a6473}
.yz-uc .cp-btn--ghost:hover{background:#e8eef5;opacity:1}
.yz-uc .cp-btn--danger{background:#fef0ef;color:#d54941}
.yz-uc .cp-btn--danger:hover{background:#fde3e1;opacity:1}

/* 空态 / 提示 */
.yz-uc__empty{text-align:center;color:#9aa4b2;font-size:14px;padding:56px 0}
.yz-uc__empty a{color:#1283EC;font-weight:600}
.yz-uc__ok{background:#e9f9ef;color:#0f9d6a;border:1px solid #cdeeda;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:14px}

/* 侧栏菜单 */
.yz-uc__menu-list{display:flex;flex-direction:column;gap:2px}
.yz-uc__menu-item{display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:11px;text-decoration:none;color:#414c5c;font-size:14px;transition:.15s}
.yz-uc__menu-item:hover{background:#f2f7fd;color:#1274d8}
.yz-uc__menu-ic{width:34px;height:34px;border-radius:10px;background:#eef4fb;display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.yz-uc__menu-item::after{content:'›';margin-left:auto;color:#c3ccd7;font-size:17px;line-height:1}
.yz-uc__menu-item:hover::after{color:#1274d8}
.yz-uc__menu-item--danger{color:#d54941}
.yz-uc__menu-item--danger .yz-uc__menu-ic{background:#fef0ef}
.yz-uc__menu-item--danger::after{color:#eec3c0}

/* 侧栏容器（常用功能 + 客服卡） */
.yz-uc__aside{display:flex;flex-direction:column;gap:16px;min-width:0}

/* 侧栏客服卡 */
.yz-uc__side-card{margin-top:0}
.yz-uc__side-tip{font-size:13px;color:#5a6473;line-height:1.7;margin:0 0 12px}
.yz-uc__side-tel{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:11px;background:linear-gradient(135deg,#1283EC,#0B5CBB);color:#fff;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px rgba(9,110,220,.25);transition:.15s}
.yz-uc__side-tel:hover{opacity:.92}
.yz-uc__side-time{margin:10px 0 0;text-align:center;font-size:12px;color:#9aa4b2}

.yz-uc__tip{text-align:center;font-size:13px;color:#b6bdc8;margin-top:26px}

/* 弹层：节点动态时间线 / 保单预览（此前无样式） */
.yz-timeline{max-height:52vh;overflow-y:auto;padding:2px 4px 2px 12px}
.yz-tl-item{position:relative;padding:0 0 16px 18px;border-left:2px solid #e6ebf1}
.yz-tl-item:last-child{border-left-color:transparent;padding-bottom:2px}
.yz-tl-item::before{content:'';position:absolute;left:-6px;top:2px;width:8px;height:8px;border-radius:50%;background:#1283EC;box-shadow:0 0 0 3px rgba(18,131,236,.14)}
.yz-tl-item .t{font-size:14px;font-weight:600;color:#17212e}
.yz-tl-item .d{font-size:12px;color:#8A94A3;margin-top:3px}
.yz-tl-item .m{font-size:13px;color:#5a6473;margin-top:5px;line-height:1.6}
.yz-tl-item .w{font-size:12px;color:#8A94A3;margin-top:5px}
.yz-tl-item .w a{color:#1283EC}
.yz-tl-item img{width:100%;max-width:280px;border-radius:9px;margin-top:8px;display:block;cursor:zoom-in}
.yz-tl-empty{font-size:13px;color:#8A94A3;text-align:center;padding:26px 0;white-space:pre-line;line-height:1.7}
.yz-pol-iframe{width:100%;height:60vh;border:none;border-radius:10px;background:#f7fafd}

.yz-uc__btn{height:36px;padding:0 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#1283EC,#0B5CBB);color:#fff;font-size:14px;cursor:pointer;transition:.15s;font-family:inherit}
.yz-uc__btn:hover{opacity:.92}
.yz-uc__btn--ghost{background:#f2f5f9;color:#5a6473}
.yz-uc__btn--danger{background:#fef0ef;color:#d54941}

@media (max-width:1100px){
  .yz-uc__body{grid-template-columns:1fr}
  .yz-uc{padding:20px 16px 44px}
  .yz-uc__hero-inner{padding:24px 20px 26px;flex-wrap:wrap;gap:18px}
  .yz-uc__setting{right:18px;top:20px}
  .yz-uc__card{padding:18px 16px}
  .yz-uc__stats{width:100%;padding-left:94px;box-sizing:border-box}
  .yz-uc__stat{flex:1;min-width:0;padding:10px 8px}
}
@media (max-width:640px){
  .yz-uc__stats{padding-left:0;gap:8px}
  .yz-uc__stat b{font-size:19px}
  .yz-uc__name{font-size:19px}
  .yz-uc .cp-order{padding:14px}
  .yz-uc__menu-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  .yz-uc__menu-item{flex-direction:column;justify-content:center;padding:14px 6px;gap:8px;text-align:center;font-size:13px}
  .yz-uc__menu-item::after{display:none}
  .yz-uc__menu-ic{font-size:20px}
}

/* ============ 订单详情 / 资料表单 ============ */
.yz-detail__back{display:inline-block;margin:14px 0 4px;color:#0984E3;font-size:14px;text-decoration:none}
.yz-detail__list{margin:0}
.yz-detail__list>div{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid #f2f4f7}
.yz-detail__list dt{flex:none;width:84px;color:#8A94A3;font-size:14px;margin:0}
.yz-detail__list dd{flex:1;margin:0;color:#1f2733;font-size:14px}
.yz-form label{display:block;font-size:13px;color:#5a6473;margin:14px 0 7px}
.yz-form .yz-login__input{height:44px}
.yz-form textarea.yz-login__input{height:auto;min-height:84px;padding:12px 14px;resize:vertical;font-family:inherit}
.yz-form .yz-login__btn{margin-top:18px}

/* ============ 官网城市选择器（与承运商工作台同款） ============ */
.yc-citypick{position:relative}
.yc-city-sel{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--yz-line);border-radius:9px;padding:10px 12px;font-size:14px;color:var(--yz-text);background:#fff;outline:none;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}
.yc-city-sel:hover,.yc-city-sel:focus{border-color:var(--yz-primary);box-shadow:0 0 0 3px rgba(9,132,227,.10)}
.yc-city-sel__tx{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.yc-city-sel__tx.ph{color:#b3bdc9;font-weight:400}
.yc-city-sel__arr{width:16px;height:16px;color:#9aabc0;flex-shrink:0;transition:transform .2s}
.yc-city-sel:hover .yc-city-sel__arr{color:var(--yz-primary)}
/* 弹层 */
#yc-city-picker{position:relative;z-index:80}
.yc-cp-mask{position:fixed;inset:0;background:rgba(15,30,50,.48);display:flex;align-items:flex-start;justify-content:center;z-index:80;padding:7vh 16px 4vh;overflow:auto}
.yc-cp{background:#fff;border-radius:16px;width:780px;max-width:100%;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(10,40,90,.28);animation:yc-cp-in .18s ease}
@keyframes yc-cp-in{from{opacity:0;transform:translateY(-14px)}to{opacity:1}}
.yc-cp__hd{display:flex;align-items:baseline;gap:10px;padding:18px 22px 12px;border-bottom:1px solid #eef2f7;flex-wrap:wrap}
.yc-cp__hd h3{font-size:17px;font-weight:800;color:var(--yz-deep)}
.yc-cp__hd-sub{font-size:11.5px;color:#a2adb9}
.yc-cp__x{margin-left:auto;border:0;background:#f1f4f8;color:#5a6a7c;width:28px;height:28px;border-radius:8px;font-size:17px;line-height:1;cursor:pointer;flex-shrink:0}
.yc-cp__x:hover{background:#e7edf4;color:#1b2c42}
.yc-cp__search{display:flex;align-items:center;gap:8px;margin:14px 22px 4px;padding:0 6px 0 12px;border:1px solid var(--yz-line);border-radius:999px;height:42px;background:#f7f9fc;transition:border-color .15s,box-shadow .15s}
.yc-cp__search:focus-within{border-color:var(--yz-primary);box-shadow:0 0 0 3px rgba(9,132,227,.10);background:#fff}
.yc-cp__search svg{width:17px;height:17px;color:#8b98a8;flex-shrink:0}
.yc-cp__search input{flex:1;border:0;outline:0;background:transparent;font-size:14px;color:var(--yz-text);min-width:0}
.yc-cp__search input::placeholder{color:#adb8c4}
.yc-cp__clear{border:0;background:transparent;color:var(--yz-primary);font-size:12.5px;cursor:pointer;padding:6px 8px;white-space:nowrap}
.yc-cp__body{flex:1;min-height:340px;max-height:62vh;overflow:auto;padding:8px 22px 20px}
.yc-cp__cols{display:grid;grid-template-columns:150px 1fr;gap:18px;min-height:340px}
.yc-cp__prov{border-right:1px dashed #e6ebf1;padding:8px 10px 12px 0;max-height:56vh;overflow:auto;align-content:start}
.yc-cp__prov-it{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;border-radius:9px;padding:8px 11px;font-size:13.5px;color:#5a6a7c;cursor:pointer;text-align:left;font-family:inherit;margin-bottom:2px}
.yc-cp__prov-it:hover{background:#f0f6fd;color:var(--yz-primary)}
.yc-cp__prov-it.on{background:#e8f1ff;color:var(--yz-deep);font-weight:700}
.yc-cp__prov-it .ico{width:16px;text-align:center;font-size:12.5px;color:#8fa6bf;flex-shrink:0}
.yc-cp__prov-it.on .ico{color:var(--yz-primary)}
.yc-cp__prov-it--dir{color:#33465c}
.yc-cp__city{min-width:0;padding:8px 0 0}
.yc-cp__sec{display:flex;align-items:center;font-size:12.5px;font-weight:700;color:#5a6a7c;margin-bottom:12px;gap:6px}
.yc-cp__sec::before{content:"";width:3px;height:12px;border-radius:2px;background:linear-gradient(180deg,var(--yz-primary),#7cb9f5)}
.yc-cp__grid{display:flex;flex-wrap:wrap;gap:9px}
.yc-cp__chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4eaf1;background:#fbfcfe;border-radius:9px;padding:7px 13px;font-size:13.5px;color:#33465c;cursor:pointer;font-family:inherit;transition:all .13s;white-space:nowrap}
.yc-cp__chip:hover{border-color:var(--yz-primary);color:var(--yz-primary);background:#f0f7fe}
.yc-cp__chip.picked{border-color:var(--yz-primary);background:var(--yz-primary);color:#fff;font-weight:700;box-shadow:0 3px 10px rgba(9,132,227,.28)}
.yc-cp__hint{font-size:12px;color:#b3bdc9;margin-top:18px;line-height:1.8;background:#f8fafc;border:1px dashed #e4eaf1;border-radius:10px;padding:11px 14px}
.yc-cp__direct{font-size:13.5px;color:#5a6a7c;line-height:2}
.yc-cp__direct b{color:#33465c}
.yc-cp__direct .yc-cp__chip{margin-top:10px;font-size:15px;padding:10px 22px}
.yc-cp__none{color:#5a6a7c;font-size:14px;padding:40px 10px;text-align:center;line-height:2}
.yc-cp__none span{color:#adb8c4;font-size:12.5px}
.yc-cp__res{min-height:320px}
@media (max-width:680px){
  .yc-cp__cols{grid-template-columns:110px 1fr;gap:12px}
  .yc-cp__prov{padding-right:6px}
  .yc-cp__body{padding:8px 16px 16px}
}

/* ============ 评价弹层 ============ */
.yz-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center}
.yz-modal[hidden]{display:none}
.yz-modal__mask{position:absolute;inset:0;background:rgba(15,23,42,.45)}
.yz-modal__box{position:relative;width:100%;max-width:380px;background:#fff;border-radius:18px;padding:22px;margin:0 16px}
.yz-modal__box h3{margin:0 0 14px;font-size:17px;color:#1f2733}
.yz-rate__row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:14px;color:#5a6473}
.yz-rate__stars{cursor:pointer;font-size:20px;color:#d8dee6;letter-spacing:2px}
.yz-rate__stars i{font-style:normal}
.yz-rate__stars i.on{color:#ffb400}
.yz-modal__box textarea{width:100%;min-height:70px;border:1.5px solid #e3e8ef;border-radius:12px;padding:10px 12px;margin-top:12px;font-family:inherit;font-size:14px;box-sizing:border-box;resize:vertical}
.yz-modal__act{display:flex;gap:10px;margin-top:14px}
.yz-modal__act .yz-uc__btn{flex:1}

/* ============ 官网车型选择器 ============ */
.yc-car-sel{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--yz-line);border-radius:9px;padding:10px 12px;font-size:14px;color:var(--yz-text);background:#fff;outline:none;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}
.yc-car-sel:hover,.yc-car-sel:focus{border-color:var(--yz-primary);box-shadow:0 0 0 3px rgba(9,132,227,.10)}
.yc-car-sel__tx{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.yc-car-sel__tx.ph{color:#b3bdc9;font-weight:400}
.yc-car-sel__arr{width:16px;height:16px;color:#9aabc0;flex-shrink:0;transition:transform .2s}
.yc-car-sel:hover .yc-car-sel__arr{color:var(--yz-primary)}
#yc-car-picker{position:relative;z-index:80}
.yc-cp__cols--car{grid-template-columns:190px 1fr;gap:18px}
.yc-cp__cols--car .yc-cp__prov{border-right:1px dashed #e6ebf1;padding:8px 10px 12px 0;max-height:56vh;overflow:auto;align-content:start}
.yc-cp__count{font-size:11px;color:#9aabc0;margin-left:auto;background:#f1f4f8;border-radius:999px;padding:1px 7px}
.yc-cp__prov-it.on .yc-cp__count{background:#cfe4ff;color:var(--yz-deep)}
.yc-cp__brand-head{display:flex;align-items:center;gap:10px;margin:-2px 0 14px}
.yc-cp__brand-head img{width:42px;height:42px;object-fit:contain;border-radius:8px;background:#f6f7f9}
.yc-cp__brand-head span{font-size:16px;font-weight:800;color:var(--yz-deep)}
.yc-cp__chip small{font-size:11px;color:#8b98a8;margin-left:6px;font-weight:400}
.yc-cp__chip.picked small{color:rgba(255,255,255,.85)}
@media (max-width:680px){
  .yc-cp__cols--car{grid-template-columns:130px 1fr;gap:12px}
  .yc-cp__cols--car .yc-cp__prov{padding-right:6px}
  .yc-cp__brand-head img{width:34px;height:34px}
}

/* ============ 退出登录 Loading 遮罩 ============ */
.yz-logout-loading{position:fixed;inset:0;background:rgba(10,77,170,.55);z-index:100;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}
.yz-logout-loading__box{background:#fff;border-radius:18px;padding:28px 38px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.yz-logout-loading__spin{width:36px;height:36px;border:3px solid #e6f1ff;border-top-color:var(--yz-primary);border-radius:50%;animation:yz-spin .9s linear infinite;margin:0 auto 12px}
@keyframes yz-spin{to{transform:rotate(360deg)}}
.yz-logout-loading__txt{color:var(--yz-text);font-size:15px;font-weight:500}

/* ===== 官方事实库 / 数据方法论 专用 ===== */
.yz-fact{margin:0 0 26px;background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:22px 24px;box-shadow:0 6px 22px rgba(16,60,120,.05)}
.yz-fact__t{font-size:18px;font-weight:700;color:var(--yz-deep);margin:0 0 14px;padding-left:12px;position:relative}
.yz-fact__t::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:3px;background:linear-gradient(180deg,var(--yz-primary),var(--yz-deep))}
.yz-fact__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 26px}
.yz-fact__it{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:#f7faff;border-radius:10px;border:1px solid #eaf1fb}
.yz-fact__it .k{font-size:12.5px;color:var(--yz-sub)}
.yz-fact__it .v{font-size:14.5px;color:var(--yz-text);font-weight:600;line-height:1.5}
.yz-fact__hint{margin:14px 2px 0;font-size:13px;color:var(--yz-sub);line-height:1.7}
.yz-fact__hint a{color:var(--yz-primary);text-decoration:none}
.yz-fact__hint a:hover{text-decoration:underline}
.yz-fact__links{display:flex;flex-wrap:wrap;gap:10px}
.yz-fact--last{margin-bottom:0}
.yz-def{margin:0 0 22px;background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:20px 24px;box-shadow:0 6px 22px rgba(16,60,120,.05)}
.yz-def__t{font-size:17px;font-weight:700;color:var(--yz-deep);margin:0 0 12px}
.yz-def__row{display:grid;grid-template-columns:160px 1fr;gap:10px 18px;align-items:start}
.yz-def__row dt{font-weight:700;color:var(--yz-primary);font-size:14.5px}
.yz-def__row dd{margin:0;color:var(--yz-text);font-size:14px;line-height:1.7}
.yz-def__note{margin:14px 0 0;padding:12px 16px;border-left:3px solid var(--yz-primary);background:rgba(9,132,227,.06);border-radius:10px;font-size:14px;line-height:1.75;color:var(--yz-text)}
.yz-step{margin:0 0 22px;background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:20px 24px;box-shadow:0 6px 22px rgba(16,60,120,.05)}
.yz-step__t{font-size:17px;font-weight:700;color:var(--yz-deep);margin:0 0 10px}
.yz-step p{margin:0;color:var(--yz-text);font-size:14px;line-height:1.8}
.yz-step code{background:#eef4ff;color:var(--yz-deep);padding:1px 6px;border-radius:5px;font-size:13px}
.yz-callout{margin:0 0 22px;background:linear-gradient(180deg,#eef5ff,#f7faff);border:1px solid #d8e6ff;border-left:4px solid var(--yz-primary);border-radius:12px;padding:16px 20px;color:var(--yz-text);font-size:14px;line-height:1.8}
.yz-callout b{color:var(--yz-deep)}
@media (max-width:760px){.yz-fact__grid{grid-template-columns:1fr}.yz-def__row{grid-template-columns:1fr;gap:2px 0}.yz-def__row dt{margin-top:6px}}

/* ===== 真实托运案例中心（case.php / cases.html 列表） ===== */
.case-info{padding:22px 26px}
.case-dl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 22px;margin:0}
.case-dl > div{background:#f7faff;border:1px solid #eaf1fb;border-radius:12px;padding:14px 16px}
.case-dl dt{font-size:13px;color:var(--yz-sub);margin:0 0 6px;font-weight:600}
.case-dl dd{margin:0;font-size:19px;font-weight:800;color:var(--yz-deep);line-height:1.3}
.case-reason{margin-top:20px;padding-top:18px;border-top:1px dashed #e3ebf6}
.case-reason .eyebrow{display:block;margin-bottom:6px}
.case-reason p{margin:0;color:var(--yz-text);font-size:15px;line-height:1.8}
.case-stages{display:grid;gap:26px}
.case-stage h3{font-size:17px;color:var(--yz-deep);margin:0 0 12px;padding-left:12px;border-left:4px solid var(--yz-primary)}
.case-stage__empty{color:var(--yz-sub);font-size:14px;background:#f4f7fb;border:1px dashed #dde6f0;border-radius:10px;padding:22px;text-align:center}
.case-handover{padding:20px 24px}
.case-handover p{margin:0 0 14px;color:var(--yz-text);font-size:15px}
.review--case{max-width:640px}
@media (max-width:760px){.case-dl{grid-template-columns:repeat(2,1fr)}.case-dl dd{font-size:17px}}

/* 案例列表卡片（cases.html JS 渲染） */
.case-card{display:flex;flex-direction:column;gap:12px}
.case-card__route{font-size:19px;font-weight:800;color:var(--yz-deep);margin:0}
.case-card__row{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--yz-text);font-size:14px}
.case-card__row b{color:var(--yz-primary)}
.case-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.case-card__more{color:var(--yz-primary);font-weight:700;font-size:14px;text-decoration:none}
.case-card__more:hover{text-decoration:underline}
.case-card__cover{width:100%;height:170px;object-fit:cover;border-radius:12px;background:#eef2f7}
.cases-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}
.cases-toolbar .cases-count{color:var(--yz-sub);font-size:14px;margin-left:auto}

/* ===== cases.html 用户评价板块增强 ===== */
.reviews-stats{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius);padding:20px 26px;margin:30px 0 22px;box-shadow:var(--shadow-sm)}
.rs-score{display:flex;align-items:baseline;gap:6px}
.rs-num{font-size:34px;font-weight:800;color:var(--yz-deep);line-height:1}
.rs-max{font-size:15px;color:var(--yz-sub);font-weight:600}
.rs-stars{color:var(--yz-warn);font-size:18px;letter-spacing:2px;margin-left:4px}
.rs-meta{font-size:14.5px;color:var(--yz-sub)}
.rs-meta b{color:var(--yz-primary);font-size:18px;margin:0 2px}

.reviews-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.rf-tab{border:1px solid var(--yz-line);background:#fff;color:var(--yz-sub);font-size:14px;font-weight:600;padding:9px 18px;border-radius:999px;cursor:pointer;transition:.18s;font-family:inherit}
.rf-tab:hover{border-color:var(--yz-primary);color:var(--yz-primary)}
.rf-tab.is-active{background:linear-gradient(135deg,var(--yz-deep),var(--yz-primary));border-color:transparent;color:#fff;box-shadow:var(--shadow-sm)}

.review-group{margin-bottom:34px}
.review-group__title{font-size:20px;font-weight:800;color:var(--yz-deep);margin:0 0 16px;padding-left:13px;border-left:4px solid var(--yz-primary)}
.review-card{background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;height:100%;transition:.2s}
.review-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.review-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.review-card__star{color:var(--yz-warn);font-size:15px;letter-spacing:2px}
.review-card__role{font-size:13px;font-weight:700;color:var(--yz-primary);background:var(--yz-bg2);padding:4px 10px;border-radius:8px}
.review-card__tags{display:flex;flex-wrap:wrap;gap:7px}
.review-card__tags .tag{font-size:12px;color:var(--yz-sub);background:var(--yz-bg);border:1px solid var(--yz-line);padding:3px 9px;border-radius:7px}
.review-card__txt{font-size:14px;color:var(--yz-text);line-height:1.75;margin:0;flex:1}
.review-card__reply{background:#fbfdff;border:1px solid #d8e9fb;border-radius:10px;padding:11px 13px;font-size:13px;color:var(--yz-text);line-height:1.7}
.review-card__reply b{color:var(--yz-primary)}
.review-card.is-neutral{border-color:#ffe2c2}
.review-card__foot{margin-top:auto}
.review-card__case{display:inline-block;color:var(--yz-primary);font-weight:700;font-size:13.5px}
.review-card__case:hover{text-decoration:underline}
.reviews-pager{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.pg-btn{border:1px solid var(--yz-line);background:#fff;color:var(--yz-primary);font-size:14px;font-weight:600;padding:9px 20px;border-radius:10px;cursor:pointer;transition:.18s;font-family:inherit}
.pg-btn:hover:not(:disabled){border-color:var(--yz-primary);box-shadow:var(--shadow-sm)}
.pg-btn:disabled{color:var(--yz-sub);background:var(--yz-bg);cursor:not-allowed;opacity:.65}
.pg-info{font-size:13.5px;color:var(--yz-sub);font-weight:600}

@media (max-width:560px){
  .reviews-stats{padding:16px 18px;gap:14px}
  .rs-num{font-size:28px}
}

/* ===== 新闻资讯卡片（首页「最新资讯」+ 新闻列表页共用，原列表模板内联样式上移至此统一管理） ===== */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
.news-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:.2s;text-decoration:none;color:inherit}
.news-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.news-card__cover{height:184px;background:linear-gradient(135deg,#0A4DAA,#0984E3);background-size:cover;background-position:center}
.news-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.news-card__body h3{font-size:18px;color:var(--yz-deep);line-height:1.45;margin:0}
.news-card__body p{font-size:14px;color:var(--yz-sub);line-height:1.7;margin:0;flex:1}
.news-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.news-card__date{font-size:13px;color:#9aa6b2}
.news-empty{text-align:center;color:#999;padding:60px 0;grid-column:1/-1}
@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.news-grid{grid-template-columns:1fr}}

/* ===== 新闻文章详情页：两栏布局 / 目录 / 相关阅读 / 互动（点赞·收藏·评论） ===== */
html{scroll-behavior:smooth}
.news-layout{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start}
.article-main{background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius);padding:30px 40px 38px;box-shadow:var(--shadow-sm)}
.article-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--yz-sub);font-size:14px;margin-bottom:18px}
.article-cover{width:100%;height:380px;object-fit:cover;border-radius:var(--radius);margin:6px 0 26px;background:linear-gradient(135deg,#0A4DAA,#0984E3)}
.article-body{font-size:16px;line-height:1.9;color:#2b3640}
.article-body img{max-width:100%;height:auto;border-radius:10px;margin:14px 0}
.article-body h2,.article-body h3{color:var(--yz-deep);margin:26px 0 12px;line-height:1.4;scroll-margin-top:90px}
.article-body h2{font-size:23px;border-left:4px solid var(--yz-primary);padding-left:12px}
.article-body h3{font-size:19px}
.article-body p{margin:14px 0}
.article-body ul,.article-body ol{padding-left:22px;margin:14px 0}
.article-body li{margin:6px 0}
.article-body blockquote{border-left:4px solid var(--yz-primary);background:#f5f9ff;padding:12px 18px;margin:18px 0;border-radius:0 8px 8px 0;color:var(--yz-sub)}
.article-body a{color:var(--yz-primary);text-decoration:underline}

/* 互动条：点赞 / 收藏 / 评论 */
.news-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 10px;padding:14px 0;border-top:1px dashed var(--yz-line);border-bottom:1px dashed var(--yz-line)}
.na-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid var(--yz-line);background:#fff;color:var(--yz-sub);border-radius:999px;font-size:14.5px;font-weight:600;cursor:pointer;transition:.18s;font-family:inherit}
.na-btn svg{width:18px;height:18px}
.na-btn:hover{border-color:var(--yz-primary);color:var(--yz-primary)}
.na-btn .na-count{font-size:13px;color:var(--yz-sub);font-weight:700}
.na-btn[aria-pressed="true"]{background:rgba(9,132,227,.08);border-color:var(--yz-primary);color:var(--yz-primary)}
.na-btn[aria-pressed="true"] svg{fill:var(--yz-primary)}
.na-btn[data-act="fav"][aria-pressed="true"]{color:var(--yz-accent);border-color:var(--yz-accent);background:rgba(240,97,0,.08)}
.na-btn[data-act="fav"][aria-pressed="true"] svg{fill:var(--yz-accent)}

/* 评论区 */
.news-comments{margin-top:26px}
.nc-title{font-size:18px;color:var(--yz-deep);margin:0 0 14px;display:flex;align-items:center;gap:8px}
.nc-form{background:#f7faff;border:1px solid #eaf1fb;border-radius:14px;padding:16px;margin-bottom:20px}
.nc-form__row{margin-bottom:10px}
.nc-input,.nc-textarea{width:100%;border:1px solid #dfe6ef;border-radius:10px;padding:11px 13px;font-size:14.5px;font-family:inherit;box-sizing:border-box;background:#fff;color:var(--yz-text);outline:none;transition:border-color .2s;resize:vertical}
.nc-input:focus,.nc-textarea:focus{border-color:var(--yz-primary)}
.nc-textarea{min-height:84px}
.nc-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.nc-form__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0}
.nc-tip{font-size:13px;color:#cf1322;min-height:18px}
.nc-submit{border:none;border-radius:10px;background:linear-gradient(135deg,#0984E3,#0A4DAA);color:#fff;font-size:14.5px;font-weight:700;padding:10px 22px;cursor:pointer;font-family:inherit;transition:.18s}
.nc-submit:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(9,132,227,.3)}
.nc-submit:disabled{opacity:.6;cursor:not-allowed}
.nc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.nc-item{border:1px solid var(--yz-line);border-radius:12px;padding:13px 16px;background:#fff}
.nc-item__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.nc-item__name{font-size:14.5px;font-weight:700;color:var(--yz-deep)}
.nc-item__time{font-size:12.5px;color:#9aa6b2}
.nc-item__text{font-size:14.5px;line-height:1.7;color:#3a4654;white-space:pre-wrap;word-break:break-word}
.nc-empty{text-align:center;color:#9aa6b2;font-size:14px;padding:18px 0}

/* 评论区登录门禁：未登录（is-locked）隐藏表单/列表/空态，仅显示登录引导 */
.news-comments.is-locked .nc-form,
.news-comments.is-locked .nc-list,
.news-comments.is-locked .nc-empty{display:none}
.nc-gate{display:none}
.news-comments.is-locked .nc-gate{display:flex;flex-direction:column;align-items:center;gap:12px;
  background:#f7faff;border:1px dashed #cfe0f5;border-radius:14px;padding:26px 16px;margin-bottom:20px}
.nc-gate__txt{margin:0;font-size:14.5px;color:#5b6b7b}
.nc-gate__btn{display:inline-block;border:none;border-radius:10px;background:linear-gradient(135deg,#0984E3,#0A4DAA);
  color:#fff;font-size:14.5px;font-weight:700;padding:10px 22px;text-decoration:none;cursor:pointer;transition:.18s}
.nc-gate__btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(9,132,227,.3)}

/* 右侧边栏 */
.article-aside{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.aside-card{background:#fff;border:1px solid var(--yz-line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm)}
.aside-card__title{font-size:15px;font-weight:800;color:var(--yz-deep);margin:0 0 12px;padding-left:12px;position:relative}
.aside-card__title::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:3px;background:linear-gradient(180deg,var(--yz-primary),var(--yz-deep))}
.toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.toc li a{display:block;color:var(--yz-sub);font-size:14px;line-height:1.5;padding:7px 10px;border-radius:8px;text-decoration:none;transition:.15s;border-left:2px solid transparent}
.toc li a:hover{background:#f2f7ff;color:var(--yz-primary);border-left-color:var(--yz-primary)}
.toc .toc-li--h3 a{padding-left:24px;font-size:13px}
.toc li a.active{background:#eaf3ff;color:var(--yz-primary);border-left-color:var(--yz-primary);font-weight:700}
.related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.related-list li a{display:block;color:var(--yz-text);font-size:14.5px;line-height:1.5;text-decoration:none;font-weight:600;transition:.15s}
.related-list li a:hover{color:var(--yz-primary)}
.related-date{display:block;font-size:12.5px;color:#9aa6b2;margin-top:3px;font-weight:400}
.cta-card{background:linear-gradient(135deg,#f5f9ff,#eef4ff)}
.cta-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--yz-deep);font-size:14.5px;font-weight:600;text-decoration:none;transition:.15s}
.cta-link:hover{background:#fff;transform:translateX(2px)}
.cta-ic{font-size:16px}

/* 阅读时长 + 分享条 */
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--yz-sub);font-size:14px;margin-bottom:14px}
.article-meta .chip{margin:0}
.article-meta .read-time{display:inline-flex;align-items:center;gap:5px;color:var(--yz-sub);font-size:13.5px}

/* 署名条：撰稿人 + 发布机构 + 发布/更新时间（GEO 信号） */
.article-byline{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 22px;background:#f6f9ff;border:1px solid #e4edfb;border-radius:12px}
.byline-avatar{width:42px;height:42px;border-radius:10px;object-fit:contain;background:#fff;padding:4px;border:1px solid #e4edfb;flex:none}
.byline-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.byline-line1{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.byline-author{font-size:15px;font-weight:600;color:var(--yz-deep,#0A4DAA)}
.byline-author b{color:var(--yz-deep,#0A4DAA)}
.byline-pub{font-size:13px;color:var(--yz-sub);font-weight:500}
.byline-line2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#8a97a6}
.byline-line2 .read-time{color:#8a97a6}
/* 来源声明（GEO 引用提示） */
.article-source{margin:30px 0 18px;padding:12px 16px;font-size:13.5px;line-height:1.7;color:#8a97a6;background:#fafbfc;border-left:3px solid var(--yz-primary,#338aee);border-radius:0 10px 10px 0}
.article-source b{color:var(--yz-deep,#0A4DAA)}

/* 文章 FAQ 区（GEO：FAQPage 可见问答，与 JSON-LD 对应） */
.news-faq{margin:18px 0 8px;padding:20px 22px;background:#f7faff;border:1px solid #e3edff;border-radius:14px}
.news-faq__title{font-size:19px;color:var(--yz-deep,#0A4DAA);margin:0 0 14px}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{border:1px solid #e3e8ef;border-radius:10px;background:#fff;overflow:hidden}
.faq-item>summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:600;color:var(--yz-deep,#0A4DAA);display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item>summary::after{content:"+";font-size:20px;font-weight:400;color:var(--yz-primary,#338aee);transition:transform .2s}
.faq-item[open]>summary::after{content:"\2212"}
.faq-a{padding:0 16px 14px;font-size:14.5px;line-height:1.8;color:#3a4654}
.news-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:6px 0 4px;padding:12px 0 16px;border-bottom:1px dashed var(--yz-line)}
.news-share__label{font-size:13.5px;color:var(--yz-sub);font-weight:600;margin-right:2px}
.ns-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--yz-line);background:#fff;color:var(--yz-sub);border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer;transition:.18s;font-family:inherit}
.ns-btn svg{width:16px;height:16px}
.ns-btn:hover{border-color:var(--yz-primary);color:var(--yz-primary)}
.ns-btn[data-copied="1"]{border-color:var(--yz-primary);color:var(--yz-primary)}

/* 富相关阅读卡片（封面 + 摘要） */
.related-rich{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.related-rich li a{display:flex;gap:12px;align-items:stretch;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--yz-line);border-radius:12px;overflow:hidden;transition:.18s}
.related-rich li a:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#d8e6f7}
.related-rich__cover{flex:0 0 96px;width:96px;min-height:84px;background-size:cover;background-position:center;background-color:#eef3fb}
.related-rich__body{padding:10px 13px;display:flex;flex-direction:column;gap:5px;min-width:0}
.related-rich__body h4{margin:0;font-size:14.5px;line-height:1.45;color:var(--yz-deep);font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.related-rich__ex{margin:0;font-size:12.5px;line-height:1.5;color:var(--yz-sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.related-rich__date{font-size:12px;color:#9aa6b2}

/* 移动端：边栏堆叠到正文下方 */
@media(max-width:960px){
  .news-layout{grid-template-columns:1fr;gap:22px;max-width:760px}
  .article-aside{position:static;order:2}
  .article-main{order:1}
}
@media(max-width:600px){
  .article-main{padding:22px 18px 28px}
  .article-cover{height:220px}
}



/* ============ 证书/图片灯箱（media-lightbox.js） ============ */
.media-frame img[data-zoomable]{cursor:zoom-in;transition:transform .2s}
.media-frame img[data-zoomable]:hover{transform:scale(1.03)}
.ylb{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;background:rgba(10,22,40,.88);backdrop-filter:blur(4px)}
.ylb.ylb--on{display:flex}
.ylb__img{max-width:min(92vw,980px);max-height:86vh;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.5);background:#fff}
.ylb__img--land{max-width:96vw}
.ylb__cap{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);color:#dfe9f6;font-size:13.5px;background:rgba(255,255,255,.12);padding:8px 18px;border-radius:999px;max-width:80vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ylb__btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.18s;font-family:inherit}
.ylb__btn:hover{background:rgba(255,255,255,.3)}
.ylb__btn--prev{left:22px}
.ylb__btn--next{right:22px}
.ylb__btn--hide{visibility:hidden;pointer-events:none}
.ylb__close{position:absolute;top:18px;right:22px;width:42px;height:42px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.18s}
.ylb__close:hover{background:rgba(255,255,255,.3)}
.ylb__cnt{position:absolute;top:28px;left:26px;color:#cfe0f2;font-size:13.5px;letter-spacing:1px}
@media(max-width:640px){
  .ylb__btn{width:38px;height:38px;font-size:18px}
  .ylb__btn--prev{left:8px}
  .ylb__btn--next{right:8px}
  .ylb__img{max-width:96vw;max-height:78vh}
}

/* ============================================================
 * 长文页通用 section 排版（carrier-rules / carrier-guide / consign-guide / driver-app）
 * 此前这些页面使用了 .section/.section__t/.section__lead/.note__ic 等类但无任何定义，
 * 导致章节标题裸奔、FAQ 居中与标题左对齐错位、按钮/CTA 排版散架。
 * ============================================================ */
.page{display:block}
.section{padding:54px 0}
.section__t{font-size:26px;font-weight:800;color:var(--yz-text);margin:58px 0 10px;letter-spacing:.3px}
.section__t:first-child{margin-top:0}
.section__lead{color:var(--yz-sub);font-size:14.5px;line-height:1.7;margin:0 0 26px}
@media (max-width:760px){
  .section__t{margin-top:44px;font-size:22px}
  .section__lead{margin-bottom:20px}
}
.note__ic{flex:0 0 auto;width:22px;height:22px;color:var(--yz-accent);margin-top:3px}
.note__ic svg{width:22px;height:22px;display:block}
.btn--lg{padding:13px 26px;font-size:15px;border-radius:12px}
.cta-band__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
/* FAQ 与章节标题左对齐（默认 .faq 居中 880px 是给独立区块用的） */
.section .faq{max-width:none;margin:0}

/* ============================================================
 * 个人中心 · 头像上传（yzImgUploader 组件，移植自 consult/assets/img-uploader.js）
 * 圆形成卡片为头像选择器；裁剪弹层为 .yz-crop-modal（不依赖 Bootstrap）
 * ============================================================ */
.yz-av{display:flex;align-items:center;gap:20px;margin-bottom:18px;flex-wrap:wrap}
.yz-av__side{display:flex;flex-direction:column;gap:8px;min-width:0}
.yz-av__tip{font-size:12.5px;color:#8A94A3;margin:0;line-height:1.5}
.yz-av__status{font-size:13px;color:#0f9d6a;margin:0;min-height:18px;font-weight:600}
.yz-av__status:empty{display:none}

/* 缩略图上传组件卡片 */
.yz-iup{display:inline-block}
.yz-iup-card{position:relative;width:110px;height:110px;border-radius:14px;cursor:pointer;
  border:1.5px dashed #c5d2e4;background:#f8fafd;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.yz-iup-card:hover{border-color:var(--yz-primary,#0A4DAA);background:#f0f7ff;box-shadow:0 2px 10px rgba(10,77,170,.10)}
.yz-iup-plus{font-size:26px;line-height:1;color:#9db1c9;font-weight:300}
.yz-iup-txt{font-size:11px;color:#9db1c9;margin-top:5px;text-align:center;padding:0 6px;line-height:1.4}
.yz-iup-img{width:100%;height:100%;object-fit:cover;background:#fff}
.yz-iup-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(15,32,60,.45);color:#fff;font-size:12px;font-weight:600;opacity:0;transition:opacity .15s ease}
.yz-iup-card.has-img:hover .yz-iup-mask{opacity:1}
.yz-iup-loading .yz-iup-card{pointer-events:none}
.yz-iup-loading .yz-iup-card::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.68)}
.yz-iup-loading .yz-iup-card::before{content:'';position:absolute;z-index:1;left:50%;top:50%;width:20px;height:20px;
  margin:-10px 0 0 -10px;border:2px solid var(--yz-primary,#0A4DAA);border-top-color:transparent;border-radius:50%;
  animation:yz-iup-spin .7s linear infinite}
@keyframes yz-iup-spin{to{transform:rotate(360deg)}}
/* 小尺寸 / 圆形变体（资料表单内作头像选择器） */
.yz-iup-sm .yz-iup-card{width:88px;height:88px;border-radius:50%;border-style:solid;border-color:var(--yz-line,#e3ecf8)}
.yz-iup-sm .yz-iup-plus{font-size:24px}
.yz-iup-sm .yz-iup-img{object-fit:cover}

/* 正方形裁剪弹层（自带，不依赖 Bootstrap） */
.yz-crop-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center}
.yz-crop-modal.is-open{display:flex;animation:yz-crop-fade .15s ease-out}
@keyframes yz-crop-fade{from{opacity:0}to{opacity:1}}
.yz-crop-modal__mask{position:absolute;inset:0;background:rgba(15,28,48,.55)}
.yz-crop-modal__box{position:relative;width:min(420px,92vw);background:#fff;border-radius:18px;
  padding:20px;box-shadow:0 24px 60px rgba(10,30,60,.30)}
.yz-crop-modal__title{font-size:16px;font-weight:700;color:var(--yz-text,#1f2a3a);margin:0 0 14px}
/* 舞台：固定 300px，不随视口缩水；img 显式 max-width:none 豁免全局钳制 */
.yz-crop-stage{position:relative;width:300px;height:300px;margin:0 auto;overflow:hidden;
  background:#f1f4f8;border-radius:14px;touch-action:none}
.yz-crop-stage img{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none;
  will-change:transform;cursor:grab;user-select:none;-webkit-user-select:none}
.yz-crop-stage img:active{cursor:grabbing}
.yz-crop-frame{position:absolute;inset:0;box-sizing:border-box;pointer-events:none;
  border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 9999px rgba(15,32,60,.42)}
.yz-crop-modal__zoom{display:flex;align-items:center;gap:10px;margin-top:14px}
.yz-crop-modal__label{font-size:12px;color:#8A94A3;flex:0 0 auto}
.yz-crop-modal__zoom input[type=range]{flex:1;accent-color:#0A4DAA}
.yz-crop-modal__hint{font-size:12px;color:#8A94A3;margin-top:12px;text-align:center}
.yz-crop-modal__btns{display:flex;gap:12px;margin-top:14px}
.yz-crop-btn{flex:1;padding:10px 0;border:none;border-radius:10px;background:var(--yz-primary,#0A4DAA);
  color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.yz-crop-btn--ghost{flex:1;background:#fff;color:#5b6b7d;border:1px solid var(--yz-line,#e3ecf8)}