/* ===========================================================
   亿发 · 服务台账 — 共享样式 /assets/site.css
   轨道导航 + 台账长卷 + 三色刻度
   =========================================================== */

:root{
  --indigo:#12224A;
  --indigo-2:#2B3F6E;
  --indigo-deep:#0D1834;
  --paper:#F6F2EA;
  --paper-2:#FFFCF7;
  --red:#C0342B;
  --red-deep:#8C231C;
  --gold:#D9A13B;
  --cyan:#12C2B4;
  --grape:#6C4BD6;
  --ink:#14161C;
  --muted:#5A6580;

  --hair:rgba(18,34,74,.14);
  --hair-soft:rgba(18,34,74,.08);

  --rail-w:112px;
  --topbar-h:60px;
  --wrap:1200px;

  --mono:"JetBrains Mono","IBM Plex Mono",SFMono-Regular,Consolas,"Liberation Mono",monospace;
  --sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --display:"Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;

  --ease:cubic-bezier(.22,1,.36,1);
  --shadow-tag:5px 5px 0 rgba(18,34,74,.06);
  --shadow-tag-hover:7px 7px 0 rgba(18,34,74,.09);
}

/* ---------------- reset ---------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body,h1,h2,h3,h4,h5,p,ul,ol,li,figure,blockquote,dl,dd,fieldset{margin:0}
ul,ol{padding:0;list-style:none}
img,svg,video{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
table{border-collapse:collapse}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:2px}
::selection{background:rgba(192,52,43,.22)}

/* ---------------- base ---------------- */
body{
  font-family:var(--sans);
  font-size:1rem;
  line-height:1.75;
  color:var(--ink);
  background-color:var(--paper);
  background-image:
    linear-gradient(rgba(18,34,74,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,34,74,.035) 1px,transparent 1px);
  background-size:100% 32px,32px 100%;
  padding-left:var(--rail-w);
  min-height:100vh;
  overflow-x:hidden;
}

h1,h2,h3,h4,h5{font-family:var(--display);font-weight:800;line-height:1.22;letter-spacing:-.02em;color:var(--indigo)}
h1{font-size:clamp(2.6rem,6vw,4.2rem);line-height:1.08}
h2{font-size:clamp(1.6rem,3vw,2.4rem)}
h3{font-size:clamp(1.15rem,1.7vw,1.4rem);letter-spacing:-.01em}
h4{font-size:1.0625rem;letter-spacing:0}

a{color:#0D6E67;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--red)}
small{font-size:.8125rem}

/* ---------------- 通用容器 ---------------- */
.yf-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 clamp(18px,4vw,40px)}

.yf-rule{border:0;height:1px;background:linear-gradient(90deg,rgba(18,34,74,.26),rgba(18,34,74,.04));margin:0}
.yf-rule--band{
  height:6px;
  background:repeating-linear-gradient(90deg,
    var(--indigo) 0 22px,var(--red) 22px 30px,var(--gold) 30px 36px,transparent 36px 62px);
  opacity:.85;
}

/* ---------------- 跳过链接 ---------------- */
.yf-skip{
  position:fixed;top:10px;left:50%;z-index:140;
  transform:translate(-50%,-240%);
  background:var(--red);color:#FFFCF7;
  padding:10px 20px;border-radius:3px;
  font-family:var(--display);font-weight:700;font-size:.9rem;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(0,0,0,.3);
  transition:transform .22s var(--ease);
}
.yf-skip:focus{transform:translate(-50%,0);color:#FFFCF7}

/* ---------------- 桌面轨道 ---------------- */
.yf-rail{
  position:fixed;left:0;top:0;bottom:0;width:var(--rail-w);z-index:60;
  display:flex;flex-direction:column;
  background:linear-gradient(180deg,#152A5A 0%,#12224A 44%,#0D1834 100%);
  color:#DCE3F2;
  border-right:1px solid rgba(217,161,59,.42);
  overflow:hidden;
}
.yf-rail::before{
  content:"";position:absolute;top:0;left:0;right:0;height:5px;
  background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 14px);
  opacity:.55;
}

.yf-rail__brand{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  padding:26px 10px 18px;text-decoration:none;color:inherit;
  border-bottom:1px dashed rgba(217,161,59,.3);
}
.yf-rail__mark{
  width:54px;height:54px;display:grid;place-items:center;border-radius:4px;
  background:radial-gradient(circle at 28% 22%,#D8493F 0%,#C0342B 46%,#8C231C 100%);
  color:#FFFCF7;
  font-family:var(--display);font-weight:900;font-size:1.05rem;line-height:1;letter-spacing:.02em;
  box-shadow:0 3px 0 rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,252,247,.36);
}
.yf-rail__brandline{
  font-family:var(--mono);font-size:.6875rem;letter-spacing:.22em;
  color:var(--gold);text-align:center;line-height:1.5;
}

.yf-rail__progress{
  position:absolute;right:0;top:0;width:4px;height:100%;
  background:linear-gradient(180deg,var(--cyan) 0%,var(--gold) 55%,var(--red) 100%);
  transform:scaleY(0);transform-origin:50% 0;
  transition:transform .1s linear;
  pointer-events:none;z-index:3;
}

.yf-rail__nav{
  flex:1;display:flex;flex-direction:column;
  padding:14px 0;overflow-y:auto;overscroll-behavior:contain;
}
.yf-rail__link{
  position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:11px 8px;
  color:#B9C4DD;text-decoration:none;text-align:center;
  transition:color .25s var(--ease),background-color .25s var(--ease);
}
.yf-rail__link::before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;
  background:transparent;transform:scaleY(.35);
  transition:background-color .25s var(--ease),transform .25s var(--ease);
}
.yf-rail__link:hover{color:#FFFCF7;background:rgba(255,252,247,.055)}
.yf-rail__link:hover::before{background:rgba(217,161,59,.75);transform:scaleY(1)}
.yf-rail__link[aria-current="page"]{
  color:#FFFCF7;
  background:linear-gradient(90deg,rgba(18,194,180,.22),rgba(18,194,180,.02));
}
.yf-rail__link[aria-current="page"]::before{background:var(--cyan);transform:scaleY(1)}
.yf-rail__link[aria-current="page"] .yf-idx{color:var(--cyan)}
.yf-rail__label{font-size:.78rem;line-height:1.35;letter-spacing:.04em;font-weight:600}

.yf-idx{
  font-family:var(--mono);font-size:.625rem;letter-spacing:.12em;
  color:var(--gold);font-variant-numeric:tabular-nums;
}

.yf-rail__foot{
  padding:16px 8px 20px;
  border-top:1px solid rgba(217,161,59,.28);
  display:flex;flex-direction:column;align-items:center;gap:10px;
}
.yf-rail__cta{
  display:block;width:100%;text-align:center;
  padding:10px 4px;border-radius:3px;
  background:var(--red);color:#FFFCF7;
  font-family:var(--display);font-weight:700;font-size:.8rem;letter-spacing:.06em;
  text-decoration:none;
  box-shadow:0 3px 0 rgba(140,35,28,.6);
  transition:background-color .22s var(--ease),transform .22s var(--ease);
}
.yf-rail__cta:hover{background:#A82A22;color:#FFFCF7;transform:translateY(-1px)}
.yf-rail__phone{
  font-family:var(--mono);font-size:.6875rem;letter-spacing:.01em;
  color:#E4E9F5;text-decoration:none;overflow-wrap:anywhere;text-align:center;
}
.yf-rail__phone:hover{color:var(--cyan)}
.yf-rail__quick{
  font-family:var(--mono);font-size:.625rem;letter-spacing:.06em;
  color:rgba(228,233,245,.66);text-decoration:none;
  border-bottom:1px dashed rgba(228,233,245,.4);padding-bottom:1px;
}
.yf-rail__quick:hover{color:var(--cyan);border-bottom-color:var(--cyan)}

/* ---------------- 移动顶栏 ---------------- */
.yf-topbar{
  display:none;
  position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:70;
  align-items:center;gap:12px;padding:0 14px;
  background:linear-gradient(90deg,#12224A 0%,#1A3070 68%,#12224A 100%);
  color:#F6F2EA;
  border-bottom:1px solid rgba(217,161,59,.45);
}
.yf-topbar__brand{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;color:inherit}
.yf-topbar__mark{
  width:32px;height:32px;flex:0 0 32px;border-radius:3px;display:grid;place-items:center;
  background:linear-gradient(150deg,#D8493F,#8C231C);
  color:#FFFCF7;font-family:var(--display);font-weight:900;font-size:.8rem;
  box-shadow:inset 0 0 0 1px rgba(255,252,247,.35);
}
.yf-topbar__name{
  display:flex;flex-direction:column;line-height:1.15;
  font-family:var(--display);font-weight:700;font-size:.88rem;letter-spacing:.06em;
}
.yf-topbar__name small{
  font-family:var(--mono);font-size:.55rem;font-weight:400;letter-spacing:.2em;
  color:rgba(217,161,59,.92);
}
.yf-topbar__progress{
  position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,var(--cyan),var(--gold));
  transform:scaleX(0);transform-origin:0 50%;
  transition:transform .1s linear;pointer-events:none;
}

.yf-burger{
  width:44px;height:40px;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
  padding:0 10px;background:rgba(255,252,247,.07);
  border:1px solid rgba(246,242,234,.32);border-radius:4px;cursor:pointer;
  transition:background-color .22s var(--ease),border-color .22s var(--ease);
}
.yf-burger:hover{background:rgba(255,252,247,.14);border-color:rgba(246,242,234,.6)}
.yf-burger span{display:block;height:2px;width:100%;background:#F6F2EA;border-radius:2px;
  transition:transform .28s var(--ease),opacity .2s var(--ease)}
.yf-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.yf-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.yf-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------------- 移动抽屉 ---------------- */
.yf-drawer{position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden}
.yf-drawer[data-open="true"]{pointer-events:auto;visibility:visible}
.yf-drawer__scrim{
  position:absolute;inset:0;background:rgba(13,24,52,.62);
  opacity:0;transition:opacity .3s var(--ease);
}
.yf-drawer[data-open="true"] .yf-drawer__scrim{opacity:1}
.yf-drawer__panel{
  position:absolute;top:0;left:0;bottom:0;width:min(84vw,340px);
  display:flex;flex-direction:column;
  background:linear-gradient(180deg,#152A5A 0%,#12224A 40%,#0D1834 100%);
  color:#E4E9F5;
  border-right:2px solid var(--gold);
  box-shadow:18px 0 48px rgba(0,0,0,.38);
  transform:translateX(-102%);
  transition:transform .34s var(--ease);
  overflow-y:auto;
}
.yf-drawer[data-open="true"] .yf-drawer__panel{transform:none}
.yf-drawer__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 18px;border-bottom:1px solid rgba(217,161,59,.3);
}
.yf-drawer__title{font-family:var(--display);font-weight:800;font-size:1rem;letter-spacing:.1em;color:#FFFCF7}
.yf-drawer__close{
  width:34px;height:34px;display:grid;place-items:center;
  background:rgba(255,252,247,.06);border:1px solid rgba(246,242,234,.3);
  border-radius:4px;color:#F6F2EA;font-size:1.1rem;line-height:1;cursor:pointer;
  transition:background-color .2s var(--ease),border-color .2s var(--ease);
}
.yf-drawer__close:hover{background:rgba(192,52,43,.6);border-color:rgba(192,52,43,.9)}
.yf-drawer__nav{display:flex;flex-direction:column;padding:6px 0 16px}
.yf-drawer__link{
  display:flex;align-items:baseline;gap:14px;
  padding:14px 20px;text-decoration:none;
  color:#C9D3E8;font-size:.95rem;font-weight:600;
  border-bottom:1px solid rgba(217,161,59,.16);
  transition:background-color .22s var(--ease),color .22s var(--ease);
}
.yf-drawer__link:hover{background:rgba(255,252,247,.07);color:#FFFCF7}
.yf-drawer__link[aria-current="page"]{
  color:#FFFCF7;background:rgba(18,194,180,.14);
  box-shadow:inset 3px 0 0 var(--cyan);
}
.yf-drawer__link[aria-current="page"] .yf-idx{color:var(--cyan)}
.yf-drawer__foot{
  margin-top:auto;padding:20px;
  border-top:1px solid rgba(217,161,59,.3);
  display:flex;flex-direction:column;gap:10px;
}
.yf-drawer__phone{font-family:var(--mono);font-size:.875rem;color:#FFFCF7;text-decoration:none}
.yf-drawer__phone:hover{color:var(--cyan)}
.yf-drawer__quick{font-size:.8125rem;color:var(--cyan);text-decoration:none}
.yf-drawer__quick:hover{color:#FFFCF7}
.yf-drawer__foot p{font-size:.75rem;color:rgba(228,233,245,.6);line-height:1.6}

/* ---------------- 按钮 ---------------- */
.yf-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 22px;border:1px solid transparent;border-radius:3px;
  font-family:var(--display);font-weight:700;font-size:.9rem;letter-spacing:.05em;
  text-decoration:none;cursor:pointer;
  transition:background-color .22s var(--ease),color .22s var(--ease),
             border-color .22s var(--ease),transform .22s var(--ease);
}
.yf-btn--primary{background:var(--red);color:#FFFCF7;box-shadow:0 3px 0 rgba(140,35,28,.55)}
.yf-btn--primary:hover{background:#A82A22;color:#FFFCF7;transform:translateY(-1px)}
.yf-btn--ghost{background:transparent;color:var(--indigo);border-color:rgba(18,34,74,.32)}
.yf-btn--ghost:hover{border-color:var(--indigo);background:rgba(18,34,74,.05);color:var(--indigo)}
.yf-btn--cyan{background:var(--cyan);color:#06231F}
.yf-btn--cyan:hover{background:#0FB0A3;color:#06231F}

/* ---------------- 章节头 ---------------- */
.yf-sec{position:relative}
.yf-sec__eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:.75rem;letter-spacing:.18em;
  color:var(--red);text-transform:uppercase;
}
.yf-sec__eyebrow::after{
  content:"";width:48px;height:1px;
  background:linear-gradient(90deg,var(--red),rgba(192,52,43,0));
}
.yf-sec__title{margin-top:10px;font-size:clamp(1.6rem,3vw,2.4rem)}
.yf-sec__lead{margin-top:12px;max-width:64ch;color:var(--muted);font-size:1.0625rem}

/* ---------------- 框景 ---------------- */
.yf-frame{
  position:relative;
  border:1px solid rgba(18,34,74,.22);
  padding:clamp(22px,4vw,46px);
  background:linear-gradient(180deg,rgba(255,252,247,.94),rgba(246,242,234,.88));
  backdrop-filter:blur(2px);
}
.yf-frame::before{
  content:"";position:absolute;inset:7px;pointer-events:none;
  background:
    linear-gradient(var(--gold),var(--gold)) 0 0/20px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0 0/2px 20px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 0/20px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 0/2px 20px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0 100%/20px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0 100%/2px 20px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 100%/20px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 100%/2px 20px no-repeat;
}

/* ---------------- 卡片 ---------------- */
.yf-card{
  position:relative;
  background:var(--paper-2);
  border:1px solid var(--hair);
  border-radius:2px;
  padding:34px 24px 24px;
  box-shadow:var(--shadow-tag);
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);
}
.yf-card:hover{border-color:rgba(18,34,74,.3);box-shadow:var(--shadow-tag-hover);transform:translateY(-2px)}
.yf-card__tag{
  position:absolute;top:0;left:0;
  padding:5px 22px 5px 12px;
  background:var(--indigo);color:#F6F2EA;
  font-family:var(--mono);font-size:.6875rem;letter-spacing:.1em;
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);
}
.yf-card--red{border-color:rgba(192,52,43,.34)}
.yf-card--red .yf-card__tag{background:var(--red)}
.yf-card--cyan{border-color:rgba(18,194,180,.42)}
.yf-card--cyan .yf-card__tag{background:#0E9A8F}

/* ---------------- 表格 ---------------- */
.yf-table-wrap{
  overflow-x:auto;
  background:var(--paper-2);
  border:1px solid rgba(18,34,74,.16);
}
.yf-table{width:100%;font-size:.9375rem}
.yf-table caption{
  caption-side:top;text-align:left;
  padding:12px 16px;border-bottom:1px dashed rgba(18,34,74,.2);
  font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:var(--muted);
}
.yf-table th{
  padding:12px 16px;text-align:left;white-space:nowrap;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;font-weight:500;
  color:var(--indigo);background:rgba(18,34,74,.045);
  border-bottom:1px solid rgba(18,34,74,.16);
}
.yf-table td{
  padding:14px 16px;vertical-align:top;
  border-bottom:1px solid var(--hair-soft);
}
.yf-table tbody tr:last-child td{border-bottom:0}
.yf-table tbody tr{transition:background-color .2s var(--ease)}
.yf-table tbody tr:hover{background:rgba(18,194,180,.07)}
.yf-table .num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}

/* ---------------- 网格 ---------------- */
.yf-grid{display:grid;gap:22px}
.yf-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.yf-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.yf-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---------------- 大数字 ---------------- */
.yf-stat{display:flex;flex-direction:column;gap:6px}
.yf-stat__num{
  font-family:var(--mono);font-weight:700;
  font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;letter-spacing:-.02em;
  color:var(--indigo);font-variant-numeric:tabular-nums;
}
.yf-stat__unit{
  font-family:var(--mono);font-size:.8125rem;letter-spacing:.1em;color:var(--gold);
}
.yf-stat__label{font-size:.875rem;color:var(--muted)}

/* ---------------- 标签 ---------------- */
.yf-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 14px;border-radius:999px;
  border:1px solid rgba(18,34,74,.22);
  background:rgba(255,252,247,.8);
  font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;
  color:var(--indigo);text-decoration:none;cursor:pointer;
  transition:background-color .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease);
}
.yf-chip:hover{border-color:var(--indigo);background:rgba(18,34,74,.06)}
.yf-chip[aria-pressed="true"]{
  background:var(--grape);border-color:var(--grape);color:#FFFCF7;
}

/* ---------------- 图片容器 ---------------- */
.yf-media{
  position:relative;display:block;overflow:hidden;
  background:linear-gradient(135deg,#E9E3D8,#F6F2EA);
  border:1px solid var(--hair);
}
.yf-media img{display:block;width:100%;height:100%;object-fit:cover}
.yf-media--16x9{aspect-ratio:16/9}
.yf-media--4x3{aspect-ratio:4/3}
.yf-media--1x1{aspect-ratio:1/1}
.yf-media__cap{
  position:absolute;left:0;bottom:0;
  padding:5px 12px;
  background:rgba(18,34,74,.86);color:#F6F2EA;
  font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;
}

/* ---------------- 面包屑 ---------------- */
.yf-crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-family:var(--mono);font-size:.75rem;color:var(--muted);
}
.yf-crumb li{display:flex;align-items:center;gap:8px}
.yf-crumb a{color:var(--muted);text-decoration:none;border-bottom:1px dashed rgba(90,101,128,.5)}
.yf-crumb a:hover{color:var(--indigo);border-bottom-color:var(--indigo)}
.yf-crumb li + li::before{content:"/";color:rgba(90,101,128,.5)}

/* ---------------- 正文 ---------------- */
.yf-prose{max-width:68ch;font-size:1.0625rem;line-height:1.78;color:#20232B}
.yf-prose > * + *{margin-top:1.1em}
.yf-prose h2{margin-top:2.2em;font-size:clamp(1.4rem,2.4vw,1.9rem)}
.yf-prose h3{margin-top:1.8em}
.yf-prose ul{list-style:none}
.yf-prose ul li{position:relative;padding-left:20px}
.yf-prose ul li::before{
  content:"";position:absolute;left:0;top:.72em;
  width:7px;height:7px;border-radius:1px;background:var(--gold);
}
.yf-prose strong{color:var(--indigo)}
.yf-prose code{
  font-family:var(--mono);font-size:.9em;
  background:rgba(18,34,74,.07);padding:2px 6px;border-radius:2px;
}

/* ---------------- 显现 ---------------- */
.yf-reveal{
  opacity:0;transform:translateY(14px);
  transition:opacity .4s var(--ease),transform .4s var(--ease);
}
.yf-reveal.is-in{opacity:1;transform:none}

/* ---------------- 页脚 ---------------- */
.yf-foot{
  position:relative;
  margin-top:clamp(48px,8vw,96px);
  background:linear-gradient(180deg,#12224A 0%,#0E1B3A 100%);
  color:#C9D3E8;
  border-top:4px solid var(--red);
}
.yf-foot::after{
  content:"";position:absolute;top:4px;left:0;right:0;height:1px;
  background:repeating-linear-gradient(90deg,rgba(217,161,59,.7) 0 10px,transparent 10px 20px);
}
.yf-foot__inner{
  max-width:var(--wrap);margin:0 auto;
  padding:clamp(38px,5vw,58px) clamp(18px,4vw,40px) 34px;
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;
}
.yf-foot__brand{display:flex;flex-direction:column;gap:10px}
.yf-foot__logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.yf-foot__mark{
  width:44px;height:44px;flex:0 0 44px;border-radius:4px;display:grid;place-items:center;
  background:linear-gradient(150deg,#D8493F,#8C231C);
  color:#FFFCF7;font-family:var(--display);font-weight:900;font-size:.9rem;
  box-shadow:inset 0 0 0 1px rgba(255,252,247,.35),0 3px 0 rgba(0,0,0,.28);
}
.yf-foot__name{
  font-family:var(--display);font-weight:800;font-size:1.1rem;letter-spacing:.06em;color:#FFFCF7;
}
.yf-foot__tag{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:rgba(217,161,59,.92)}
.yf-foot__hours{font-size:.8125rem;color:rgba(201,211,232,.65);max-width:26ch}
.yf-foot__title{
  font-family:var(--mono);font-weight:500;font-size:.6875rem;letter-spacing:.2em;
  color:var(--gold);text-transform:uppercase;margin-bottom:14px;
}
.yf-foot__list{display:flex;flex-direction:column;gap:10px}
.yf-foot__list a{
  color:#C9D3E8;text-decoration:none;font-size:.9rem;
  border-bottom:1px solid transparent;transition:color .22s var(--ease),border-color .22s var(--ease);
}
.yf-foot__list a:hover{color:#FFFCF7;border-bottom-color:var(--cyan)}
.yf-foot__contact{
  max-width:var(--wrap);margin:0 auto;
  padding:0 clamp(18px,4vw,40px) 22px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
}
.yf-foot__c{
  display:flex;flex-direction:column;gap:5px;
  padding:16px 20px;
  border-left:1px solid rgba(217,161,59,.22);
  font-size:.875rem;color:#C9D3E8;
}
.yf-foot__c:first-child{border-left:0;padding-left:0}
.yf-foot__c a{color:#FFFCF7;text-decoration:none;font-family:var(--mono);font-size:.8125rem;overflow-wrap:anywhere}
.yf-foot__c a:hover{color:var(--cyan)}
.yf-foot__k{font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;color:rgba(217,161,59,.85)}
.yf-foot__base{
  max-width:var(--wrap);margin:0 auto;
  padding:18px clamp(18px,4vw,40px) 30px;
  border-top:1px solid rgba(217,161,59,.2);
  display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;
  font-family:var(--mono);font-size:.75rem;color:rgba(201,211,232,.6);
}
.yf-foot__icp{color:rgba(201,211,232,.78)}
.yf-foot__copy{color:rgba(201,211,232,.55)}

/* ---------------- 响应式 ---------------- */
@media (max-width:1023px){
  body{padding-left:0;padding-top:var(--topbar-h)}
  .yf-rail{display:none}
  .yf-topbar{display:flex}
  .yf-foot__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .yf-foot__brand{grid-column:1 / -1}
  .yf-foot__contact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .yf-foot__c:nth-child(odd){border-left:0;padding-left:0}
  .yf-foot__c{padding:14px 18px}
}

@media (max-width:900px){
  .yf-grid--3,.yf-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
  body{font-size:.9688rem}
  .yf-grid--2,.yf-grid--3,.yf-grid--4{grid-template-columns:1fr}
  .yf-foot__inner{grid-template-columns:1fr;padding:34px 20px 24px}
  .yf-foot__contact{grid-template-columns:1fr;padding:0 20px 18px}
  .yf-foot__c{border-left:0;padding:12px 0;border-top:1px solid rgba(217,161,59,.16)}
  .yf-foot__c:first-child{border-top:0}
  .yf-foot__base{flex-direction:column;align-items:flex-start;padding:16px 20px 26px}
  .yf-card{padding:30px 18px 20px}
}

/* ---------------- 无障碍动效 ---------------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .yf-reveal{opacity:1;transform:none}
  .yf-rail__progress,.yf-topbar__progress{transition:none}
}