/* R273 · 内页视觉统一（试点：GEO 中英文页）
   只作用于 body.is-inner；首页 body.is-home 不加载、不受影响。
   放在页面最后一个样式表之后加载。规范：字体统一、标题同级同号、最小字号 13px、卡片圆角 16px。 */
body.is-inner{
  --yu-ink:#1F1A2E;--yu-text:#4E4862;--yu-muted:#6E6680;
  --yu-accent:#6E4BA8;--yu-accent-ink:#4F3380;--yu-line:#E7E1EF;
  --yu-font:system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
  --yu-radius:16px;
  background:#FFFFFF;
  font-family:var(--yu-font);
  -webkit-font-smoothing:antialiased;
}

/* 1. 字体：内页所有文字统一到同一套字体（Logo 为图片，不受影响） */
body.is-inner :is(main,header,footer,nav,dialog,aside,#yu-x) :is(h1,h2,h3,h4,h5,h6,p,li,a,span,small,strong,b,i,em,dt,dd,button,label,figcaption,summary,input,textarea,select,td,th,blockquote,div){
  font-family:var(--yu-font)!important;
}

/* 2. 标题：页面标题 48 / 区块标题 32 / 卡片内标题 22（随屏幕缩放） */
body.is-inner :is(main,#yu-x) h1{
  font-size:clamp(34px,3.4vw,48px)!important;line-height:1.25!important;font-weight:700!important;
  letter-spacing:-.01em!important;color:var(--yu-ink);
}
body.is-inner :is(main,#yu-x) :is(section,header,div,details)>h2:not(:is(article,li,[class*=card],[class*=panel],[class*=case]) h2){
  font-size:clamp(24px,2.3vw,32px)!important;line-height:1.3!important;font-weight:700!important;
  letter-spacing:-.005em!important;color:var(--yu-ink);
}
body.is-inner :is(main,#yu-x) :is(article,li,[class*=card],[class*=panel],[class*=case]) h2{
  font-size:clamp(19px,1.7vw,22px)!important;line-height:1.4!important;font-weight:700!important;letter-spacing:0!important;
}
body.is-inner main :is(h3,h4){font-weight:700}
body.is-inner main :is(h1,h2,h3){color:var(--yu-ink)}
body.is-inner main p{line-height:1.75}

/* 3. 最小字号 13px：以下元素经实测在电脑和手机上都小于 13px（9–12px） */
body.is-inner :is(main,#yu-x) :is(
  .g251-eyebrow,.r266-credentials-label,.g251-entry-diagram>p,.g251-entry-result>span,.g251-entry-diagram>small,
  .g251-platforms>p,.g251-platform-note,.g251-mode-tabs span,.g251-outcomes>h4,.g251-customer>h4,
  .g251-search-result>span,.g251-customer-next>b,.g251-panel-note>b,.c252-measure-note,.g251-case-metric>span,
  .g251-case-main>small,.m252-total,.m252-tabs small,.m252-toolbar>p,.m252-controls>span,.m252-toggle>span,
  .m252-name,.m252-note){
  font-size:13px!important;line-height:1.5!important;
}
/* 仅手机端小于 13px 的元素 */
@media (max-width:767px){
  body.is-inner :is(main,#yu-x) :is(
    .r266-credentials>p,.g251-jump>a,.g251-entry>span,.g251-platforms li,.g251-heading>span,.g251-heading p,
    .g251-mode-tabs b,.m252-tabs span){
    font-size:13px!important;line-height:1.5!important;
  }
}
body.is-inner :is(main,#yu-x) .g251-eyebrow{letter-spacing:.12em!important}

/* 4. 卡片：原来 10–22px 不等的圆角统一为 16px */
body.is-inner :is(main,#yu-x) :is(
  .g251-entry-diagram,.g251-entry,.g251-entry-result,.g251-platforms,.g251-mode-panel,.g251-search-window,
  .r247-method-archive>summary,.r247-method-archive li,.r266-source-route,.r266-source-channels>div,
  .g251-case,.g251-case-metric,.g251-case-main,.m252-wall,.m252-card){
  border-radius:var(--yu-radius)!important;
}

/* R274 · 墨紫编辑风细化
   内容沿用现有页面；这里只统一内页的层次、边界与节奏，首页不加载本表。 */
body.is-inner{
  --yu-paper:#fbfaff;
  --yu-paper-strong:#f5f1fb;
  --yu-purple-deep:#302044;
  --yu-shadow:0 18px 48px rgba(48,32,68,.08);
  background:var(--yu-paper);
}
body.is-inner .header{
  background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--yu-line);
  box-shadow:0 8px 24px rgba(48,32,68,.04);
  backdrop-filter:blur(12px);
}
body.is-inner :is(main,#yu-x){
  position:relative;
  counter-reset:yu-section;
}
body.is-inner :is(.r247-hero,.g251-hero,.g249-hero,.r263-hero){
  background:linear-gradient(135deg,#fff 0%,var(--yu-paper-strong) 100%);
  border:1px solid var(--yu-line);
  border-radius:24px;
  box-shadow:var(--yu-shadow);
}
body.is-inner :is(.r247-eyebrow,.g251-eyebrow,.r213-eyebrow,.r95-kicker,.r263-eyebrow){
  color:var(--yu-accent-ink)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
body.is-inner :is(.r247-section-head,.g251-heading,.g249-section-head,.r263-section-head,.r213-page-head,.r185-collection-heading){
  border-top:1px solid var(--yu-line);
  padding-top:clamp(20px,3vw,36px);
}
body.is-inner :is(.r247-section-head,.g251-heading,.g249-section-head,.r263-section-head,.r213-page-head,.r185-collection-heading)::before{
  counter-increment:yu-section;
  content:counter(yu-section,decimal-leading-zero) ' —';
  display:block;
  margin-bottom:10px;
  color:#9a7bca;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
}
body.is-inner :is(.r247-work,.r247-card,.r249-flow-panel,.g251-mode-panel,.g249-section,.r221-card,.r25-compact-card,.r263-panel,.m252-card){
  border:1px solid rgba(110,75,168,.18);
  box-shadow:0 12px 30px rgba(48,32,68,.055);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
body.is-inner :is(.r247-work,.r247-card,.r249-flow-panel,.g251-mode-panel,.g249-section,.r221-card,.r25-compact-card,.r263-panel,.m252-card):hover{
  border-color:rgba(110,75,168,.36);
  box-shadow:0 18px 42px rgba(48,32,68,.1);
  transform:translateY(-2px);
}
body.is-inner :is(.r247-work img,.r247-work video,.r247-card img,.r247-card video,.r221-card img,.r221-card video,.r263-panel img,.r263-panel video){
  border-radius:12px;
}
body.is-inner :is(.r247-hero,.g251-hero,.g249-hero,.r263-hero) > :first-child::after{
  content:'';
  display:block;
  width:56px;
  height:2px;
  margin-top:clamp(18px,2vw,28px);
  background:linear-gradient(90deg,var(--yu-accent),transparent);
}
/* Explicit small-text corrections gathered from the current inner-page markup. */
body.is-inner :is(main,#yu-x) :is(
  .r247-eyebrow,.r247-label,.r247-note,.r266-credentials-label,.r266-credentials--standalone .r266-credentials-label,
  .r213-eyebrow,.r213-format-controls label,.r221-count,.r185-carousel-count,.r223-count,.r223-filters button,
  .r263-casebar,.r263-panel-kicker,.r263-fit-note,.r263-hero-note,.r263-rotation-label,
  .g249-section-head>p,.g249-product-name,.g249-output-stack>p,.r95-kicker,.r172-note-label,.r172-note-preview,
  .r36-report-label,.r36-report-note,.r76-privacy-note,.r137-page-label,.r137-notes-label){
  font-size:13px!important;
  line-height:1.5!important;
}
@media (max-width:767px){
  body.is-inner :is(main,#yu-x) :is(
    .r247-jumps a,.r247-proof span,.r247-section-head p,.g251-heading>span,.g251-heading p,
    .g249-section-head>p,.r213-format-controls label,.r221-filter-row button,.r263-tab span,
    .r263-caption,.r185-collection-controls button,.r223-filters button){
    font-size:13px!important;
    line-height:1.5!important;
  }
  body.is-inner :is(.r247-hero,.g251-hero,.g249-hero,.r263-hero){
    border-radius:18px;
  }
  body.is-inner :is(.r247-section-head,.g251-heading,.g249-section-head,.r263-section-head,.r213-page-head,.r185-collection-heading)::before{
    font-size:11px;
  }
}

/* R274 · 墨紫编辑风轻动效
   只作用于内页现有示意图与作品横向胶片带；不改变内容与数据。
   使用 no-preference 包裹，减少动效用户保留静态阅读体验。 */
@media (prefers-reduced-motion: no-preference){
  @keyframes yu-r274-node-float{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-4px)}
  }
  @keyframes yu-r274-strip-breathe{
    0%,100%{opacity:.72}
    50%{opacity:1}
  }
  @keyframes yu-r274-window-pulse{
    0%,100%{transform:translateY(0);box-shadow:0 0 0 rgba(110,75,168,0)}
    50%{transform:translateY(-2px);box-shadow:0 12px 28px rgba(48,32,68,.08)}
  }
  @keyframes yu-r274-arrow-flow{
    0%,100%{opacity:.5;transform:translateX(0)}
    50%{opacity:1;transform:translateX(4px)}
  }
  @keyframes yu-r274-engine-glow{
    0%,100%{box-shadow:0 12px 28px rgba(48,32,68,.06)}
    50%{box-shadow:0 16px 34px rgba(110,75,168,.15)}
  }
  @keyframes yu-r274-card-breathe{
    0%,100%{box-shadow:0 12px 30px rgba(48,32,68,.055)}
    50%{box-shadow:0 16px 34px rgba(110,75,168,.11)}
  }
  @keyframes yu-r274-route-dash{
    0%{stroke-dashoffset:0;opacity:.65}
    50%{opacity:1}
    100%{stroke-dashoffset:-28;opacity:.65}
  }
  @keyframes yu-r274-hero-orbit{
    0%,100%{transform:translate(0,0)}
    50%{transform:translate(3px,-4px)}
  }

  /* 品宣方法：节点与底部标签呈现“从事实到传播”的轻微节奏。 */
  body.is-inner .r249-process-visual .r249-node{
    animation:yu-r274-node-float 7s ease-in-out infinite;
    will-change:transform;
  }
  body.is-inner .r249-process-visual .r249-node-1{animation-delay:-2.1s}
  body.is-inner .r249-process-visual .r249-node-2{animation-delay:-4.2s}
  body.is-inner .r249-process-visual .r249-node-3{animation-delay:-6.3s}
  body.is-inner .r249-process-visual .r249-mini-strip span{
    animation:yu-r274-strip-breathe 6s ease-in-out infinite;
  }
  body.is-inner .r249-process-visual .r249-mini-strip span:nth-child(2){animation-delay:-2s}
  body.is-inner .r249-process-visual .r249-mini-strip span:nth-child(3){animation-delay:-4s}

  /* GEO：搜索窗口保持静态信息结构，只让搜索入口与结果获得呼吸感。 */
  body.is-inner .g251-search-window{
    animation:yu-r274-window-pulse 8s ease-in-out infinite;
    will-change:transform,box-shadow;
  }
  body.is-inner .g251-search-window .g251-window-bar i:nth-child(2){animation:yu-r274-strip-breathe 4.5s ease-in-out infinite}
  body.is-inner .g251-search-window .g251-query>span{animation:yu-r274-strip-breathe 5s ease-in-out infinite;display:inline-block}
  body.is-inner .g251-search-window .g251-search-result{animation:yu-r274-strip-breathe 7s ease-in-out infinite;animation-delay:-2s}

  /* 自研产品：输入 → 工作台 → 三种交付，箭头与工作台作轻量呼吸提示。 */
  body.is-inner .g249-creative-flow .g249-arrow i,
  body.is-inner .g249-architecture .g249-arrow i{
    animation:yu-r274-arrow-flow 3.6s ease-in-out infinite;
    display:inline-block;
  }
  body.is-inner .g249-creative-flow .g249-product-engine{
    animation:yu-r274-engine-glow 8s ease-in-out infinite;
  }
  body.is-inner .g249-creative-flow .g249-output-stack article{
    animation:yu-r274-node-float 8s ease-in-out infinite;
  }
  body.is-inner .g249-creative-flow .g249-output-stack article:nth-child(2){animation-delay:-2.6s}
  body.is-inner .g249-creative-flow .g249-output-stack article:nth-child(3){animation-delay:-5.2s}
  body.is-inner .g249-workflow-nodes b{animation:yu-r274-node-float 7s ease-in-out infinite}
  body.is-inner .g249-workflow-nodes b:nth-of-type(2){animation-delay:-2.3s}
  body.is-inner .g249-workflow-nodes b:nth-of-type(3){animation-delay:-4.6s}

  /* 作品合集：保持横向胶片结构，卡片只做细微明暗呼吸，不自动夺取滚动控制。 */
  body.is-inner .r223-works .r223-carousel{scroll-behavior:smooth}
  body.is-inner .r223-works .r223-carousel-card{animation:yu-r274-card-breathe 9s ease-in-out infinite}
  body.is-inner .r223-works .r223-carousel-card:nth-child(2){animation-delay:-3s}
  body.is-inner .r223-works .r223-carousel-card:nth-child(3){animation-delay:-6s}
  body.is-inner .r223-works .r223-carousel-card:nth-child(n+4){animation-delay:-1.5s}

  /* 关于我们：业务路径和服务示意图沿线微动，突出“按需要匹配”。 */
  body.is-inner .r263-hero-art>circle{animation:yu-r274-hero-orbit 9s ease-in-out infinite}
  body.is-inner .r263-hero-art>circle:nth-of-type(2){animation-delay:-4.5s}
  body.is-inner .r263-hero-art>path{stroke-dasharray:8 8;animation:yu-r274-route-dash 7s linear infinite}
  body.is-inner .r263-flow-svg path{stroke-dasharray:8 8;animation:yu-r274-route-dash 6s linear infinite}
  body.is-inner .r263-flow-svg path:nth-of-type(2){animation-delay:-3s}
}

@media (prefers-reduced-motion: reduce){
  body.is-inner .r249-process-visual .r249-node,
  body.is-inner .r249-process-visual .r249-mini-strip span,
  body.is-inner .g251-search-window,
  body.is-inner .g251-search-window .g251-window-bar i:nth-child(2),
  body.is-inner .g251-search-window .g251-query>span,
  body.is-inner .g251-search-window .g251-search-result,
  body.is-inner .g249-creative-flow .g249-arrow i,
  body.is-inner .g249-architecture .g249-arrow i,
  body.is-inner .g249-creative-flow .g249-product-engine,
  body.is-inner .g249-creative-flow .g249-output-stack article,
  body.is-inner .g249-workflow-nodes b,
  body.is-inner .r223-works .r223-carousel-card,
  body.is-inner .r263-hero-art>circle,
  body.is-inner .r263-hero-art>path,
  body.is-inner .r263-flow-svg path{
    animation:none!important;
  }
  body.is-inner .r223-works .r223-carousel{scroll-behavior:auto}
}

/* R274 · Claude visual direction: real-work previews in the editorial hero.
   The media already exists in the site asset library; these rules only shape
   the preview and keep the page readable when motion is disabled. */
body.is-inner .r247-proof-steps .r274-social-filmstrip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  align-items:stretch;
  padding-top:14px;
  margin-top:4px;
  border-top:1px solid var(--r247-line);
}
body.is-inner .r274-social-filmstrip figure{
  margin:0;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(110,75,168,.18);
  border-radius:12px;
  background:#eee9f6;
  aspect-ratio:9/14;
}
body.is-inner .r274-social-filmstrip video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.94) contrast(1.02);
  transition:transform .5s ease,filter .5s ease;
}
body.is-inner .r274-social-filmstrip figure:hover video{
  transform:scale(1.04);
  filter:saturate(1.05) contrast(1.04);
}
body.is-inner .r274-brand-visual{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 14px;
  align-items:end;
  margin:14px 0 0;
  padding-top:14px;
  border-top:1px solid var(--r247-line);
}
body.is-inner .r274-brand-visual img{
  display:block;
  width:100%;
  height:128px;
  object-fit:cover;
  border-radius:12px;
  filter:saturate(.9) contrast(1.03);
}
body.is-inner .r274-brand-visual figcaption{
  color:var(--r247-muted);
  font-size:13px;
  line-height:1.5;
  white-space:nowrap;
}
@media(max-width:600px){
  body.is-inner .r274-social-filmstrip{gap:6px;padding-top:12px}
  body.is-inner .r274-brand-visual{grid-template-columns:1fr}
  body.is-inner .r274-brand-visual img{height:112px}
  body.is-inner .r274-brand-visual figcaption{white-space:normal}
}