/* R276 · 内页编辑风收尾（Claude）
   只作用于 body.is-inner（首页不加载）；放在所有样式表之后。
   修复：深色咨询区标题不可见、自动编号与原编号重复、首屏标题字体、
   AI 产品页整块加框上浮、手机端顶部导航挡屏、GEO 周期数字对比度、
   品宣案例孤行、作品合集标题对齐、关于我们地址排版、社媒竖版作品留白。 */

@font-face{
  font-family:"YU Serif";
  src:url("/assets/fonts/yu-serif-sc-600-r276.woff") format("woff");
  font-weight:600;font-style:normal;font-display:swap;
}
body.is-inner{
  --yu-serif:"YU Serif","Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;
  --yu-ink:#1C1426;
  --yu-on-dark:#DCD3EC;
}

/* 1. 标题：页面大标题与区块标题改用宋体，卡片内小标题仍用黑体 */
:is(html,#r276) body.is-inner main h1,
:is(html,#r276) body.is-inner main :is(.r247-section-head,.g251-heading,.g249-section-head,.r263-section-head,.r213-page-head,.r185-collection-heading,.r247-contact,.r263-hero,.r55-method-cta,.g251-platforms,.m252-heading,.s259-head,.s253-head,.r223-work-group-head) h2,
:is(html,#r276) body.is-inner main :is(section,header,div,details) > h2:not(:is(article,li,[class*=card],[class*=panel],[class*=case],[class*=chat],dialog) h2),
:is(html,#r276) body.is-inner main .r268-method-title{
  font-family:var(--yu-serif)!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
:is(html,#r276) body.is-inner main h1{line-height:1.2!important}

/* 2. 去掉 R274 自动加的“01 —”编号（页面本身已有编号，叠加后出现“01 — 01”） */
:is(html,#r276) body.is-inner :is(.r247-section-head,.g251-heading,.g249-section-head,.r263-section-head,.r213-page-head,.r185-collection-heading)::before{
  content:none!important;
  display:none!important;
}

/* 3. 页尾深色咨询区：标题改为白色，正文浅紫 */
:is(html,#r276) body.is-inner .r247-contact :is(h2,h3){color:#fff!important}
:is(html,#r276) body.is-inner .r247-contact p{color:var(--yu-on-dark)!important}

/* 4. 大区块不再整体上浮；只有作品/案例卡片保留轻微悬停 */
:is(html,#r276) body.is-inner :is(.g249-section,.r249-flow-panel,.g251-mode-panel,.r263-panel):hover{
  transform:none!important;
}
:is(html,#r276) body.is-inner :is(.g249-section,.r249-flow-panel,.g251-mode-panel,.r263-panel){
  transition:border-color .25s ease,box-shadow .25s ease!important;
}

/* 5. GEO 案例“3 个月”周期：白字在淡紫底上看不清 */
:is(html,#r276) body.is-inner .g251-case-metric strong,
:is(html,#r276) body.is-inner .g251-case-metric strong small{color:var(--yu-ink)!important}
:is(html,#r276) body.is-inner .g251-case-metric > span{color:#5E556F!important}

/* 6. 品宣/AI 等页“相关项目案例”：3 个案例一行排开，不留孤卡 */
@media (min-width:1024px){
  :is(html,#r276) body.is-inner .r247-grid:has(> .r247-card:nth-child(3):last-child){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* 7. 作品合集“重点作品”标题与其他区块一样左对齐 */
:is(html,#r276) body.is-inner .r185-collection-heading{text-align:left!important;justify-content:space-between!important}
:is(html,#r276) body.is-inner .r185-collection-heading h2{margin-inline:0!important;text-align:left!important}

/* 8. 关于我们：公司城市从两个孤零零的字改为一行带说明的地点条 */
:is(html,#r276) body.is-inner .r247-locations{
  display:flex!important;flex-wrap:wrap;gap:12px;
}
:is(html,#r276) body.is-inner .r247-locations > span{
  display:inline-flex;align-items:center;gap:10px;flex:0 0 auto!important;width:auto!important;
  padding:14px 22px;border:1px solid #E6E1EC;border-radius:999px;background:#fff;
  font:600 18px/1.2 var(--yu-serif);color:var(--yu-ink);
}
:is(html,#r276) body.is-inner .r247-locations > span::before{
  content:"";width:8px;height:8px;border-radius:50%;background:#6E4BA8;flex:none;
}

/* 10. 方法折叠条：与正文左右对齐；标题和一句话之间留出间距 */
:is(html,#r276) body.is-inner .r247-method-archive{padding-inline:0!important}
:is(html,#r276) body.is-inner .r247-method-archive{max-width:1280px;margin-inline:auto}
:is(html,#r276) body.is-inner .r247-method-archive > summary{
  display:flex!important;align-items:baseline;flex-wrap:wrap;gap:6px 20px!important;
  position:relative;padding:20px 64px 20px 24px!important;list-style:none;
  border:1px solid #E3DBEF!important;border-radius:16px!important;
  background:linear-gradient(110deg,#f8f5ff,#f7fbfc)!important;color:#35244f;
}
:is(html,#r276) body.is-inner .r247-method-archive > summary::-webkit-details-marker{display:none}
:is(html,#r276) body.is-inner .r247-method-archive > summary::after{
  content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;border-radius:50%;border:1px solid #D9CFEA;background:#fff;
  display:grid;place-items:center;font:500 18px/1 var(--yu-sans,system-ui);color:#5E3FA3;
  transition:transform .2s ease;
}
:is(html,#r276) body.is-inner .r247-method-archive[open] > summary::after{content:"−"}
:is(html,#r276) body.is-inner .r247-method-archive > summary .r268-method-title{font-size:clamp(20px,2.1vw,26px)!important;color:var(--yu-ink)}
:is(html,#r276) body.is-inner .r247-method-archive > summary .r268-method-core{font-size:clamp(13px,1.25vw,16px);line-height:1.7;color:#6E6680}
@media (max-width:720px){
  :is(html,#r276) body.is-inner .r247-method-archive > summary{display:block!important;padding:16px 56px 16px 17px!important}
  :is(html,#r276) body.is-inner .r247-method-archive > summary .r268-method-title{display:block;font-size:20px!important;margin-bottom:4px}
  :is(html,#r276) body.is-inner .r247-method-archive > summary .r268-method-core{display:block;font-size:13px}
  :is(html,#r276) body.is-inner .r247-method-archive > summary::after{right:14px;top:18px;transform:none}
}

@media (max-width:767px){
  :is(html,#r276) body.is-inner main h1{font-size:clamp(27px,7.6vw,32px)!important}
}
/* 标题换行均衡，避免手机上最后一行只剩一个字 */
:is(html,#r276) body.is-inner main :is(h1,h2){text-wrap:balance}

/* 11. GEO：方法折叠后页面编号只剩 01、03、04，去掉小编号避免跳号 */
:is(html,#r276) body.is-inner .g251-heading > span:first-child{display:none!important}
:is(html,#r276) body.is-inner .g251-heading{grid-template-columns:1fr!important;display:block!important}
:is(html,#r276) body.is-inner .m252-heading .g251-eyebrow{display:none!important}

/* 12. AI 产品页：两个产品大区块去掉外框和阴影，内容不再贴边 */
:is(html,#r276) body.is-inner .g249-section{border:0!important;box-shadow:none!important;background:transparent!important;padding-inline:0!important}

/* 13. 社媒作品轮播：竖版作品左栏撑满卡片高度，作品居中，不再下方大片留白 */
@media (min-width:768px){
  :is(html,#r276) body.is-inner .s253-gallery .s253-card:not(.s253-card--case):not(.s253-card--text){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:stretch!important}
  :is(html,#r276) body.is-inner .s253-gallery .s253-card:not(.s253-card--case):not(.s253-card--text) .s253-figure{height:auto!important;min-height:0!important;align-self:stretch!important;padding:20px!important}
  :is(html,#r276) body.is-inner .s253-gallery .s253-card:not(.s253-card--case):not(.s253-card--text) .s253-figure :is(img,video){height:100%!important;max-height:640px;width:100%!important;object-fit:contain!important}
}

/* 14. 作品合集：竖屏短视频一行 4 个（原来 3 个，单个高度超过一屏） */
@media (min-width:1200px){
  :is(html,#r276) body.is-inner .r223-work-group--portrait .r223-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* 15. 品宣首屏右侧卡片：英文图注不换行把卡片撑出边界，右侧文字被裁掉 */
:is(html,#r276) body.is-inner .r247-proof-steps{grid-template-columns:minmax(0,1fr)!important}
:is(html,#r276) body.is-inner .r274-brand-visual figcaption{white-space:normal!important}

/* 16. 手机端作品合集：29 个竖屏视频原来竖排一列（约 2.5 万像素长），改为横向滑动一行 */
@media (max-width:767px){
  :is(html,#r276) body.is-inner .r223-work-group--portrait .r223-media-grid{
    display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;
    grid-auto-columns:76%!important;gap:12px!important;
    overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    margin-inline:-16px!important;padding:2px 16px 10px!important;scroll-padding-inline:16px;
  }
  :is(html,#r276) body.is-inner .r223-work-group--portrait .r223-media-grid > *{scroll-snap-align:start;min-width:0}
}

/* 9. 手机端：顶部导航不再固定占屏，菜单改为一行可横向滑动 */
@media (max-width:767px){
  :is(html,#r276) body.is-inner header.r66-header[class][class]{
    position:relative!important;top:auto!important;
    padding:10px 16px 8px!important;gap:6px!important;
    box-shadow:none!important;
  }
  :is(html,#r276) body.is-inner[data-r113-page] main{padding-top:16px!important}
  :is(html,#r276) body.is-inner header.r66-header[class][class] nav.r66-primary-nav#r113-site-navigation{
    display:flex!important;flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;
    gap:6px!important;margin:0 -16px!important;padding:2px 16px 4px!important;
    width:auto!important;max-width:none!important;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);
            mask-image:linear-gradient(90deg,#000 88%,transparent);
  }
  :is(html,#r276) body.is-inner header.r66-header[class][class] nav.r66-primary-nav#r113-site-navigation::-webkit-scrollbar{display:none}
  :is(html,#r276) body.is-inner header.r66-header[class][class] nav.r66-primary-nav#r113-site-navigation > a{
    flex:0 0 auto!important;width:auto!important;min-height:36px!important;
    padding:0 14px!important;font-size:14px!important;white-space:nowrap;
  }
}

/* R277 · 社媒方法论“节目化”：电视节目类型 → 自媒体变种 */
:is(html,#r276) body.is-inner .r277-programs{margin:clamp(40px,6vw,72px) 0 clamp(28px,4vw,48px);padding-top:clamp(28px,4vw,44px);border-top:1px solid #E6E1EC}
:is(html,#r276) body.is-inner .r277-head{max-width:860px}
:is(html,#r276) body.is-inner .r277-head h2{margin:8px 0 14px!important}
:is(html,#r276) body.is-inner .r277-head > p:last-child{font-size:clamp(15px,1.2vw,17px);line-height:1.85;color:#4A4458;margin:0}
:is(html,#r276) body.is-inner .r277-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:28px 0 14px;font-size:13px;color:#77708A}
:is(html,#r276) body.is-inner .r277-legend span:first-child{color:#5E3FA3;font-weight:700}
:is(html,#r276) body.is-inner .r277-legend i{font-style:normal;color:#B3A3D6}
:is(html,#r276) body.is-inner .r277-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
:is(html,#r276) body.is-inner .r277-grid article{display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px;border:1px solid #E6E1EC;border-radius:16px;background:#fff}
:is(html,#r276) body.is-inner .r277-grid .r277-tv{margin:0;font-size:13px;font-weight:700;color:#77708A;letter-spacing:.04em}
:is(html,#r276) body.is-inner .r277-grid .r277-tv::after{content:" →";color:#B3A3D6}
:is(html,#r276) body.is-inner .r277-grid h3{margin:0 0 4px;font-size:18px;line-height:1.4;color:#1C1426}
:is(html,#r276) body.is-inner .r277-grid p{margin:0;font-size:14px;line-height:1.7;color:#4A4458}
:is(html,#r276) body.is-inner .r277-grid .r277-ex{margin-top:auto;padding-top:10px;font-size:13px}
:is(html,#r276) body.is-inner .r277-grid .r277-ex a{color:#5E3FA3;text-decoration:none;border-bottom:1px solid #D9CFEA}
:is(html,#r276) body.is-inner .r277-grid .r277-ex a:hover{border-color:#5E3FA3}
:is(html,#r276) body.is-inner .r277-graphic{margin:14px 0 0;padding:14px 20px;border-radius:14px;background:#F5F1FB;font-size:14px;line-height:1.7;color:#4A4458}
:is(html,#r276) body.is-inner .r277-graphic b{color:#1C1426;margin-right:12px}
:is(html,#r276) body.is-inner .r277-ai{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:8px 32px;align-items:baseline;margin-top:14px;padding:22px 24px;border-radius:16px;background:#2E2446;color:#DCD3EC}
:is(html,#r276) body.is-inner .r277-ai h3{margin:0;color:#fff!important;font-family:var(--yu-serif)!important;font-weight:600!important;font-size:clamp(18px,1.6vw,22px)}
:is(html,#r276) body.is-inner .r277-ai p{margin:0;font-size:14px;line-height:1.8;color:#DCD3EC}
@media (max-width:1023px){:is(html,#r276) body.is-inner .r277-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  :is(html,#r276) body.is-inner .r277-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:2px 16px 10px;scroll-padding-inline:16px}
  :is(html,#r276) body.is-inner .r277-grid article{scroll-snap-align:start}
  :is(html,#r276) body.is-inner .r277-ai{grid-template-columns:1fr;padding:18px}
  :is(html,#r276) body.is-inner .r277-graphic b{display:block;margin:0 0 2px}
}

/* R278 · AI 产品页“产品路线”：诊断 → 创作 → 复盘 → 沟通 → 互动 */
:is(html,#r276) body.is-inner .r278-road{max-width:1280px;margin:clamp(40px,6vw,80px) auto;padding-top:clamp(28px,4vw,44px);border-top:1px solid #E6E1EC}
:is(html,#r276) body.is-inner .r278-head{max-width:860px;margin-bottom:24px}
:is(html,#r276) body.is-inner .r278-eyebrow{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.12em;color:#4F3380}
:is(html,#r276) body.is-inner .r278-head h2{margin:0 0 14px!important}
:is(html,#r276) body.is-inner .r278-head > p:last-child{margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.85;color:#4A4458}
:is(html,#r276) body.is-inner .r278-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:none}
:is(html,#r276) body.is-inner .r278-steps > li{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 18px;border:1px solid #E6E1EC;border-radius:16px;background:#fff}
:is(html,#r276) body.is-inner .r278-steps > li:not(:last-child)::after{content:"→";position:absolute;right:-11px;top:26px;width:10px;text-align:center;color:#B3A3D6;font-size:14px}
:is(html,#r276) body.is-inner .r278-step{margin:0;font-size:13px;font-weight:700;color:#77708A;letter-spacing:.04em}
:is(html,#r276) body.is-inner .r278-steps h3{margin:0;font-size:18px;line-height:1.4;color:#1C1426}
:is(html,#r276) body.is-inner .r278-steps p{margin:0;font-size:14px;line-height:1.7;color:#4A4458}
:is(html,#r276) body.is-inner .r278-steps .r278-sub{margin-top:auto;padding-top:10px;border-top:1px dashed #E6E1EC;font-size:13px;color:#5E556F}
:is(html,#r276) body.is-inner .r278-tag{align-self:flex-start;display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}
:is(html,#r276) body.is-inner .r278-sub .r278-tag{margin-left:6px;vertical-align:1px}
:is(html,#r276) body.is-inner .r278-tag--dev{background:#F1ECF8;color:#4F3380}
:is(html,#r276) body.is-inner .r278-tag--beta{background:#E3F4EF;color:#1F6B57}
:is(html,#r276) body.is-inner .r278-note{margin:14px 0 0;font-size:13px;line-height:1.7;color:#77708A}
@media (max-width:1199px){:is(html,#r276) body.is-inner .r278-steps{grid-template-columns:repeat(3,minmax(0,1fr))}:is(html,#r276) body.is-inner .r278-steps > li::after{display:none}}
@media (max-width:767px){
  :is(html,#r276) body.is-inner .r278-road{margin-inline:16px}
  :is(html,#r276) body.is-inner .r278-steps{grid-template-columns:1fr}
}

/* R278 · 作品合集“重点作品”轮播：竖版作品把整排卡片撑高，横版卡片下方大片空白 → 统一画面高度 */
:is(html,#r276) body.is-inner .r223-featured .r223-carousel{align-items:stretch!important}
:is(html,#r276) body.is-inner .r223-featured .r223-carousel-card{height:auto!important}
:is(html,#r276) body.is-inner .r223-featured .r223-carousel-card .r221-direct-media{height:clamp(220px,24vw,340px)!important;max-height:none!important;aspect-ratio:auto!important;background:#F1ECF8!important;overflow:hidden}
:is(html,#r276) body.is-inner .r223-featured .r223-carousel-card .r221-direct-media :is(img,video){width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
:is(html,#r276) body.is-inner .r223-featured .r223-carousel-card .r221-card-copy{flex-grow:1}

/* R278 · 作品合集图文组：高海报把整行卡片撑到 1000px+，其他卡片大片空白 → 统一画面高度 */
:is(html,#r276) body.is-inner .r223-work-group--graphic .r221-card .r221-direct-media{height:clamp(220px,22vw,320px)!important;max-height:none!important;aspect-ratio:auto!important;background:#F1ECF8!important;overflow:hidden}
:is(html,#r276) body.is-inner .r223-work-group--graphic .r221-card .r221-direct-media :is(img,video){width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
/* 重点作品轮播：卡片统一宽度（竖版卡片太窄会把文字拉长、撑高整排） */
:is(html,#r276) body.is-inner .r223-featured .r223-carousel > .r223-carousel-card{flex:0 0 clamp(280px,calc((100% - 32px)/3),440px)!important;width:auto!important;max-width:none!important;min-width:0!important}
:is(html,#r276) body.is-inner .r223-featured .r223-carousel-card .r221-direct-media{height:clamp(220px,20vw,300px)!important}
@media (max-width:767px){:is(html,#r276) body.is-inner .r223-featured .r223-carousel > .r223-carousel-card{flex-basis:80%!important}}

/* 社媒作品轮播：文字列不再把“展开说明”推到卡片底部，画面限高 520 */
@media (min-width:768px){
  :is(html,#r276) body.is-inner .s253-gallery .s253-card:not(.s253-card--case):not(.s253-card--text){min-height:0!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important}
  :is(html,#r276) body.is-inner .s253-gallery .s253-card:not(.s253-card--case):not(.s253-card--text) .s253-figure{height:clamp(360px,38vw,520px)!important}
  :is(html,#r276) body.is-inner .s253-gallery .s253-card:not(.s253-card--case):not(.s253-card--text) .s253-figure :is(img,video){max-height:none!important}
  :is(html,#r276) body.is-inner .s253-gallery .s253-card:not(.s253-card--case):not(.s253-card--text) .s253-copy{min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:32px 40px!important}
  :is(html,#r276) body.is-inner .s253-gallery .s253-card:not(.s253-card--case):not(.s253-card--text) .s253-detail{margin-top:24px!important}
}
/* 社媒项目案例（视频案例）：同样去掉固定 560 高度，文字与“展开项目资料”紧跟，整体垂直居中 */
@media (min-width:768px){
  :is(html,#r276) body.is-inner .s253-gallery .s253-card--case:not(.s253-card--text){min-height:0!important}
  :is(html,#r276) body.is-inner .s253-gallery .s253-card--case:not(.s253-card--text) .s253-copy{min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  :is(html,#r276) body.is-inner .s253-gallery .s253-card--case:not(.s253-card--text) .s253-detail{margin-top:20px!important}
  :is(html,#r276) body.is-inner .s253-gallery .s253-card--text,
  :is(html,#r276) body.is-inner .s253-gallery .s253-card--text .s253-copy{min-height:0!important}
}
/* 案例卡里的封面图：图片未加载前高度为 0，卡片中间出现大空白 → 预留 16:9 位置 */
:is(html,#r276) body.is-inner .r247-card .r247-case-video{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#F1ECF8;border-radius:12px}
/* R279 · AI 产品页能力区改版（Claude）：两条线并列。内容增长线 = 诊断→创作→复盘闭环（创作为主卡）；客户承接线 = 企业微信销售助手 + 评论私信统一回复。
   只用于 section.r279-cap；所有元素自带 margin/padding/列表重置，避免被旧样式影响。 */
:is(html,#r276) body.is-inner .r279-cap{--c-ink:#1C1426;--c-body:#4A4458;--c-mute:#77708A;--c-line:#E6E1EC;--c-soft:#F6F3FB;--c-soft2:#F1ECF8;--c-accent:#4F3380;--c-ok:#1F6B57;--c-warn:#94640F;--c-hot:#B4462A;
  max-width:1280px;margin:clamp(40px,6vw,80px) auto;padding-top:clamp(28px,4vw,44px);border-top:1px solid var(--c-line);display:grid;gap:clamp(22px,2.6vw,32px);color:var(--c-body)}
:is(html,#r276) body.is-inner .r279-cap :where(p,h3,h4,h5,ol,ul,li){margin:0;padding:0}
:is(html,#r276) body.is-inner .r279-cap :where(ol,ul){list-style:none}
:is(html,#r276) body.is-inner .r279-cap :where(ol,ul) > :where(li)::before{content:none}
:is(html,#r276) body.is-inner .r279-head{max-width:880px;display:grid;gap:12px}
:is(html,#r276) body.is-inner .r279-eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--c-accent)}
:is(html,#r276) body.is-inner .r279-head h2{margin:0!important}
:is(html,#r276) body.is-inner .r279-head > p:last-child{font-size:clamp(15px,1.2vw,17px);line-height:1.85;color:var(--c-body)}

/* 两条线总览 */
:is(html,#r276) body.is-inner .r279-lines{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
:is(html,#r276) body.is-inner .r279-line{background:#fff;border:1px solid var(--c-line);border-radius:18px;padding:20px 22px;display:grid;gap:10px;align-content:start;min-width:0}
:is(html,#r276) body.is-inner .r279-k{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--c-mute)}
:is(html,#r276) body.is-inner .r279-line-t{font-size:19px;font-weight:700;line-height:1.4;color:var(--c-ink)}
:is(html,#r276) body.is-inner .r279-line > p:not([class]){font-size:14px;line-height:1.75}
:is(html,#r276) body.is-inner .r279-loop{display:block;width:100%;max-width:640px;height:auto}
:is(html,#r276) body.is-inner .r279-loop text{font-family:inherit}
:is(html,#r276) body.is-inner .r279-pills{display:flex;flex-wrap:wrap;gap:8px}
:is(html,#r276) body.is-inner .r279-pills span{border-radius:999px;padding:5px 14px;font-size:14px;font-weight:600;background:var(--c-soft2);color:var(--c-accent)}

/* 分带标题 */
:is(html,#r276) body.is-inner .r279-band{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding-bottom:12px;border-bottom:1px solid var(--c-line);margin-top:8px}
:is(html,#r276) body.is-inner .r279-band-t{font-family:var(--yu-serif)!important;font-weight:600!important;font-size:clamp(20px,1.8vw,24px)!important;line-height:1.35;color:var(--c-ink)}
:is(html,#r276) body.is-inner .r279-band > p{font-size:14px;color:var(--c-mute)}

/* 模块卡 */
:is(html,#r276) body.is-inner .r279-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
:is(html,#r276) body.is-inner .r279-mod{background:#fff;border:1px solid var(--c-line);border-radius:18px;padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;gap:16px;min-width:0}
:is(html,#r276) body.is-inner .r279-feature{grid-column:1 / -1;border-color:#CFC2E6;box-shadow:0 22px 44px -32px rgba(79,51,128,.55)}
:is(html,#r276) body.is-inner .r279-badge{align-self:flex-start;font-size:12px;font-weight:700;background:var(--c-accent);color:#fff;border-radius:999px;padding:3px 11px;margin-bottom:-6px!important}
:is(html,#r276) body.is-inner .r279-step{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--c-mute);margin-bottom:-8px!important}
:is(html,#r276) body.is-inner .r279-step b{color:var(--c-accent)}
:is(html,#r276) body.is-inner .r279-mod h4{font-size:clamp(19px,1.6vw,22px)!important;font-weight:700!important;line-height:1.4!important;color:var(--c-ink)!important;font-family:inherit!important;letter-spacing:0!important}
:is(html,#r276) body.is-inner .r279-lede{font-size:15px;line-height:1.8}
:is(html,#r276) body.is-inner .r279-pain{background:var(--c-soft);border-radius:12px;padding:12px 14px 12px 38px;font-size:14px;line-height:1.7;position:relative}
:is(html,#r276) body.is-inner .r279-pain::before{content:"!";position:absolute;left:13px;top:13px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--c-warn);color:var(--c-warn);font-size:11px;font-weight:800;line-height:14px;text-align:center}
:is(html,#r276) body.is-inner .r279-pain b{color:var(--c-ink)}
:is(html,#r276) body.is-inner .r279-cap-note{font-size:12px;line-height:1.6;color:var(--c-mute)}

/* 深度要点 */
:is(html,#r276) body.is-inner .r279-deep{display:grid;gap:10px;margin-top:auto!important}
:is(html,#r276) body.is-inner .r279-deep > li{position:relative;padding-left:24px!important;font-size:14px;line-height:1.75}
:is(html,#r276) body.is-inner .r279-deep > li::before{content:""!important;position:absolute;left:2px;top:7px;width:11px;height:6px;border-left:2px solid var(--c-accent);border-bottom:2px solid var(--c-accent);transform:rotate(-45deg)}
:is(html,#r276) body.is-inner .r279-deep b{color:var(--c-ink)}
:is(html,#r276) body.is-inner .r279-deep--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}

/* 360 章节 */
:is(html,#r276) body.is-inner .r279-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;counter-reset:r279c -1}
:is(html,#r276) body.is-inner .r279-toc > li{counter-increment:r279c;display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;background:var(--c-soft);border-radius:8px;padding:6px 10px!important}
:is(html,#r276) body.is-inner .r279-toc > li::before{content:counter(r279c)!important;min-width:14px;font-weight:700;color:var(--c-accent);font-variant-numeric:tabular-nums}
:is(html,#r276) body.is-inner .r279-toc .is-gap{outline:1px dashed var(--c-warn);outline-offset:-1px}
:is(html,#r276) body.is-inner .r279-toc em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--c-warn);white-space:nowrap}

/* 复盘流水线 + 打法卡 */
:is(html,#r276) body.is-inner .r279-pipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
:is(html,#r276) body.is-inner .r279-pipe > li{display:grid;gap:3px;text-align:center;background:var(--c-soft);border-radius:10px;padding:10px 6px!important;font-size:12px;line-height:1.5}
:is(html,#r276) body.is-inner .r279-pipe b{font-size:13px;color:var(--c-ink)}
:is(html,#r276) body.is-inner .r279-rules{border:1px solid var(--c-line);border-radius:12px;padding:14px 16px;display:grid;gap:9px;font-size:13px}
:is(html,#r276) body.is-inner .r279-rules-t{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-weight:700;color:var(--c-ink)}
:is(html,#r276) body.is-inner .r279-rules-t span:last-child{font-weight:400;font-size:11px;color:var(--c-mute)}
:is(html,#r276) body.is-inner .r279-rule{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;line-height:1.5}
:is(html,#r276) body.is-inner .r279-tag{font-size:11px;font-weight:700;border-radius:6px;padding:1px 7px;white-space:nowrap}
:is(html,#r276) body.is-inner .r279-tag.is-do{background:#E3F4EF;color:var(--c-ok)}
:is(html,#r276) body.is-inner .r279-tag.is-no{background:#FBEAE4;color:var(--c-hot)}
:is(html,#r276) body.is-inner .r279-tag.is-test{background:#FBF1DD;color:var(--c-warn)}
:is(html,#r276) body.is-inner .r279-tog{display:block;width:28px;height:16px;border-radius:999px;background:var(--c-accent);position:relative}
:is(html,#r276) body.is-inner .r279-tog::after{content:"";position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff}

/* 创作：四层 */
:is(html,#r276) body.is-inner .r279-craft{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
:is(html,#r276) body.is-inner .r279-layer{border:1px solid var(--c-line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:9px;min-width:0}
:is(html,#r276) body.is-inner .r279-n{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--c-accent)}
:is(html,#r276) body.is-inner .r279-layer h5{font-size:16px!important;font-weight:700!important;line-height:1.4;color:var(--c-ink);font-family:inherit!important}
:is(html,#r276) body.is-inner .r279-layer > p:not([class]){font-size:13px;line-height:1.7}
:is(html,#r276) body.is-inner .r279-chips{display:flex;flex-wrap:wrap;gap:6px}
:is(html,#r276) body.is-inner .r279-chips span,:is(html,#r276) body.is-inner .r279-shared span{font-size:12px;line-height:1.5;border:1px solid var(--c-line);border-radius:999px;padding:2px 9px;background:var(--c-soft)}
:is(html,#r276) body.is-inner .r279-chips span:last-child{border-style:dashed;color:var(--c-accent)}
:is(html,#r276) body.is-inner .r279-meter{display:grid;gap:5px}
:is(html,#r276) body.is-inner .r279-meter-bar{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#3E9E7C,#D9A441,#C9563A);position:relative}
:is(html,#r276) body.is-inner .r279-meter-bar i{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--c-ink);transform:translate(-50%,-50%)}
:is(html,#r276) body.is-inner .r279-meter-row{display:flex;justify-content:space-between;font-size:11px;color:var(--c-mute)}
:is(html,#r276) body.is-inner .r279-cap mark{background:#F8DFD6;color:inherit;border-radius:3px;padding:0 2px}
:is(html,#r276) body.is-inner .r279-wiz{display:grid;gap:7px;counter-reset:r279w}
:is(html,#r276) body.is-inner .r279-wiz > li{counter-increment:r279w;display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.55}
:is(html,#r276) body.is-inner .r279-wiz > li::before{content:counter(r279w)!important;flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--c-soft2);color:var(--c-accent)}

/* 分镜画布 */
:is(html,#r276) body.is-inner .r279-board{background:var(--c-soft);border-radius:14px;padding:16px;display:grid;gap:12px;min-width:0}
:is(html,#r276) body.is-inner .r279-board-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font-size:13px}
:is(html,#r276) body.is-inner .r279-board-h b{color:var(--c-ink)}
:is(html,#r276) body.is-inner .r279-applied{font-size:12px;font-weight:700;color:var(--c-ok);background:#E3F4EF;border-radius:999px;padding:2px 10px}
:is(html,#r276) body.is-inner .r279-shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
:is(html,#r276) body.is-inner .r279-shot{background:#fff;border:1px solid var(--c-line);border-radius:10px;padding:8px;display:grid;grid-template-columns:minmax(0,1fr);gap:5px;font-size:12px;line-height:1.45;min-width:0;overflow-wrap:anywhere}
:is(html,#r276) body.is-inner .r279-frame{display:grid;place-items:center;aspect-ratio:16/10;max-width:100%;min-width:0;padding:4px;text-align:center;border-radius:6px;background:linear-gradient(160deg,#EDE6F8,#F8F6FB);color:var(--c-mute);font-size:11px}
:is(html,#r276) body.is-inner .r279-shot .is-ok{font-weight:700;color:var(--c-ok)}
:is(html,#r276) body.is-inner .r279-shot .is-run{font-weight:700;color:var(--c-accent)}
:is(html,#r276) body.is-inner .r279-shot .is-redo{font-weight:700;color:var(--c-warn)}
:is(html,#r276) body.is-inner .r279-shot .is-ai{font-weight:700;color:var(--c-accent)}
:is(html,#r276) body.is-inner .r279-shot .is-shoot{font-weight:700;color:var(--c-ok)}
:is(html,#r276) body.is-inner .r279-shot .is-mix{font-weight:700;color:var(--c-warn)}
:is(html,#r276) body.is-inner .r279-frame.is-real{background:repeating-linear-gradient(135deg,#EAF4F0 0 8px,#F5FAF8 8px 16px);color:var(--c-ok)}
:is(html,#r276) body.is-inner .r279-why{font-size:13px;line-height:1.75;color:var(--c-body)}
:is(html,#r276) body.is-inner .r279-shared{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--c-mute)}
:is(html,#r276) body.is-inner .r279-shared span{background:#fff}

/* 客户承接线 */
:is(html,#r276) body.is-inner .r279-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px!important;border-radius:10px;background:var(--c-soft2)}
:is(html,#r276) body.is-inner .r279-seg span{text-align:center;font-size:13px;padding:7px 4px;border-radius:7px}
:is(html,#r276) body.is-inner .r279-seg .is-on{background:#fff;color:var(--c-accent);font-weight:700;box-shadow:0 1px 3px rgba(28,20,38,.14)}
:is(html,#r276) body.is-inner .r279-seg-note{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:-10px!important;font-size:11px;line-height:1.5;color:var(--c-mute);text-align:center}
:is(html,#r276) body.is-inner .r279-inbox{display:grid;gap:6px}
:is(html,#r276) body.is-inner .r279-msg{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--c-soft);border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.5}
:is(html,#r276) body.is-inner .r279-src{font-size:11px;font-weight:700;border-radius:6px;padding:1px 7px;background:#fff;border:1px solid var(--c-line);color:var(--c-ink);white-space:nowrap}
:is(html,#r276) body.is-inner .r279-msg > span:last-child{font-size:11px;font-weight:700;white-space:nowrap}
:is(html,#r276) body.is-inner .r279-msg .is-draft{color:var(--c-accent)}
:is(html,#r276) body.is-inner .r279-msg .is-wait{color:var(--c-warn)}
:is(html,#r276) body.is-inner .r279-msg .is-done{color:var(--c-mute)}
:is(html,#r276) body.is-inner .r279-foot{font-size:13px;line-height:1.7;color:var(--c-mute)}

@media (max-width:1023px){
  :is(html,#r276) body.is-inner .r279-lines,:is(html,#r276) body.is-inner .r279-grid{grid-template-columns:minmax(0,1fr)}
  :is(html,#r276) body.is-inner .r279-craft{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  :is(html,#r276) body.is-inner .r279-cap{margin-inline:16px}
  :is(html,#r276) body.is-inner .r279-deep--2,:is(html,#r276) body.is-inner .r279-toc{grid-template-columns:minmax(0,1fr)}
  :is(html,#r276) body.is-inner .r279-shots{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(html,#r276) body.is-inner .r279-pipe{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){
  :is(html,#r276) body.is-inner .r279-craft{grid-template-columns:minmax(0,1fr)}
  :is(html,#r276) body.is-inner .r279-msg{grid-template-columns:auto minmax(0,1fr)}
  :is(html,#r276) body.is-inner .r279-msg > span:last-child{grid-column:2}
}
/* R280 · 内页优化（Claude）
   1. 社媒页「AI 让做节目的门槛大幅降低」：改成「AI 出创意、做复盘 + 逐镜判断实拍还是 AI」三栏说明。
   2. 作品合集：电脑端一行放更多作品、创意亮点限 3 行；手机端图文与横版影片改为横向滑动（原来一列约 1.4 万像素长）。
   3. 案例合集：「更多项目结果」同一行卡片等高，没有数字的空「项目结果」框不再显示。
   4. GEO、作品合集、案例合集页尾补上「聊清需求」咨询入口，与其他内页一致。 */
:is(html,#r276) body.is-inner .r280-ai{grid-template-columns:minmax(0,.9fr) minmax(0,2fr)}
:is(html,#r276) body.is-inner .r280-ai .r280-ai-split{grid-column:1 / -1;list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:is(html,#r276) body.is-inner .r280-ai .r280-ai-split > li{display:grid;gap:6px;align-content:start;margin:0;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
:is(html,#r276) body.is-inner .r280-ai .r280-ai-split > li::before{content:none}
:is(html,#r276) body.is-inner .r280-ai .r280-ai-split b{font-size:15px;line-height:1.45;color:#fff}
:is(html,#r276) body.is-inner .r280-ai .r280-ai-split span{font-size:13px;line-height:1.7;color:#DCD3EC}
:is(html,#r276) body.is-inner .r280-ai .r280-ai-split > li:nth-child(2){border-color:rgba(132,214,180,.45)}
@media (max-width:1023px){
  :is(html,#r276) body.is-inner .r280-ai .r280-ai-split{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  :is(html,#r276) body.is-inner .r280-ai{grid-template-columns:minmax(0,1fr)}
}

/* 作品合集：创意亮点最多 3 行（完整内容在「创作亮点解读」里） */
:is(html,#r276) body.is-inner .r223-media-grid .r236-creative-highlight p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:1200px){
  :is(html,#r276) body.is-inner .r223-work-group--portrait .r223-media-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}
  :is(html,#r276) body.is-inner .r223-work-group--graphic .r223-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
  :is(html,#r276) body.is-inner .r223-work-group--graphic .r221-card .r221-direct-media{height:clamp(200px,15vw,240px)!important}
  :is(html,#r276) body.is-inner .r223-media-grid .r221-card-copy{padding:16px 16px 18px!important}
  :is(html,#r276) body.is-inner .r223-media-grid .r221-card-copy h2{font-size:17px!important;line-height:1.45!important}
}
@media (max-width:767px){
  :is(html,#r276) body.is-inner :is(.r223-work-group--graphic,.r223-work-group--landscape) .r223-media-grid{
    display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;
    grid-auto-columns:82%!important;gap:12px!important;max-width:none!important;align-items:start!important;
    overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    margin-inline:-16px!important;padding:2px 16px 10px!important;scroll-padding-inline:16px;
  }
  :is(html,#r276) body.is-inner .r223-work-group--landscape .r223-media-grid{grid-auto-columns:88%!important}
  :is(html,#r276) body.is-inner :is(.r223-work-group--graphic,.r223-work-group--landscape) .r223-media-grid > *{scroll-snap-align:start;min-width:0;align-self:start!important}
}

/* 案例合集「更多项目结果」：同一行卡片等高，「项目细节」对齐到底部；没有数字的「项目结果」空框不再显示 */
:is(html,#r276) body.is-inner .r239-group--results .r239-grid{align-items:stretch!important}
:is(html,#r276) body.is-inner .r239-group--results .r239-case{display:flex!important;flex-direction:column!important}
:is(html,#r276) body.is-inner .r239-group--results .r239-case > details{margin-top:auto!important}
:is(html,#r276) body.is-inner .r239-result:not(:has(dd)){display:none!important}

/* 页尾咨询入口 */
:is(html,#r276) body.is-inner .r280-cta{margin-top:16px!important;margin-bottom:56px!important}
:is(html,#r276) body.is-inner .g251-page > .r280-cta{max-width:1280px!important;margin-inline:auto!important}
:is(html,#r276) body.is-inner .r223-works > .r280-cta{max-width:1385px!important}
:is(html,#r276) body.is-inner .r223-cases > .r280-cta{max-width:1296px!important}