/* R300 全站视觉层：只改形式，不改文字、图片和结构；主色沿用深紫 + 紫。
   原则：一条左边线、一种区块节奏、一套字号；克制留白；去掉多余边框、投影和胶囊。 */
:root{
  --v3-ink:#231c3a;--v3-deep:#2f2447;--v3-purple:#6844bd;--v3-muted:#6d6780;
  --v3-line:#e6e2ee;--v3-soft:#f7f5fb;--v3-wrap:1160px;--v3-gutter:clamp(20px,4vw,48px);--v3-gap:clamp(64px,8vw,112px);
  --v3-serif:"Noto Serif SC","Source Han Serif SC","Songti SC",STSong,serif;
  --v3-sans:Inter,"Microsoft YaHei","PingFang SC",Arial,sans-serif;
}
html body{background:#fff!important;color:var(--v3-ink)!important;font-family:var(--v3-sans)!important}

/* 版心：所有区块同一条左边线（首屏全幅除外） */
html body main>section:not(.cinema-hero):not([class*="hero"]),
html body main>div:not([class*="hero"]):not([hidden]){
  box-sizing:border-box!important;width:100%!important;max-width:calc(var(--v3-wrap) + var(--v3-gutter)*2)!important;
  margin:0 auto!important;padding:var(--v3-gap) var(--v3-gutter) 0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html body main>section:last-of-type{padding-bottom:var(--v3-gap)!important}
html body main>section>header,html body main>section>div,html body main>section>h2,html body main>section>p{
  margin-left:0!important;margin-right:0!important;max-width:none!important;
}
html body main hr{display:none!important}

/* 字：标题半粗宋体，略拉字距；正文黑体，行距放松 */
html body main h1{font-family:var(--v3-serif)!important;font-weight:600!important;letter-spacing:.03em!important;line-height:1.28!important}
html body main h2{font-family:var(--v3-serif)!important;font-weight:600!important;font-size:clamp(26px,3vw,36px)!important;letter-spacing:.03em!important;line-height:1.35!important;color:var(--v3-ink)!important;margin:0 0 14px!important;text-align:left!important}
html body main section:not(.cinema-hero) h3{font-family:var(--v3-sans)!important;font-weight:600!important;font-size:clamp(17px,1.5vw,19px)!important;line-height:1.5!important;letter-spacing:.01em!important;color:var(--v3-ink)!important}
html body main section:not(.cinema-hero) p{line-height:1.85!important}
html body main section:not(.cinema-hero)>header p,html body main section:not(.cinema-hero)>p,
html body main section:not(.cinema-hero)>div>header p{color:var(--v3-muted)!important;font-size:16px!important;max-width:42em!important;margin:0!important}
html body main section>header{display:block!important;padding:0!important;border:0!important;margin-bottom:clamp(24px,3vw,40px)!important;text-align:left!important}
html body main [class*="eyebrow"],html body main [class*="kicker"]{font-size:12px!important;font-weight:600!important;letter-spacing:.16em!important;color:var(--v3-purple)!important;text-transform:uppercase}

/* 卡片：去投影和渐变，统一发丝线和圆角 */
html body main section:not(.cinema-hero) [class*="card"]:not(button),
html body main section:not(.cinema-hero) article{box-shadow:none!important;background-image:none!important;border-radius:12px!important}
html body main section:not(.cinema-hero) [class*="card"]:not(button){border:1px solid var(--v3-line)!important;background-color:#fff!important}

/* 深色收尾块：主色不变，版心对齐 */
html body main [class*="cta"]{border-radius:16px!important;box-shadow:none!important;background:var(--v3-deep)!important}
html body main [class*="cta"] h2,html body main [class*="cta"] h3,html body main [class*="cta"] p{color:#fff!important}

/* 导航：胶囊改文字 + 当前项下划线 */
html body header nav a,html body .r66-primary a{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-weight:500!important;color:var(--v3-muted)!important}
html body header nav a:hover{color:var(--v3-ink)!important}
html body header nav a[aria-current]{color:var(--v3-ink)!important;font-weight:600!important;box-shadow:inset 0 -2px 0 var(--v3-purple)!important}
html body header.header{background:rgba(255,255,255,.94)!important;box-shadow:none!important;border-bottom:1px solid var(--v3-line)!important}

/* 筛选：一律文字下划线，不再盒中套盒 */
html body .r247-library-intro{display:flex!important;align-items:baseline!important;gap:28px!important;flex-wrap:wrap!important;background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
html body .r247-library-intro h2{font-size:clamp(20px,2vw,24px)!important;margin:0!important}
html body .r247-filter{display:flex!important;gap:22px!important;flex-wrap:wrap!important;background:none!important;border:0!important;padding:0!important}
html body .r247-filter a{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:4px 0!important;color:var(--v3-muted)!important;font-size:15px!important}
html body .r247-filter a[aria-current]{color:var(--v3-ink)!important;font-weight:600!important;box-shadow:inset 0 -2px 0 var(--v3-purple)!important}
html body [data-folio-filter],html body .r296-carousel-filters button{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:4px 0!important;margin-right:20px!important;font-size:15px!important;font-weight:500!important;color:var(--v3-muted)!important;text-decoration:none!important}
html body [data-folio-filter][aria-pressed="true"],html body .r296-carousel-filters button[aria-pressed="true"]{color:var(--v3-ink)!important;font-weight:600!important;box-shadow:inset 0 -2px 0 var(--v3-purple)!important}
html body .r213-format-controls,html body .r213-category-controls{gap:0!important;border:0!important}

/* 手机：边距统一、底部留给浮动条 */
@media (max-width:760px){
  :root{--v3-gap:56px}
  html body main h2{font-size:24px!important}
  html body main{padding-bottom:88px}
}

/* 作品/案例列表页：工具区块之间不用大节奏，只有内容大区才留白 */
html body main.r213-browser>*{padding-top:20px!important}
html body main.r213-browser>section,html body main.r213-browser>.r223-featured{padding-top:clamp(36px,4vw,56px)!important}
html body main.r213-browser>header.r213-page-head{padding:0!important}
html body .r296-category-intro{color:var(--v3-muted)!important;font-size:14px!important;margin:8px 0 0!important}
html body main [class*="breadcrumb"]{font-size:13px!important}

/* 列表页优先级修正：工具区紧凑，说明文字回到同一条左边线 */
html body main.r213-browser.r223-works>div:not(#v3a):not(#v3b),html body main.r213-browser.r223-works>section:not(#v3a):not(#v3b){padding-top:18px!important}
html body main.r213-browser.r223-works>section:not(#v3a):not(#v3b).r223-featured,html body main.r213-browser.r223-works>section:not(#v3a):not(#v3b)[id*="carousel"]{padding-top:44px!important}
html body main.r213-browser.r223-works>p,html body main.r213-browser.r223-works .r296-category-intro{box-sizing:border-box!important;max-width:calc(var(--v3-wrap) + var(--v3-gutter)*2)!important;margin:6px auto 0!important;padding:0 var(--v3-gutter)!important}

/* 子页版心：社媒页多一层 .r247-page；折叠区、跳转条和首屏卡片并回同一条边线 */
html body main{padding-left:0!important;padding-right:0!important;max-width:none!important}
html body main>.r247-page{max-width:none!important;padding:0!important}
html body main>.r247-page>section:not([class*="hero"]),html body main>details,html body main>.r247-page>details,
html body main>nav,html body main>.r247-page>nav{
  box-sizing:border-box!important;width:100%!important;max-width:calc(var(--v3-wrap) + var(--v3-gutter)*2)!important;
  margin:0 auto!important;padding:var(--v3-gap) var(--v3-gutter) 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html body main>nav,html body main>.r247-page>nav{padding-top:28px!important}
html body main>[class*="hero"]:not(.cinema-hero),html body main>.r247-page>[class*="hero"]{
  box-sizing:border-box!important;width:calc(100% - var(--v3-gutter)*2)!important;max-width:var(--v3-wrap)!important;
  margin:clamp(20px,3vw,36px) auto 0!important;box-shadow:none!important;border-radius:16px!important;
}
html body main>section.r213-page-head{padding:0!important}

/* 作品/案例：大类下的形式筛选 */
html body .r301-kinds{display:flex!important;flex-wrap:wrap;gap:0;margin:14px 0 6px}
html body main.r223-cases .r301-kinds{box-sizing:border-box;max-width:calc(var(--v3-wrap) + var(--v3-gutter)*2);margin:12px auto 0;padding:0 var(--v3-gutter)}

/* 选生意弹窗：出海是可单独勾选的附加项，不和卡片混成一个按钮 */
html body .yid-os{display:flex!important;justify-content:flex-start!important;width:calc(100% - 36px)!important;box-sizing:border-box!important;min-height:40px!important;margin:4px 18px 16px!important;padding:8px 12px!important;border:1px dashed #29aebe!important;border-radius:8px!important;font-size:14px!important;background:#fff!important;color:#197f8c!important}
html body .yid-os::before{content:"";flex:none;width:16px;height:16px;border:1.5px solid #29aebe;border-radius:3px;background:#fff}
html body .yid-os::after{content:"也做海外业务，勾选这里";margin-left:auto;font-size:12px;opacity:.85}
html[lang^="en"] body .yid-os::after{content:"Also selling overseas? Tick here"}
html body .yid-os svg{width:17px!important;height:17px!important}
html body .yid-os[aria-pressed="true"]{border-style:solid!important;background:#29aebe!important;color:#fff!important}
html body .yid-os[aria-pressed="true"]::before{background:#fff;box-shadow:inset 0 0 0 3px #29aebe}
html body .yid-os[aria-pressed="true"]::after{content:"已勾选，点击取消"}
html[lang^="en"] body .yid-os[aria-pressed="true"]::after{content:"Selected. Click to clear"}
html body .yid-os-check{display:none!important}

/* 出海行收紧：一行放下，不折行 */
html body .yid-os{flex-wrap:nowrap!important;gap:7px!important;white-space:nowrap!important;padding:7px 10px!important;font-size:13px!important;min-width:0!important}
html body .yid-os svg{display:none!important}
html body .yid-os::after{content:"也做海外可勾选"!important;margin-left:2px!important;font-size:12px!important}
html[lang^="en"] body .yid-os::after{content:"Tick if also overseas"!important}
html body .yid-os[aria-pressed="true"]::after{content:"已勾选"!important}
html[lang^="en"] body .yid-os[aria-pressed="true"]::after{content:"Selected"!important}

/* 案例页顶栏：标题和数量一行，大类一行，形式一行，不再挤压截断 */
html body main.r223-cases>header.r263-casebar{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;justify-content:space-between!important;gap:12px 24px!important;padding-top:36px!important;height:auto!important;position:static!important}
html body .r263-casebar>#r223-case-filters{order:3!important;flex:1 0 100%!important;display:flex!important;flex-wrap:wrap!important;overflow:visible!important;max-width:none!important;gap:0!important}
html body .r263-casebar>.r301-kinds{order:4!important;flex:1 0 100%!important;margin:0!important;padding:0!important;max-width:none!important}
html body #r223-case-filters button{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:4px 0!important;margin-right:24px!important;font-size:16px!important;font-weight:500!important;color:var(--v3-muted)!important;white-space:nowrap!important}
html body #r223-case-filters button[aria-pressed="true"]{color:var(--v3-ink)!important;font-weight:600!important;box-shadow:inset 0 -2px 0 var(--v3-purple)!important}
html body main.r223-cases>div:not(#v3a):not(#v3b){padding-top:20px!important}
html body main.r223-cases .r263-casebar #r223-case-filters button[aria-pressed="true"]{background:transparent!important;background-color:transparent!important;color:var(--v3-ink)!important}

/* 选生意：点卡片直接进站，确认按钮只在「帮我判断」得出结果后才出现 */
html body .yid-foot [data-act=ok]:disabled{display:none!important}
html body .yid-os::after{content:"也做海外，点这里"!important}
html body .yid-os[aria-pressed="true"]::after{content:"已选出海"!important}

/* 进站后常驻的切换按钮：主色实底，左下角，和右下角 Hannah 条互不遮挡 */
html body .yid-switch{position:fixed;left:20px;bottom:22px;z-index:900;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 40px);padding:11px 18px;border:0;border-radius:999px;background:var(--v3-deep);color:#fff;font:600 14px/1.2 var(--v3-sans);cursor:pointer;box-shadow:0 6px 20px rgba(47,36,71,.28)}
html body .yid-switch span{font-weight:400;opacity:.82;white-space:nowrap}
html body .yid-switch span::after{content:"";display:inline-block;width:1px;height:12px;margin-left:10px;background:rgba(255,255,255,.4);vertical-align:-1px}
html body .yid-switch b{font-weight:600;white-space:nowrap}
html body .yid-switch:hover{background:var(--v3-purple)}
@media (max-width:760px){
  html body .yid-switch{left:12px;bottom:auto;top:calc(100vh - 150px);padding:9px 14px;font-size:13px}
}

/* 选生意弹窗：先不选改成清楚的描边按钮；卡片标题和说明带图标 */
html body .yid-foot{display:flex!important;align-items:center!important;gap:14px!important}
html body .yid-skip{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:10px 26px!important;border:1.5px solid var(--v3-purple)!important;border-radius:999px!important;background:#fff!important;color:var(--v3-purple)!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important;cursor:pointer}
html body .yid-skip:hover{background:var(--v3-purple)!important;color:#fff!important}
html body .yid-card b{display:flex!important;align-items:center!important;gap:9px!important}
html body .yid-card svg{flex:none;color:var(--v3-purple)}
html body .yid-card b svg{width:24px;height:24px}
html body .yid-card span,html body .yid-card em{display:flex!important;align-items:flex-start!important;gap:7px!important}
html body .yid-card span svg,html body .yid-card em svg{width:15px;height:15px;margin-top:4px;opacity:.75}

/* 去掉作品重复说明后，空段落不占位 */
html body main p:empty{display:none!important}