/* 云领科技官网 - 共享样式表 */
:root{
  --ink:#1b2333; --sub:#5b6478; --line:#e5e8ef; --bg:#ffffff; --soft:#f6f8fb;
  --brand:#0f4fd8; --brand-deep:#0c3aa0; --brand-soft:#eef3fe; --accent:#a8460a; --accent-soft:#fdf1e7;
  --ok:#0e7a4a; --ok-soft:#e8f6ee; --warn:#b45309; --warn-soft:#fef3e2;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;font-size:16px}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.skip{position:absolute;left:-9999px}
.skip:focus{position:fixed;left:12px;top:12px;background:#fff;padding:8px 14px;z-index:99;border:2px solid var(--brand);border-radius:8px}
img{max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 顶部导航 */
header.top{position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:50}
/* 锚点跳转目标预留吸顶导航高度，避免标题被导航栏遮住 */
section[id]{scroll-margin-top:84px}
.nav{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"brand links cta";align-items:center;gap:16px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:var(--ink);grid-area:brand;justify-self:start}
.brand:hover{text-decoration:none}
.brand .logo{width:32px;height:32px;border-radius:8px;object-fit:cover}
nav.links{display:flex;align-items:center;gap:16px;font-size:14px;flex-wrap:wrap;justify-content:center;grid-area:links}
nav.links a{color:var(--ink);white-space:nowrap}
nav.links a:hover{color:var(--brand);text-decoration:none}
nav.links a.current{color:var(--brand);font-weight:700}
nav.links .nav-sep{width:1px;height:14px;background:var(--line);display:inline-block}
nav.links a.secondary{color:var(--sub);font-size:13px}
nav.links a.secondary:hover{color:var(--brand)}
nav.links a.secondary.current{color:var(--brand)}
.nav .cta{background:var(--brand);color:#fff;padding:8px 18px;border-radius:8px;font-size:14.5px;white-space:nowrap;grid-area:cta;justify-self:end}
.nav .cta:hover{background:var(--brand-deep);text-decoration:none}
@media(max-width:640px){.nav{grid-template-columns:1fr auto;grid-template-areas:"brand cta" "links links"}nav.links{width:100%;justify-content:flex-start;gap:12px;font-size:13px}}

/* 面包屑 */
.crumbs{font-size:13.5px;color:var(--sub);padding:16px 0 0}
.crumbs a{color:var(--sub)}
.crumbs a:hover{color:var(--brand)}
.crumbs .sep{margin:0 6px;color:#c3c9d6}
.crumbs .now{color:var(--ink);font-weight:600}

/* 页头横幅（各内页统一用） */
.pagehead{background:linear-gradient(180deg,var(--brand-soft),#fff 92%);padding:28px 0 34px;border-bottom:1px solid var(--line)}
.pagehead .eyebrow{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--brand);font-size:12.5px;font-weight:600;padding:3px 12px;border-radius:999px;margin-bottom:12px}
.pagehead h1{font-size:clamp(24px,3.6vw,32px);line-height:1.35;max-width:26em}
.pagehead p.lead{font-size:16px;color:var(--sub);max-width:44em;margin-top:10px}

/* 首页 Hero（比内页大一号） */
.hero{background:linear-gradient(180deg,var(--brand-soft),#fff 90%);padding:56px 0 44px;border-bottom:1px solid var(--line)}
.hero .eyebrow{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--brand);font-size:13px;font-weight:600;padding:4px 14px;border-radius:999px;margin-bottom:18px}
.hero h1{font-size:clamp(26px,4.6vw,40px);line-height:1.35;max-width:22em}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero .lead{font-size:17.5px;color:var(--sub);max-width:44em;margin:16px 0 26px}

.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-size:15.5px;font-weight:600;border:1px solid transparent;cursor:pointer}
.btn:hover{text-decoration:none}
.btn.primary{background:var(--brand);color:#fff}
.btn.primary:hover{background:var(--brand-deep)}
.btn.ghost{background:#fff;color:var(--brand);border-color:var(--brand)}
.btn.ghost:hover{background:var(--brand-soft)}
.btn.sm{padding:9px 16px;font-size:14px}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-width:760px}
.facts .f{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;position:relative}
.facts .f b{display:block;font-size:20px;color:var(--brand)}
.facts .f span{font-size:13px;color:var(--sub)}

/* 通用 section 区块 */
section.block{padding:52px 0;border-bottom:1px solid var(--line)}
section.block.alt{background:var(--soft)}
section.block.tight{padding:36px 0}
.sec-head{margin-bottom:24px}
.sec-head .k{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.15em}
.sec-head h2{font-size:24px;margin-top:4px}
.sec-head p{color:var(--sub);max-width:46em;margin-top:8px}

/* 经营闭环卡片 */
.loop{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:760px){.loop{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.loop{grid-template-columns:1fr}}
/* 7步场景（如首页经营闭环）：固定3列会让最后一行只剩1张卡片、两侧大片留白，改为自适应让末行铺满 */
.loop.loop-7{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
@media(max-width:760px){.loop.loop-7{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.loop.loop-7{grid-template-columns:1fr}}
.loop .step{background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:12px;padding:14px 16px}
.loop .step i{font-style:normal;color:var(--brand);font-weight:700;font-size:12.5px}
.loop .step b{display:block;font-size:15.5px;margin:2px 0}
.loop .step span{font-size:13.5px;color:var(--sub)}

/* 产品/服务卡片 */
.prod{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){.prod{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.prod{grid-template-columns:1fr}}
.pcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column}
.pcard .k{font-size:12.5px;font-weight:700;color:var(--accent);letter-spacing:.1em}
.pcard h3{font-size:19px;margin:6px 0 8px}
.pcard p{font-size:14.5px;color:var(--sub)}
.pcard ul{padding-left:1.2em;font-size:14.5px;margin:10px 0;flex:1}
.pcard li{margin:5px 0}
.pcard .foot{border-top:1px dashed var(--line);padding-top:12px;font-size:14px;margin-top:auto}
/* 2卡片场景（如信任中心"法律文件"）：固定3列网格会空出第3列，改为自适应铺满 */
.prod.prod-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
/* 4卡片场景（如领客宝页）：固定3列会排成3+1、末卡右侧留白，改自适应让4张铺满宽屏 */
.prod.prod-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

/* 表格 */
table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
table{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left}
th{background:#f0f3f9;white-space:nowrap}
table.matrix th,table.matrix td{text-align:center}
table.matrix td.cap,table.matrix th.cap{text-align:left;font-weight:600;white-space:nowrap}
.tablebox{overflow-x:auto;border-radius:12px}
/* width:100%会把表格挤扁、导致中文单元格被压成逐字换行；给个最小宽度，窄屏改走.tablebox的横向滚动而不是挤压文字 */
.tablebox table{min-width:640px}
.tablebox table.matrix{min-width:860px}
/* 六大能力这类字多的宽表：给足最小宽度，首尾窄列不换行，避免逐字/表头换行 */
.tablebox table.cap6{min-width:1000px}
.tablebox table.cap6 th:first-child,.tablebox table.cap6 td:first-child,
.tablebox table.cap6 th:last-child,.tablebox table.cap6 td:last-child{white-space:nowrap}
/* 可点开的脚注标记（右上角小数字，悬停/点击聚焦即弹出解释） */
.fn{position:relative;display:inline-block}
.nw{white-space:nowrap}
button.fnmark{font:inherit;font-size:.95em;line-height:0;vertical-align:super;color:#d92d20;background:none;border:0;padding:0;margin:0 0 0 1px;cursor:pointer;font-weight:800}
button.fnmark:hover,button.fnmark:focus-visible{text-decoration:underline;outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
.fnpop{position:absolute;left:0;bottom:calc(100% + 6px);z-index:40;width:min(340px,86vw);max-height:260px;overflow:auto;background:#fff;color:#333c4e;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 34px rgba(20,30,60,.20);padding:12px 14px;font-size:12.5px;line-height:1.65;font-weight:400;text-align:left;letter-spacing:normal;white-space:normal;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}
.fnpop a{color:var(--brand)}
.fn:hover .fnpop,.fn:focus-within .fnpop{opacity:1;visibility:visible;transform:none;pointer-events:auto}
/* 角标变体：脚注星号固定在卡片右上角，绝对定位不参与换行 */
.fn.corner{position:absolute;top:5px;right:9px}
.fn.corner .fnpop{left:auto;right:0;bottom:auto;top:calc(100% + 8px)}
/* AD 代投顶部优势条 */
.ad-adv{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;max-width:920px}
.ad-adv li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;color:var(--sub);line-height:1.55}
.ad-adv li b{color:var(--ink)}
/* WukongChat 功能一览：分组 + 短标签 chips（精简展示，避免整句堆叠） */
.featwrap{display:flex;flex-direction:column;gap:16px;margin-top:22px}
.featrow{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.featrow .fk{flex:0 0 auto;min-width:52px;font-weight:700;color:var(--brand);font-size:14.5px}
.chips{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:220px}
.chips span{background:var(--brand-soft);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:6px 13px;font-size:13px;line-height:1.35;white-space:nowrap}
@media (max-width:520px){.chips span{white-space:normal}}
.legend{font-size:13.5px;color:var(--sub);margin-top:10px}
.dot-y{color:var(--ok);font-weight:700}
.dot-h{color:var(--accent);font-weight:700}
.dot-n{color:var(--sub);font-weight:700}

/* 优势/说明网格 */
.why{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:640px){.why{grid-template-columns:1fr}}
.why .w{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.why .w b{display:block;font-size:16px;margin-bottom:6px}
.why .w p{font-size:14px;color:var(--sub)}
/* 3卡片场景（如WukongChat页）：2列网格会让第3张卡片单独占一行、右侧留白，改为3列整行铺满 */
.why.why-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.why.why-3{grid-template-columns:1fr}}

/* 报价卡片 */
.price{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.plan{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.plan h3{font-size:17px}
.plan .amount{font-size:26px;font-weight:800;color:var(--brand);margin:8px 0 2px}
.plan .amount small{font-size:13px;color:var(--sub);font-weight:400}
.plan ul{padding-left:1.2em;font-size:14px;color:var(--sub);margin-top:10px}
.plan li{margin:4px 0}
.pnote{font-size:13.5px;color:var(--sub);margin-top:14px;max-width:56em}

/* FAQ */
details.faq{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:10px 0}
details.faq summary{font-weight:600;cursor:pointer;font-size:15.5px}
details.faq p{margin-top:10px;color:var(--sub);font-size:14.5px}

/* 联系卡片 */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.ccard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.ccard b{display:block;font-size:15.5px;margin-bottom:4px}
.ccard p{font-size:13.5px;color:var(--sub);margin-bottom:12px;min-height:3.2em}
.ccard .btn{width:100%;text-align:center;font-size:14px;padding:9px 0}

/* 二维码+联系方式：单独一行，不塞进正文段落里跟长文字混排换行 */
.contact-alt{display:flex;align-items:flex-start;gap:14px;margin-top:16px}
.contact-alt img{border-radius:10px;border:1px solid var(--line);flex-shrink:0}
.contact-alt p{margin:0}
@media(max-width:480px){.contact-alt{flex-direction:column}}

.trust ul{padding-left:1.3em;font-size:14.5px}
.trust li{margin:6px 0}

/* 证据链接卡片（真实第三方入口）：固定4列，8张卡片正好2行整齐排列，不留空白 */
.evidence{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:14px}
@media(max-width:900px){.evidence{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.evidence{grid-template-columns:1fr}}
.evcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;position:relative;display:flex;flex-direction:column}
.evcard.ev-shopify{justify-content:center;background:var(--brand-soft);border-color:var(--brand)}
.evcard.ev-none{background:var(--soft);border-style:dashed;color:var(--sub)}
.evcard.ev-none h3{color:var(--sub)}
.evcard.ev-none p{margin-bottom:0}
.evcard .plat{font-size:12.5px;font-weight:700;color:var(--accent);letter-spacing:.08em}
.evcard h3{font-size:16px;margin:6px 0 8px}
.evcard p{font-size:13.5px;color:var(--sub);margin-bottom:10px}
.evcard a.ev-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;background:var(--brand-soft);color:var(--brand);padding:6px 12px;border-radius:8px;margin-top:auto;align-self:flex-start}
.evcard a.ev-link:hover{background:var(--brand);color:#fff;text-decoration:none}
.evcard .badge{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;background:var(--ok-soft);color:var(--ok);padding:2px 9px;border-radius:999px}

/* 证据截图（淘宝服务市场官方主页实拍）：外层容器横向约束，图片自适应不撑破布局、按原始宽高比预留空间防抖动 */
.ev-shot{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;overflow-x:auto}
.ev-shot img{display:block;width:100%;height:auto;max-width:920px;margin:0 auto;border-radius:8px;border:1px solid var(--line)}
.ev-shot figcaption{font-size:13.5px;color:var(--sub);margin-top:10px;line-height:1.7}

/* 精简版证据入口（platforms.html用，完整版描述见index.html的.evidence，避免两页大段重复） */
.entry-links{display:flex;flex-wrap:wrap;gap:10px}
.entry-pill{display:inline-flex;align-items:center;font-size:13.5px;font-weight:600;background:var(--brand-soft);color:var(--brand);padding:8px 14px;border-radius:999px}
.entry-pill:hover{background:var(--brand);color:#fff;text-decoration:none}
.entry-pill-none{background:var(--soft);color:var(--sub);font-weight:400}
.entry-unavailable{display:inline-flex;align-items:center;font-size:13.5px;font-weight:400;background:var(--soft);color:var(--sub);padding:8px 14px;border-radius:999px;cursor:default}

.note{background:var(--warn-soft);border-left:4px solid var(--warn);padding:12px 16px;border-radius:0 10px 10px 0;font-size:14.5px;margin:14px 0}
.note.ok{background:var(--ok-soft);border-left-color:var(--ok)}

/* 键盘焦点可见性（无障碍） */
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}

/* 页脚 */
footer.site{background:#101728;color:#c6cddc;padding:40px 0 28px;font-size:14px}
footer.site .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:26px}
footer.site b{color:#fff;display:block;margin-bottom:8px}
footer.site a{color:#9fb4dd}
footer.site .legal{border-top:1px solid #2a3450;padding-top:16px;font-size:13px;color:#8b93a8;line-height:2}

@media print{header.top,footer.site,.nav .cta{display:none}}