/* 合作流程与报价页 · 沿用媒体报道页的配色和排版 */
:root{color-scheme:dark;--bg:#080b0d;--panel:#101416;--panel2:#15191b;--active:#232729;--line:#323638;--text:#f4f4f4;--soft:#d6dadb;--muted:#9b9fa2;--quiet:#71777a;--accent:#5279ff;--accent-soft:#8ea6ff;--gutter:clamp(20px,4.4vw,64px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;line-height:1.75}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #7895ff;outline-offset:5px}
h1,h2,h3,h4,p,figure,dl,dd,ol,ul{margin:0}
ol,ul{padding:0;list-style:none}
::selection{background:#d4d9dc;color:#0c1012}
.skip-link{position:absolute;z-index:200;left:20px;top:-80px;padding:10px 18px;border-radius:999px;background:var(--text);color:var(--bg)}
.skip-link:focus{top:100px}
.container{max-width:1280px;padding:0 var(--gutter);margin:auto}
.eyebrow{font-size:11px;color:var(--muted);letter-spacing:.18em;font-weight:500}

/* 首屏 */
.hero{text-align:center;padding:72px 0 54px}
.hero h1{font-size:clamp(40px,5.8vw,80px);font-weight:500;letter-spacing:-.05em;line-height:1.16;margin:22px 0 26px}
.hero h1 span{display:block}
.hero p{font-size:16px;line-height:1.9;color:#b6bdc0;margin:0 auto;max-width:680px}
.hero-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:var(--quiet);margin-top:28px}
.hero-meta span+span{border-left:1px solid var(--line);padding-left:20px}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 22px;border:1px solid #3f4548;border-radius:999px;font-size:14px;background:transparent;transition:background .2s,border-color .2s}
.btn:hover{background:var(--active)}
.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}
.btn.primary:hover{background:#dfe3e6}

.jump-wrap{display:flex;justify-content:center;margin:0 0 72px}
.jump-nav{display:flex;padding:6px;gap:4px;border:1px solid #3e4447;border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.jump-nav::-webkit-scrollbar{display:none}
.jump-nav a{padding:10px 20px;font-size:13px;white-space:nowrap;border-radius:999px;color:#adb5b9}
.jump-nav a:hover{background:#1c2225;color:var(--text)}

/* 一页看懂 */
.digest{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:34px clamp(20px,3.4vw,44px);margin-bottom:24px}
.digest h2{font-size:22px;font-weight:500;letter-spacing:-.02em;margin-bottom:6px}
.digest>p{color:var(--muted);font-size:14px}
.digest dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:22px}
.digest dl div{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.digest dt{font-size:13px;color:var(--muted)}
.digest dd{font-size:14.5px;color:var(--soft);line-height:1.75}

/* 分节 */
.feature{padding:72px 0 80px;border-top:1px solid var(--line);scroll-margin-top:100px}
.feature-label{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);letter-spacing:.08em;margin-bottom:30px}
.feature-label .index{color:var(--accent-soft);margin-right:14px}
.feature-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 7%;align-items:end;margin-bottom:44px}
.feature-head h2{font-size:clamp(30px,3.2vw,46px);font-weight:500;letter-spacing:-.04em;line-height:1.28}
.feature-head p{font-size:15.5px;line-height:1.9;color:#b6bdc0}
.sub{font-size:19px;font-weight:500;letter-spacing:-.01em;margin:52px 0 18px}
.sub small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:6px;letter-spacing:0}
.note{font-size:13.5px;color:var(--muted);line-height:1.85;margin-top:16px}
.note strong{color:var(--soft);font-weight:500}

/* 卡片 */
.cards{display:grid;gap:14px}
.cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.card{position:relative;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:26px 24px 24px;display:flex;flex-direction:column;gap:12px}
.card h3{font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:1.45}
.card p{font-size:14px;line-height:1.8;color:#b6bdc0}
.card .tag{align-self:flex-start;font-size:11px;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.card .tag.on{color:#dfe6ff;border-color:#3d55b8;background:#141d3a}
.card ul{display:grid;gap:7px;margin-top:2px}
.card li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.7;color:#b6bdc0}
.card li::before{content:"";position:absolute;left:2px;top:.72em;width:5px;height:5px;border-radius:50%;background:#4b5357}
.card .k{font-size:12px;color:var(--quiet);margin-top:4px}
.card.is-default{border-color:#3d55b8;background:linear-gradient(180deg,#121a33 0%,var(--panel) 62%)}

/* 流程 */
.steps{display:grid;gap:0;border-top:1px solid var(--line);counter-reset:step}
.step{display:grid;grid-template-columns:120px minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}
.step-no{font-size:12px;color:var(--accent-soft);letter-spacing:.1em;padding-top:4px}
.step h3{font-size:19px;font-weight:500;line-height:1.45}
.step h3+p{font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.75}
.step dl div+div{margin-top:0}
.step dt{font-size:11.5px;color:var(--quiet);letter-spacing:.06em;margin-bottom:6px}
.step dd{font-size:14px;line-height:1.8;color:#c3c9cc}
.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.timeline .card h3{font-size:16px}
.timeline .card strong{font-size:26px;font-weight:500;letter-spacing:-.03em;color:var(--text)}

.checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;border-top:1px solid var(--line)}
.checklist li{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--soft)}
.checklist li span{color:var(--accent-soft);font-size:12px;padding-top:3px}
.checklist li small{display:block;color:var(--muted);font-size:13px;margin-top:3px}

/* 表格 */
.table-wrap{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.7}
thead th{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.04em;background:var(--panel2)}
tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
tbody th{font-weight:500;color:var(--text);white-space:nowrap}
td{color:#c3c9cc}
td .pill{display:inline-block;font-size:12.5px;padding:3px 11px;border-radius:999px;border:1px solid var(--line);color:var(--soft);white-space:nowrap}
td .pill.up{border-color:#3d55b8;color:#dfe6ff;background:#141d3a}

/* 两列清单 */
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.list-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:26px 26px 22px}
.list-card h3{font-size:17px;font-weight:500;margin-bottom:12px}
.list-card li{position:relative;padding:11px 0 11px 22px;border-top:1px solid #23282a;font-size:14px;line-height:1.75;color:#c3c9cc}
.list-card li:first-child{border-top:0}
.list-card li::before{content:"";position:absolute;left:2px;top:1.32em;width:8px;height:1px;background:var(--accent-soft)}
.list-card li b{color:var(--text);font-weight:500}
.list-card.minus li::before{background:#6f777b}

/* 阶段条 */
.stage-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 8px}
.stage-bar span{font-size:13px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;color:var(--soft);background:var(--panel)}
.stage-bar i{width:14px;height:1px;background:#4b5357}

/* 案例 */
.case-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;align-items:center;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:16px 36px 16px 16px;margin-bottom:18px}
.case-intro img{width:100%;height:auto;border-radius:12px;display:block}
.case-intro .btn{margin-top:22px}
.case-facts div{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:11px 0;border-top:1px solid var(--line)}
.case-facts div:first-child{border-top:0}
.case-facts dt{font-size:12.5px;color:var(--muted)}
.case-facts dd{font-size:14.5px;color:var(--soft);line-height:1.7}
.case-stages{display:grid;gap:14px}
.case-stage{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:28px 28px 28px 22px}
.cs-no{font-size:13px;color:var(--accent-soft);letter-spacing:.1em;padding-top:5px}
.cs-body h3{font-size:20px;font-weight:500;letter-spacing:-.01em;margin-bottom:12px}
.cs-text{font-size:15px;line-height:1.95;color:#bfc5c8;max-width:880px}
.cs-text p+p,.cs-text p+ul{margin-top:10px}
.cs-text ul{display:grid;gap:8px}
.cs-text li{position:relative;padding-left:18px}
.cs-text li::before{content:"";position:absolute;left:2px;top:.85em;width:8px;height:1px;background:var(--accent-soft)}
.cs-text b{color:var(--text);font-weight:500}
.cs-figs{display:grid;gap:12px;margin-top:20px}
.cs-figs.n1{grid-template-columns:minmax(0,1fr)}
.cs-figs.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-figs.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-figs figure{margin:0}
.cs-figs img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#0c0f11;display:block}
.cs-figs figure:first-child img[alt*="三视图"]{object-fit:contain;background:#f2f2f0}
.cs-figs figcaption{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.6}
.case-ex{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:28px clamp(18px,2.6vw,32px);margin-top:14px}
.case-ex .ex-head{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.case-ex .tag{align-self:flex-start;font-size:11px;letter-spacing:.06em;color:#dfe6ff;border:1px solid #3d55b8;background:#141d3a;border-radius:999px;padding:3px 10px}
.case-ex h4{font-size:20px;font-weight:500;letter-spacing:-.01em;margin:0}
.case-ex>p{font-size:15px;line-height:1.95;color:#bfc5c8;max-width:900px;margin-bottom:18px}
.case-ex .table-wrap{background:var(--panel2)}
.case-ex .cs-figs{margin:0 0 4px}

/* 常见问题 */
.faq-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:26px}
.faq-tools .chips{display:flex;flex-wrap:wrap;gap:8px}
.faq-tools .chips a{font-size:13px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;color:#adb5b9}
.faq-tools .chips a:hover{background:#1c2225;color:var(--text)}
.faq-toggle{font-size:13px;padding:7px 16px;border:1px solid #3f4548;border-radius:999px;background:none}
.faq-toggle:hover{background:var(--active)}
.faq-group{scroll-margin-top:100px}
.faq-group+.faq-group{margin-top:46px}
.faq-group h3{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.08em;margin-bottom:10px}
.faq-group h3 span{color:var(--accent-soft);margin-right:12px}
.qa{border-top:1px solid var(--line)}
.faq-group .qa:last-child{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;display:grid;grid-template-columns:1fr 28px;gap:16px;align-items:center;padding:20px 0;cursor:pointer;font-size:17px;line-height:1.55}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";width:28px;height:28px;border:1px solid #3f4548;border-radius:50%;background:linear-gradient(var(--soft),var(--soft)) center/10px 1px no-repeat,linear-gradient(var(--soft),var(--soft)) center/1px 10px no-repeat;transition:transform .2s}
.qa[open] summary::after{background:linear-gradient(var(--soft),var(--soft)) center/10px 1px no-repeat}
.qa summary:hover{color:#fff}
.qa .a{padding:0 44px 24px 0;font-size:15px;line-height:1.95;color:#bfc5c8;max-width:900px}
.qa .a p+p,.qa .a p+ul,.qa .a ul+p{margin-top:10px}
.qa .a ul{display:grid;gap:6px}
.qa .a li{position:relative;padding-left:16px}
.qa .a li::before{content:"";position:absolute;left:2px;top:.85em;width:5px;height:5px;border-radius:50%;background:#4b5357}
.qa .a b{color:var(--text);font-weight:500}
.qa .a a{color:var(--accent-soft);border-bottom:1px solid #34437a}

/* 收尾 */
.closing{border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 50% 0%,#18224a 0%,var(--panel) 62%);padding:56px clamp(20px,4vw,56px);text-align:center;margin:8px 0 88px}
.closing h2{font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:-.04em;line-height:1.3}
.closing p{color:#b6bdc0;font-size:15px;line-height:1.9;max-width:640px;margin:16px auto 0}
.closing .hero-actions{margin-top:28px}
.updated{font-size:12px;color:var(--quiet);text-align:center;margin:-60px 0 70px}

@media(max-width:1100px){
  .cards.c5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .step{grid-template-columns:90px minmax(0,1fr) minmax(0,1fr);}
  .step .step-main{grid-column:2 / 4}
  .step dl:first-of-type{grid-column:2}
}
@media(max-width:860px){
  .feature-head{grid-template-columns:1fr}
  .cards.c3,.cards.c2,.split,.timeline{grid-template-columns:1fr}
  .cards.c5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .digest dl{grid-template-columns:1fr}
  .checklist{grid-template-columns:1fr}
  .step{grid-template-columns:1fr;gap:12px}
  .step .step-main,.step dl:first-of-type{grid-column:auto}
  .case-intro{grid-template-columns:1fr;padding:14px 14px 24px}
  .case-intro>div{padding:0 8px}
  .case-stage{grid-template-columns:1fr;padding:22px 20px}
  .cs-figs.n3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .cs-figs.n2,.cs-figs.n3{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hero{padding:44px 0 40px}
  .hero-meta span+span{border-left:0;padding-left:0}
  .jump-wrap{margin-bottom:48px;justify-content:flex-start}
  .cards.c5{grid-template-columns:1fr}
  .digest dl div{grid-template-columns:1fr;gap:4px}
  .feature{padding:52px 0 60px}
  .qa summary{font-size:16px}
  .qa .a{padding-right:0}
  th,td{padding:12px 14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.qa summary::after{transition:none}}
@media(max-width:600px){.hero p br{display:none}}
/* v1.17 手机上页内跳转按钮换行显示，不再藏在右边要横着滑 */
@media(max-width:860px){.jump-nav{flex-wrap:wrap;justify-content:center;overflow:visible;border-radius:22px}.jump-nav a{padding:9px 14px}}
/* v1.17 手机上表格收紧单元格，较宽的表格上方提示可以左右滑动（提示由 site-shell.js 按需显示） */
@media(max-width:600px){th,td{padding:11px 10px;font-size:13px}td .pill{font-size:12px;padding:3px 8px}}
.table-swipe-hint{margin:0 0 8px;font-size:12px;color:var(--muted)}
/* UI 界面设计宽卡片（官网 v1.44） */
.ui-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:center;margin-top:14px}
.ui-wide-text{display:flex;flex-direction:column;gap:12px}
.ui-wide-text .tag{align-self:flex-start}
.ui-wide-more{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:var(--accent-soft);text-decoration:underline;text-underline-offset:3px}
.ui-wide-more .ri{width:16px;height:16px}
.ui-wide-fig{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0b0e10;transition:border-color .2s}
.ui-wide-fig:hover{border-color:var(--accent)}
.ui-wide-fig img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.ui-wide-fig span{display:block;padding:10px 14px;font-size:13px;color:var(--muted)}
@media(max-width:900px){.ui-wide{grid-template-columns:1fr}}
/* guide-entry:start 合作页“AI 视频指南”一节（官网指南页/合作页入口.py 写入，不要手改） */
.g-entry .list-card li a{color:inherit;transition:color .2s}
.g-entry .list-card li a:hover{color:var(--accent-soft)}
.g-entry-go,.faq-more a{display:inline-flex;align-items:center;gap:4px;color:var(--accent-soft)}
.g-entry-go{margin-top:22px;font-size:15px}
.g-entry-go:hover,.faq-more a:hover{color:var(--text)}
.g-entry-go .ri,.faq-more .ri{width:15px;height:15px;flex:none}
.qa .a p.faq-more{margin-top:4px;font-size:14px}
.g-entry .g-wide{margin-bottom:14px}
.g-entry .g-wide ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.g-entry .g-wide li:nth-child(2){border-top:0}
@media(max-width:1000px){.g-entry .cards.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.g-entry .cards.c3,.g-entry .cards.c2{grid-template-columns:1fr}.g-entry .g-wide ul{grid-template-columns:1fr}.g-entry .g-wide li:nth-child(2){border-top:1px solid #23282a}}
/* guide-entry:end */