/* ===== a9赛场 · 共享样式表 /assets/site.css ===== */

/* --- reset --- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0}
h1,h2,h3,h4,h5,p,figure,ul,ol,dl,dd,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img,svg,video{display:block;max-width:100%}
table{border-collapse:collapse;border-spacing:0}
[hidden]{display:none!important}

/* --- tokens --- */
:root{
  --a9-ink:#0A1B16;
  --a9-charcoal:#14171A;
  --a9-moss:#2E5B48;
  --a9-stone:#77807B;
  --a9-paper:#F4F1E8;
  --a9-lime:#C9F73A;
  --a9-orange:#FF6B2C;
  --a9-slate:#7EA0BC;
  --a9-amber:#E3B341;
  --a9-white:#FFFFFF;

  --a9-bg:var(--a9-ink);
  --a9-bg-deep:var(--a9-charcoal);
  --a9-panel:rgba(244,241,232,.045);
  --a9-panel-strong:rgba(46,91,72,.34);
  --a9-text:#E9EDE9;
  --a9-text-soft:#A6B1AB;
  --a9-line:rgba(244,241,232,.14);
  --a9-line-strong:rgba(244,241,232,.3);

  --a9-radius:24px;
  --a9-radius-sm:14px;
  --a9-pill:999px;
  --a9-maxw:1440px;
  --a9-gutter:clamp(16px,3.6vw,56px);
  --a9-ease:cubic-bezier(.22,.61,.36,1);
  --a9-font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --a9-num:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Courier New",monospace;
}
html[data-surface="light"]{
  --a9-bg:#F4F1E8;
  --a9-bg-deep:#EAE4D6;
  --a9-panel:rgba(10,27,22,.05);
  --a9-panel-strong:rgba(46,91,72,.14);
  --a9-text:#0A1B16;
  --a9-text-soft:#4E5B54;
  --a9-line:rgba(10,27,22,.16);
  --a9-line-strong:rgba(10,27,22,.32);
}
html.a9-nav-open{overflow:hidden}

/* --- base --- */
body{
  font-family:var(--a9-font);
  font-size:16px;
  line-height:1.7;
  background:var(--a9-bg);
  color:var(--a9-text);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
::selection{background:var(--a9-lime);color:#0A1B16}
:focus-visible{outline:2px solid var(--a9-lime);outline-offset:3px;border-radius:6px}

.a9-container{width:100%;max-width:var(--a9-maxw);margin-inline:auto;padding-inline:var(--a9-gutter)}
.a9-section{padding-block:clamp(44px,6.5vw,104px)}
.a9-rule{height:0;border:0;border-top:1px dashed var(--a9-line);margin-block:clamp(24px,4vw,48px)}

/* --- 文字体系 --- */
.a9-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.24em;color:var(--a9-stone)}
.a9-eyebrow::before{content:"";width:28px;height:1px;background:var(--a9-lime)}
.a9-label{font-size:12px;letter-spacing:.22em;color:var(--a9-stone)}
.a9-title{font-size:clamp(30px,5.2vw,56px);font-weight:300;line-height:1.08;letter-spacing:-.02em}
.a9-title--hero{font-size:clamp(44px,9.6vw,104px);font-weight:300;line-height:.98;letter-spacing:-.035em}
.a9-title strong,.a9-title--hero strong{font-weight:700}
.a9-subtitle{font-size:clamp(18px,2.3vw,26px);font-weight:400;line-height:1.4}
.a9-prose{max-width:34em;font-size:16.5px;line-height:1.75;color:var(--a9-text-soft)}
.a9-prose p + p{margin-top:1em}
.a9-prose strong{color:var(--a9-text);font-weight:600}
.a9-num{font-family:var(--a9-num);font-variant-numeric:tabular-nums}

/* --- 网格 --- */
.a9-grid{display:grid;gap:clamp(16px,2.4vw,28px)}
.a9-grid--auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.a9-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.a9-grid--12{grid-template-columns:repeat(12,minmax(0,1fr))}

/* --- 横向主题带 --- */
.a9-band{width:100%;background:var(--a9-panel-strong);border-top:1px solid var(--a9-line);border-bottom:1px solid var(--a9-line)}
.a9-band__inner{max-width:var(--a9-maxw);margin-inline:auto;padding:clamp(14px,2vw,24px) var(--a9-gutter);display:flex;align-items:center;gap:clamp(12px,2vw,28px);overflow-x:auto;scrollbar-width:none}
.a9-band__inner::-webkit-scrollbar{display:none}

/* --- 卡片 / 胶囊 / 标签 --- */
.a9-card{background:var(--a9-panel);border:1px solid var(--a9-line);border-radius:var(--a9-radius);padding:clamp(18px,2.4vw,28px)}
.a9-card--moss{background:var(--a9-panel-strong)}
.a9-card--paper{background:var(--a9-paper);color:var(--a9-ink);border-color:transparent}
html[data-surface="light"] .a9-card--paper{background:#FFFFFF}
.a9-card__title{font-size:clamp(19px,2.2vw,24px);font-weight:600;letter-spacing:.01em;line-height:1.3}
.a9-card__meta{font-size:12px;letter-spacing:.16em;color:var(--a9-stone);margin-top:10px}

.a9-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 15px;border-radius:var(--a9-pill);border:1px solid var(--a9-line-strong);font-size:12px;letter-spacing:.12em;color:var(--a9-text-soft);white-space:nowrap}
.a9-pill--lime{border-color:var(--a9-lime);color:var(--a9-lime)}
.a9-pill--orange{border-color:var(--a9-orange);color:var(--a9-orange)}
.a9-pill--slate{border-color:var(--a9-slate);color:var(--a9-slate)}
.a9-tag{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--a9-pill);background:var(--a9-panel);border:1px solid var(--a9-line);font-size:13px;color:var(--a9-text-soft);transition:color .2s var(--a9-ease),border-color .2s var(--a9-ease)}
.a9-tag:hover{color:var(--a9-lime);border-color:var(--a9-lime)}

/* --- 数字锚点 --- */
.a9-metric{display:block;font-family:var(--a9-num);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.04em;line-height:.88}
.a9-metric--xl{font-size:clamp(64px,13vw,180px)}
.a9-metric--lg{font-size:clamp(40px,6vw,72px)}
.a9-metric--lime{color:var(--a9-lime)}
.a9-metric--orange{color:var(--a9-orange)}
.a9-metric--slate{color:var(--a9-slate)}

/* --- 表格 --- */
.a9-table{width:100%;font-size:14.5px;font-variant-numeric:tabular-nums}
.a9-table caption{text-align:left;font-size:12px;letter-spacing:.2em;color:var(--a9-stone);padding-bottom:12px}
.a9-table th,.a9-table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--a9-line)}
.a9-table thead th{font-size:12px;letter-spacing:.16em;color:var(--a9-stone);font-weight:500}
.a9-table tbody tr{transition:background .2s var(--a9-ease)}
.a9-table tbody tr:hover{background:var(--a9-panel)}

/* --- 图片容器 --- */
.a9-media{position:relative;display:block;overflow:hidden;isolation:isolate;border-radius:var(--a9-radius);background:linear-gradient(150deg,var(--a9-moss) 0%,var(--a9-ink) 72%);aspect-ratio:16/10}
.a9-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.05)}
.a9-media::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:4px 4px;opacity:.6}
.a9-media__caption{position:absolute;left:18px;right:18px;bottom:15px;z-index:2;font-size:12px;letter-spacing:.14em;color:rgba(244,241,232,.86)}
.a9-media--wide{aspect-ratio:21/9}
.a9-media--tall{aspect-ratio:3/4}
.a9-media--square{aspect-ratio:1/1}

/* --- 按钮 --- */
.a9-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--a9-pill);border:1px solid transparent;font-size:14px;font-weight:600;letter-spacing:.06em;white-space:nowrap;transition:transform .2s var(--a9-ease),background .2s var(--a9-ease),color .2s var(--a9-ease),border-color .2s var(--a9-ease)}
.a9-btn--lime{background:var(--a9-lime);color:#0A1B16}
.a9-btn--lime:hover{background:#DBFD74;transform:translateY(-1px)}
.a9-btn--orange{background:var(--a9-orange);color:#14171A}
.a9-btn--orange:hover{transform:translateY(-1px)}
.a9-btn--ghost{border-color:var(--a9-line-strong);color:var(--a9-text)}
.a9-btn--ghost:hover{border-color:var(--a9-lime);color:var(--a9-lime)}
.a9-btn--sm{padding:8px 16px;font-size:13px}

/* --- 面包屑 --- */
.a9-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;color:var(--a9-text-soft)}
.a9-breadcrumb__sep{color:var(--a9-stone)}
.a9-breadcrumb a:hover{color:var(--a9-lime)}

/* --- 可展开内容组 --- */
.a9-accordion{display:flex;flex-direction:column;gap:10px}
.a9-accordion__item{border:1px solid var(--a9-line);border-radius:var(--a9-radius);background:var(--a9-panel);overflow:hidden;transition:border-color .2s var(--a9-ease),background .2s var(--a9-ease)}
.a9-accordion__item:hover{border-color:var(--a9-line-strong)}
.a9-accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 22px;text-align:left;font-size:16px;font-weight:600;letter-spacing:.02em}
.a9-accordion__trigger::after{content:"";flex:none;width:9px;height:9px;border-right:1.5px solid var(--a9-lime);border-bottom:1.5px solid var(--a9-lime);transform:rotate(45deg);transition:transform .22s var(--a9-ease)}
.a9-accordion__trigger[aria-expanded="true"]::after{transform:rotate(-135deg)}
.a9-accordion__panel{padding:0 22px 20px;font-size:15px;color:var(--a9-text-soft)}
.a9-accordion__panel > * + *{margin-top:10px}

/* --- 显现 --- */
html.a9-js [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .52s var(--a9-ease),transform .52s var(--a9-ease)}
html.a9-js [data-reveal].is-visible{opacity:1;transform:none}

/* --- 头部 --- */
.a9-skip{position:absolute;left:var(--a9-gutter);top:-64px;z-index:400;display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:var(--a9-pill);background:var(--a9-lime);color:#0A1B16;font-size:13px;font-weight:600;letter-spacing:.08em;transition:top .18s var(--a9-ease)}
.a9-skip:focus{top:10px}

.a9-header{position:sticky;top:0;z-index:120;background:var(--a9-bg-deep);border-bottom:1px solid var(--a9-line)}
html[data-surface="light"] .a9-header{background:#EAE4D6}
.a9-header__inner{position:relative;max-width:var(--a9-maxw);margin-inline:auto;padding-inline:var(--a9-gutter)}
.a9-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--a9-lime),var(--a9-orange));transition:transform .12s linear}

.a9-brandbar{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,28px);padding:14px 0;border-bottom:1px dashed var(--a9-line);transition:padding .24s var(--a9-ease)}
.a9-header[data-compact] .a9-brandbar{padding:8px 0}
.a9-header[data-compact] .a9-brand__tagline{display:none}
.a9-header[data-compact] .a9-brand__mark{width:36px;height:36px;border-radius:11px;font-size:16px}

.a9-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}
.a9-brand__mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:var(--a9-lime);color:#0A1B16;font-family:var(--a9-num);font-weight:700;font-size:19px;letter-spacing:-.02em;transition:width .24s var(--a9-ease),height .24s var(--a9-ease),border-radius .24s var(--a9-ease)}
.a9-brand__text{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.a9-brand__name{font-size:17px;font-weight:700;letter-spacing:.03em}
.a9-brand__tagline{font-size:12px;letter-spacing:.1em;color:var(--a9-text-soft);white-space:nowrap}

.a9-tools{display:flex;align-items:center;gap:10px}

.a9-search{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--a9-pill);border:1px solid var(--a9-line-strong);background:var(--a9-panel);color:var(--a9-text);transition:border-color .2s var(--a9-ease),color .2s var(--a9-ease)}
.a9-search:hover{border-color:var(--a9-lime);color:var(--a9-lime)}
.a9-search__icon{position:relative;flex:none;width:13px;height:13px;border:1.5px solid currentColor;border-radius:50%}
.a9-search__icon::after{content:"";position:absolute;right:-5px;bottom:-4px;width:7px;height:1.5px;background:currentColor;transform:rotate(45deg)}
.a9-search__label{font-size:13px;letter-spacing:.14em}
.a9-search__hint{font-size:12px;letter-spacing:.04em;color:var(--a9-text-soft)}

.a9-theme{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--a9-pill);border:1px solid var(--a9-line);font-size:12px;letter-spacing:.12em;color:var(--a9-text-soft);transition:border-color .2s var(--a9-ease),color .2s var(--a9-ease)}
.a9-theme:hover{border-color:var(--a9-amber);color:var(--a9-amber)}
.a9-theme__dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--a9-moss);box-shadow:0 0 0 4px rgba(46,91,72,.28);transition:background .2s var(--a9-ease),box-shadow .2s var(--a9-ease)}
.a9-theme[aria-pressed="true"] .a9-theme__dot{background:var(--a9-amber);box-shadow:0 0 0 4px rgba(227,179,65,.24)}

.a9-burger{position:relative;z-index:210;display:none;align-items:center;gap:9px;padding:8px 15px;border-radius:var(--a9-pill);border:1px solid var(--a9-line-strong);color:var(--a9-text)}
.a9-burger:hover{border-color:var(--a9-lime);color:var(--a9-lime)}
.a9-burger__bars{display:flex;flex-direction:column;gap:4px;width:16px}
.a9-burger__bar{display:block;height:1.5px;width:100%;background:currentColor;border-radius:2px}
.a9-burger__text{font-size:12px;letter-spacing:.16em}

.a9-navbar{position:relative}
.a9-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 0}
.a9-nav__head{display:none}
.a9-nav__title{font-size:12px;letter-spacing:.24em;color:var(--a9-stone)}
.a9-nav__list{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.a9-nav__list::-webkit-scrollbar{display:none}
.a9-nav__item{flex:none}
.a9-nav__link{position:relative;display:inline-flex;align-items:baseline;gap:8px;padding:12px 16px;border-radius:var(--a9-pill);font-size:14px;letter-spacing:.06em;color:var(--a9-text-soft);transition:color .2s var(--a9-ease),background .2s var(--a9-ease)}
.a9-nav__link:hover{color:var(--a9-text);background:var(--a9-panel)}
.a9-nav__idx{font-family:var(--a9-num);font-size:11px;color:var(--a9-stone)}
.a9-nav__link[aria-current="page"]{color:var(--a9-text)}
.a9-nav__link[aria-current="page"] .a9-nav__idx{color:var(--a9-lime)}
.a9-nav__link[aria-current="page"]::after{content:"";position:absolute;left:16px;right:16px;bottom:5px;height:2px;border-radius:2px;background:var(--a9-lime)}
.a9-nav__status{display:inline-flex;align-items:center;gap:10px;flex:none;font-size:12px;letter-spacing:.14em;color:var(--a9-text-soft)}
.a9-nav__pulse{width:8px;height:8px;border-radius:50%;background:var(--a9-lime);animation:a9-pulse 2.6s infinite}
@keyframes a9-pulse{
  0%{box-shadow:0 0 0 0 rgba(201,247,58,.5)}
  70%{box-shadow:0 0 0 9px rgba(201,247,58,0)}
  100%{box-shadow:0 0 0 0 rgba(201,247,58,0)}
}

.a9-searchbar{position:absolute;top:calc(100% + 12px);right:0;z-index:130;width:min(520px,88vw);padding:22px;border:1px solid var(--a9-line-strong);border-radius:var(--a9-radius);background:var(--a9-bg-deep);box-shadow:0 26px 64px rgba(0,0,0,.48)}
html[data-surface="light"] .a9-searchbar{background:#FFFFFF;box-shadow:0 26px 64px rgba(10,27,22,.16)}
.a9-searchbar__title{font-size:15px;font-weight:600;letter-spacing:.06em}
.a9-searchbar__hint{margin-top:8px;font-size:13px;color:var(--a9-text-soft)}
.a9-searchbar__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.a9-searchbar__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

/* --- 页脚 --- */
.a9-footer{position:relative;background:var(--a9-bg-deep);border-top:1px solid var(--a9-line)}
html[data-surface="light"] .a9-footer{background:#EAE4D6}
.a9-footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--a9-lime),var(--a9-orange),transparent);opacity:.75}
.a9-footer__inner{padding-block:clamp(40px,6vw,82px) 26px}
.a9-footer__top{display:grid;grid-template-columns:minmax(250px,1fr) 2fr;gap:clamp(26px,4vw,64px)}
.a9-footer__brand{display:flex;flex-direction:column;align-items:flex-start}
.a9-footer__note{margin-top:18px;max-width:34ch;font-size:13px;line-height:1.75;color:var(--a9-text-soft)}
.a9-footer__stamp{margin-top:12px;font-family:var(--a9-num);font-size:11.5px;letter-spacing:.12em;color:var(--a9-stone)}
.a9-footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px)}
.a9-footer__coltitle{font-size:12px;font-weight:500;letter-spacing:.24em;color:var(--a9-stone)}
.a9-footer__list{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.a9-footer__link{font-size:14px;color:var(--a9-text-soft);transition:color .2s var(--a9-ease),padding-left .2s var(--a9-ease)}
.a9-footer__link:hover{color:var(--a9-lime);padding-left:5px}
.a9-footer__contact{margin-top:clamp(28px,4vw,46px);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;padding:20px 24px;border:1px solid var(--a9-line);border-radius:var(--a9-radius);background:var(--a9-panel)}
.a9-footer__contactline{font-size:14px;letter-spacing:.05em}
.a9-footer__contact .a9-footer__contactline:first-child{color:var(--a9-lime);font-weight:600;letter-spacing:.16em}
.a9-footer__contactline--meta{font-family:var(--a9-num);font-size:13px;color:var(--a9-text-soft)}
.a9-footer__bottom{margin-top:clamp(26px,4vw,44px);padding-top:20px;border-top:1px dashed var(--a9-line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;font-size:12.5px;color:var(--a9-text-soft)}
.a9-footer__legal{font-family:var(--a9-num);letter-spacing:.04em}
.a9-footer__address{letter-spacing:.06em}

/* --- 平板 --- */
@media (max-width:1080px){
  .a9-search__hint{display:none}
}
@media (max-width:900px){
  .a9-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a9-footer__top{grid-template-columns:1fr}
  .a9-burger{display:inline-flex}
  .a9-theme__label{display:none}
  .a9-nav{
    position:fixed;top:0;right:0;height:100dvh;width:min(84vw,340px);
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;
    padding:92px var(--a9-gutter) 32px;
    background:var(--a9-bg-deep);border-left:1px solid var(--a9-line-strong);
    box-shadow:-24px 0 64px rgba(0,0,0,.42);
    z-index:200;overflow-y:auto;
    transform:translateX(103%);transition:transform .28s var(--a9-ease);
  }
  html[data-surface="light"] .a9-nav{background:#FFFFFF}
  .a9-nav[data-open="true"]{transform:translateX(0)}
  .a9-nav__head{display:block;padding-bottom:14px;border-bottom:1px dashed var(--a9-line)}
  .a9-nav__list{flex-direction:column;align-items:stretch;gap:2px;overflow:visible;margin-top:14px}
  .a9-nav__item{border-bottom:1px solid var(--a9-line)}
  .a9-nav__link{width:100%;justify-content:space-between;padding:15px 14px;font-size:16px;border-radius:var(--a9-radius-sm)}
  .a9-nav__link[aria-current="page"]{background:var(--a9-panel);color:var(--a9-lime)}
  .a9-nav__link[aria-current="page"]::after{display:none}
  .a9-nav__status{margin-top:auto;padding-top:24px}
  .a9-searchbar{width:calc(100vw - var(--a9-gutter) * 2)}
}
/* --- 手机 --- */
@media (max-width:640px){
  .a9-grid--3,.a9-grid--12{grid-template-columns:1fr}
  .a9-table th,.a9-table td{padding:11px 10px;font-size:13.5px}
  .a9-brand__tagline{display:none}
  .a9-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a9-footer__col:last-child{grid-column:1 / -1}
  .a9-footer__contact{padding:16px 18px}
  .a9-footer__bottom{flex-direction:column;align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  html.a9-js [data-reveal]{opacity:1;transform:none}
  .a9-nav{transition:none}
  .a9-progress{transition:none}
}