/* /assets/site.css */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{min-height:100vh;font-family:"Inter","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.7;color:#1A1A1A;background:#F5F2E8;-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:#146B4A;text-decoration:none}
a:hover{color:#0B2A1E}
button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:"Inter","PingFang SC","Microsoft YaHei",sans-serif;font-weight:800;letter-spacing:-0.02em;line-height:1.15;color:#0B2A1E}
:root{
  --c-deep:#0B2A1E;
  --c-green:#146B4A;
  --c-grass:#3C9A74;
  --c-gold:#D4AF37;
  --c-gold-bright:#F0D57A;
  --c-red:#8B2500;
  --c-cream:#F5F2E8;
  --c-ink:#1A1A1A;
  --c-muted:#5A6A60;
  --border-w:3px;
  --shadow-hard:6px 6px 0 #0B2A1E;
  --font-ui:"Inter","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --font-mono:"Roboto Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --container-max:1200px;
  --radius:0px;
}
.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.container--narrow{max-width:900px}
.section{padding:56px 0}
.section--spaced{padding:80px 0}
.section-head{margin-bottom:32px;max-width:760px}
.section-kicker{display:inline-block;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:0.08em;color:var(--c-gold);background:var(--c-deep);padding:5px 12px;margin-bottom:14px}
.section-title{font-size:clamp(28px,4.5vw,44px);margin-bottom:12px}
.section-desc{color:var(--c-muted);font-size:17px}
.grid{display:grid;gap:28px}
.grid--2{grid-template-columns:1fr}
.grid--3{grid-template-columns:1fr}
@media (min-width:768px){
  .grid--2{grid-template-columns:repeat(2,1fr)}
  .grid--3{grid-template-columns:repeat(3,1fr)}
}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border:3px solid #0B2A1E;font-weight:800;font-size:15px;letter-spacing:0.02em;color:#0B2A1E;background:transparent;box-shadow:4px 4px 0 #0B2A1E;transition:transform .2s ease-out,box-shadow .2s ease-out,background .2s ease-out,color .2s ease-out}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #0B2A1E;color:#0B2A1E}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0B2A1E}
.btn--primary{background:#146B4A;color:#F5F2E8}
.btn--primary:hover{background:#0B2A1E;color:#F0D57A}
.btn--gold{background:#D4AF37;color:#0B2A1E}
.btn--gold:hover{background:#F0D57A;color:#0B2A1E}
.btn--ghost{border-color:#F5F2E8;color:#F5F2E8;box-shadow:4px 4px 0 rgba(245,242,232,.35)}
.btn--ghost:hover{background:#F5F2E8;color:#0B2A1E;box-shadow:6px 6px 0 rgba(245,242,232,.5)}
.tag{display:inline-flex;align-items:center;padding:5px 12px;border:2px solid #0B2A1E;background:#F5F2E8;font-size:13px;font-weight:700;color:#0B2A1E}
.tag--gold{background:#D4AF37;border-color:#0B2A1E;color:#0B2A1E}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:18px 0;font-size:14px;color:var(--c-muted)}
.breadcrumbs__link{font-weight:700;color:var(--c-green)}
.breadcrumbs__link:hover{color:var(--c-deep)}
.page-hero{background:var(--c-deep);color:var(--c-cream);padding:72px 0;border-bottom:3px solid #0B2A1E;position:relative}
.page-hero::after{content:"";position:absolute;right:0;bottom:0;width:38%;height:100%;background:linear-gradient(135deg,transparent 0%,transparent 42%,rgba(212,175,55,.85) 42%,rgba(212,175,55,.85) 100%);pointer-events:none}
.page-hero__kicker{display:inline-block;font-family:var(--font-mono);color:var(--c-gold);border:2px solid var(--c-gold);padding:5px 12px;font-size:13px;letter-spacing:0.1em;margin-bottom:20px}
.page-hero__title{color:#F5F2E8;font-size:clamp(32px,6vw,58px)}
.page-hero__desc{color:#B8C7BE;max-width:620px;margin-top:16px;font-size:17px}
.media-frame{position:relative;background:var(--c-deep);background-image:linear-gradient(135deg,transparent 0%,transparent 65%,rgba(212,175,55,.22) 65%,rgba(212,175,55,.22) 68%,transparent 68%),linear-gradient(45deg,transparent 0%,transparent 55%,rgba(60,154,116,.35) 55%,rgba(60,154,116,.35) 57%,transparent 57%),repeating-linear-gradient(-45deg,rgba(245,242,232,.06) 0,rgba(245,242,232,.06) 1px,transparent 1px,transparent 10px);border:3px solid #0B2A1E;aspect-ratio:16/9;box-shadow:var(--shadow-hard)}
.media-frame::before{content:attr(data-label);position:absolute;left:0;bottom:0;background:var(--c-gold);color:var(--c-deep);font-family:var(--font-mono);font-size:12px;font-weight:700;padding:4px 10px;letter-spacing:0.05em}
.media-frame--hero{aspect-ratio:16/8}
.media-frame--tile{aspect-ratio:4/3}
.card{background:#F5F2E8;border:3px solid #0B2A1E;box-shadow:var(--shadow-hard);padding:28px}
.card__title{font-size:22px;margin-bottom:8px}
.card__meta{font-family:var(--font-mono);font-size:13px;color:var(--c-muted);margin-bottom:14px}
.card__body{color:var(--c-muted)}
.card--file{position:relative;padding-top:34px}
.card--file::before{content:attr(data-file);position:absolute;top:-3px;left:-3px;background:var(--c-gold);color:var(--c-deep);border:3px solid #0B2A1E;padding:4px 14px;font-family:var(--font-mono);font-weight:700;font-size:13px}
.data-number{font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0.01em}
.progress{height:16px;border:3px solid #0B2A1E;background:#fff;padding:2px}
.progress__bar{display:block;height:100%;background:linear-gradient(90deg,var(--c-green),var(--c-grass));border:1px solid rgba(245,242,232,.2)}
.callout{border:3px solid #0B2A1E;border-left-width:10px;padding:18px 22px;background:#fff;box-shadow:2px 2px 0 rgba(11,42,30,.5);font-size:15px}
.callout--warn{border-left-color:var(--c-red)}
.tabs__list{display:flex;flex-wrap:wrap;gap:8px;border-bottom:3px solid #0B2A1E;padding-bottom:0}
.tabs__btn{border:3px solid #0B2A1E;border-bottom:none;padding:11px 20px;font-weight:800;background:#E7E2D2;color:#1A1A1A;transition:background .2s ease-out,color .2s ease-out}
.tabs__btn:hover{background:var(--c-gold-bright)}
.tabs__btn.is-active{background:var(--c-gold);color:var(--c-deep)}
.tabs__panel{padding:26px 4px;border-bottom:3px solid #0B2A1E}
.tabs__panel[hidden]{display:none}
.accordion{border-top:3px solid #0B2A1E}
.accordion__item{border-bottom:3px solid #0B2A1E}
.accordion__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 6px;font-weight:800;font-size:17px;color:#0B2A1E;text-align:left;background:transparent;transition:background .2s ease-out}
.accordion__head:hover{background:rgba(212,175,55,.18)}
.accordion__head::after{content:"+";font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--c-green);transition:transform .3s ease-out}
.accordion__item.is-open .accordion__head::after{content:"–"}
.accordion__panel{padding:0 6px 20px;color:var(--c-muted)}
.accordion__panel[hidden]{display:none}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .3s ease-out,transform .3s ease-out}
.reveal[data-revealed]{opacity:1;transform:translateY(0)}
.skip-link{position:fixed;top:12px;left:12px;z-index:2000;padding:12px 20px;background:#0B2A1E;color:#F0D57A;font-weight:800;border:3px solid #D4AF37;transform:translateY(-160%);transition:transform .2s ease-out}
.skip-link:focus{transform:translateY(0)}
.site-header{background:var(--c-cream)}
.site-header__strip{background:var(--c-deep);border-bottom:3px solid #0B2A1E;position:relative;z-index:60}
.site-header__strip-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px}
.site-header__hint{font-size:12px;letter-spacing:0.05em;color:var(--c-grass)}
.version-switch{display:flex;align-items:center;gap:6px}
.version-switch__label{font-size:12px;color:var(--c-gold);font-weight:700;letter-spacing:0.04em;margin-right:4px}
.version-switch__btn{border:2px solid var(--c-gold);color:var(--c-gold-bright);padding:4px 10px;font-size:12px;font-weight:700;background:transparent;transition:background .2s ease-out,color .2s ease-out}
.version-switch__btn:hover{background:rgba(212,175,55,.18)}
.version-switch__btn.is-active{background:var(--c-gold);color:var(--c-deep);border-color:var(--c-gold-bright)}
.site-header__main{position:sticky;top:0;z-index:100;background:var(--c-cream);box-shadow:0 4px 0 rgba(11,42,30,.08)}
.site-header__masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:22px;padding-bottom:22px}
.brand{display:flex;align-items:center;gap:16px;color:#0B2A1E}
.brand:hover{color:#0B2A1E}
.brand__mark{background:var(--c-deep);color:var(--c-gold);border:3px solid #0B2A1E;box-shadow:5px 5px 0 rgba(212,175,55,.5);font-family:var(--font-mono);font-weight:700;font-size:22px;letter-spacing:0.04em;padding:8px 12px;transform:rotate(-2deg)}
.brand__text{font-weight:800;font-size:clamp(24px,3.4vw,34px);letter-spacing:-0.03em;line-height:1}
.brand__tagline{display:block;font-size:12px;font-weight:600;letter-spacing:0.06em;color:var(--c-muted);line-height:1.4;margin-top:4px}
.nav-toggle{display:inline-flex;align-items:center;gap:10px;border:3px solid #0B2A1E;background:#F5F2E8;box-shadow:3px 3px 0 #0B2A1E;padding:9px 14px;font-weight:800;font-size:14px;transition:background .2s ease-out,transform .2s ease-out}
.nav-toggle:hover{background:var(--c-gold-bright)}
.nav-toggle__bars{display:flex;flex-direction:column;gap:4px}
.nav-toggle__bar{display:block;width:20px;height:3px;background:#0B2A1E}
.nav-toggle__text{font-size:14px}
.site-nav{background:var(--c-cream);border-top:3px solid #0B2A1E;border-bottom:3px solid #0B2A1E;max-height:0;overflow:hidden;transition:max-height .3s ease-out}
.site-nav[data-open]{max-height:560px;overflow-y:auto}
.site-nav__list{display:flex;flex-direction:column}
.site-nav__link{display:block;padding:14px 10px;font-weight:800;font-size:16px;color:#0B2A1E;border-bottom:2px solid rgba(11,42,30,.12);position:relative;transition:background .2s ease-out,color .2s ease-out,box-shadow .2s ease-out}
.site-nav__link:last-child{border-bottom:none}
.site-nav__link:hover{background:var(--c-gold-bright);color:#0B2A1E}
.site-nav__link[aria-current="page"]{background:var(--c-gold);color:var(--c-deep);box-shadow:inset 0 -4px 0 var(--c-red)}
.site-footer{background:var(--c-deep);color:rgba(245,242,232,.82);border-top:6px solid #0B2A1E;margin-top:80px}
.footer-grid{display:grid;grid-template-columns:1fr;gap:40px;padding:56px 0 48px}
.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.footer-brand__mark{background:var(--c-gold);color:var(--c-deep);border:3px solid #F5F2E8;box-shadow:4px 4px 0 rgba(240,213,122,.35);font-family:var(--font-mono);font-weight:700;padding:6px 10px;font-size:18px;transform:rotate(-2deg)}
.footer-brand__name{font-size:24px;font-weight:800;color:#F5F2E8;letter-spacing:-0.02em}
.footer-about{color:rgba(245,242,232,.7);font-size:15px;max-width:560px}
.footer-trust{border-left:4px solid var(--c-gold);padding:10px 14px;margin-top:18px;color:rgba(245,242,232,.62);font-size:14px;background:rgba(212,175,55,.08)}
.footer-heading{color:var(--c-gold);font-size:16px;letter-spacing:0.06em;margin-bottom:18px}
.footer-links li+li{margin-top:10px}
.footer-links a{color:rgba(245,242,232,.85);font-weight:700;border-bottom:2px solid transparent;transition:border-color .2s ease-out,color .2s ease-out}
.footer-links a:hover{color:var(--c-gold-bright);border-color:var(--c-gold)}
.footer-contact li{padding:6px 0;border-bottom:1px dashed rgba(245,242,232,.18);font-size:14px;color:rgba(245,242,232,.72)}
.footer-support{margin-top:14px;font-size:13px;color:rgba(245,242,232,.5);line-height:1.6}
.footer-bottom{border-top:3px solid rgba(245,242,232,.14);background:rgba(0,0,0,.18);padding:16px 0}
.footer-bottom__inner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:13px;color:rgba(245,242,232,.6)}
.footer-bottom__inner a{color:rgba(245,242,232,.8);font-weight:700;transition:color .2s ease-out}
.footer-bottom__inner a:hover{color:var(--c-gold-bright)}
.footer-icp{font-family:var(--font-mono);font-size:12px;letter-spacing:0.03em}
.footer-copyright{margin-right:auto}
@media (min-width:769px){
  .nav-toggle{display:none}
  .site-nav{max-height:none;overflow:visible;border-top:3px solid #0B2A1E}
  .site-nav__list{flex-direction:row;justify-content:center;gap:4px}
  .site-nav__link{border-bottom:none;padding:15px 22px;margin:2px 0}
  .site-nav__link[aria-current="page"]{box-shadow:inset 0 -5px 0 var(--c-red)}
  .footer-grid{grid-template-columns:1.4fr .8fr 1fr;gap:60px}
  .section{padding:80px 0}
  .section--spaced{padding:110px 0}
}
@media (min-width:1024px){
  .site-header__masthead{padding-top:30px;padding-bottom:30px}
  .brand__tagline{font-size:13px}
}
@media (max-width:480px){
  .site-header__hint{display:none}
  .version-switch__label{display:none}
  .brand__mark{display:none}
  .brand__text{font-size:22px}
  .brand__tagline{font-size:11px}
}
:focus-visible{outline:3px solid var(--c-gold-bright);outline-offset:2px;box-shadow:0 0 0 6px rgba(212,175,55,.35)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
  .skip-link{transition:none}
}