/* ==========================================================================
   933娱乐游艺 — /assets/site.css
   共享外壳：reset、变量、中文排版、头部、页脚、通用组件
   ========================================================================== */

/* --- 1. reset ------------------------------------------------------------ */
*,
*::before,
*::after{box-sizing:border-box}

html{
  margin:0;
  padding:0;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  background-color:var(--arc-void);
}

body,
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,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;cursor:pointer}
img,svg{display:block;max-width:100%}
input{font:inherit}

/* --- 2. 变量 ------------------------------------------------------------- */
:root{
  --arc-void:#060C1B;
  --arc-abyss:#0C1B33;
  --arc-teal:#0B2E31;
  --arc-wine:#451528;
  --arc-indigo:#241356;
  --arc-violet:#7C4DFF;
  --arc-cyan:#34F1D3;
  --arc-ember:#FF8A3D;
  --arc-gold:#FFC24B;
  --arc-ice:#EEF4FF;
  --arc-mist:#9FB0D4;
  --arc-steel:#C9D8FF;
  --arc-line:rgba(201,216,255,.20);
  --arc-line-strong:rgba(201,216,255,.45);
  --arc-glass:rgba(12,27,51,.86);
  --arc-shadow:8px 8px 0 rgba(3,6,14,.72);
  --arc-shadow-sm:4px 4px 0 rgba(3,6,14,.72);
  --arc-radius:18px;
  --arc-radius-lg:28px;
  --arc-shell:1280px;
  --arc-font-head:"Source Han Sans SC","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --arc-font-body:var(--arc-font-head);
  --arc-font-mono:"JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,"Courier New",monospace;
  --arc-ease:cubic-bezier(.2,.7,.3,1);
}

/* --- 3. 基础与背景 ------------------------------------------------------- */
body{
  min-height:100vh;
  overflow-x:hidden;
  background:transparent;
  color:var(--arc-ice);
  font-family:var(--arc-font-body);
  font-size:17px;
  line-height:1.85;
  letter-spacing:.005em;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    radial-gradient(880px 520px at 6% -8%, rgba(124,77,255,.26), transparent 62%),
    radial-gradient(760px 480px at 98% 4%, rgba(52,241,211,.15), transparent 66%),
    radial-gradient(720px 620px at 50% 118%, rgba(255,138,61,.11), transparent 70%),
    linear-gradient(rgba(201,216,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,216,255,.05) 1px, transparent 1px);
  background-size:auto,auto,auto,64px 64px,64px 64px;
}

::selection{background:var(--arc-violet);color:#FFFFFF}

:focus-visible{
  outline:3px solid var(--arc-cyan);
  outline-offset:3px;
  border-radius:6px;
}

/* --- 4. 排版 ------------------------------------------------------------- */
h1,h2,h3,h4{
  font-family:var(--arc-font-head);
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.08;
  color:var(--arc-ice);
}
h1{font-size:clamp(40px,6.4vw,88px);line-height:1.02}
h2{font-size:clamp(28px,4.2vw,56px);line-height:1.06}
h3{font-size:clamp(20px,2.2vw,28px);line-height:1.2}
h4{font-size:17px;letter-spacing:.02em;line-height:1.4}
p{max-width:72ch}
strong{font-weight:800}

.arc-title{font-family:var(--arc-font-head);font-weight:900;letter-spacing:-.02em;line-height:1.04}
.arc-title--xl{font-size:clamp(48px,9vw,128px);line-height:.95}
.arc-title--lg{font-size:clamp(34px,5.2vw,68px);line-height:1.02}
.arc-title--md{font-size:clamp(22px,2.8vw,34px);line-height:1.16}

.arc-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--arc-font-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--arc-cyan);
}
.arc-kicker::before{
  content:"";
  width:26px;
  height:2px;
  background:var(--arc-cyan);
}

.arc-lede{
  font-size:clamp(16px,1.4vw,19px);
  line-height:1.8;
  color:var(--arc-mist);
  max-width:64ch;
}

.arc-num{
  font-family:var(--arc-font-mono);
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
  color:var(--arc-cyan);
}

.arc-note{
  font-size:14px;
  line-height:1.8;
  color:var(--arc-mist);
}

.arc-rule{
  height:2px;
  border:0;
  background:var(--arc-line);
}

/* --- 5. 布局工具 --------------------------------------------------------- */
.arc-shell{
  width:100%;
  max-width:var(--arc-shell);
  margin-inline:auto;
  padding-inline:clamp(16px,4vw,40px);
}

.arc-main{
  display:block;
  padding-top:clamp(20px,3vw,40px);
}

.arc-section{padding-block:clamp(40px,6vw,84px)}

.arc-section__head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:16px 28px;
  margin-bottom:clamp(18px,2.4vw,32px);
}

.arc-grid{display:grid;gap:clamp(16px,2.2vw,28px)}
.arc-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.arc-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.arc-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

.arc-layout{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:clamp(24px,4vw,56px);
  align-items:start;
}
.arc-rail{
  position:sticky;
  top:110px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.arc-canvas{min-width:0;max-width:720px}
.arc-canvas--wide{max-width:none}

/* --- 6. 堆叠面板 --------------------------------------------------------- */
.arc-panel{
  position:relative;
  padding:clamp(20px,2.6vw,34px);
  background:var(--arc-abyss);
  border:2px solid var(--arc-line);
  box-shadow:var(--arc-shadow);
}
.arc-panel--teal{background:var(--arc-teal)}
.arc-panel--wine{background:var(--arc-wine)}
.arc-panel--indigo{background:var(--arc-indigo)}
.arc-panel--violet{background:linear-gradient(160deg,var(--arc-indigo),var(--arc-violet))}
.arc-panel--cut{
  clip-path:polygon(0 0,100% 0,100% calc(100% - 42px),calc(100% - 42px) 100%,0 100%);
}

/* --- 7. 按钮、链接、标签、面包屑 ----------------------------------------- */
.arc-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 26px;
  border-radius:999px;
  border:2px solid var(--arc-line-strong);
  background:rgba(6,12,27,.45);
  box-shadow:var(--arc-shadow-sm);
  color:var(--arc-ice);
  font-size:15px;
  font-weight:800;
  letter-spacing:.04em;
  transition:transform .18s var(--arc-ease),box-shadow .18s var(--arc-ease),
    background-color .18s var(--arc-ease),color .18s var(--arc-ease),border-color .18s var(--arc-ease);
}
.arc-btn:hover{
  transform:translate(3px,3px);
  box-shadow:3px 3px 0 rgba(3,6,14,.72);
}
.arc-btn--primary{
  background:var(--arc-ember);
  border-color:var(--arc-ember);
  color:var(--arc-void);
}
.arc-btn--primary:hover{
  background:var(--arc-gold);
  border-color:var(--arc-gold);
}
.arc-btn--ghost{
  background:transparent;
  border-color:var(--arc-violet);
  color:var(--arc-violet);
}
.arc-btn--ghost:hover{
  background:var(--arc-violet);
  color:var(--arc-ice);
}
.arc-btn--sm{padding:9px 16px;font-size:13px}

.arc-link{
  position:relative;
  display:inline-block;
  padding-bottom:2px;
  color:var(--arc-cyan);
  font-weight:600;
}
.arc-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1.5px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s var(--arc-ease);
}
.arc-link:hover::after,
.arc-link:focus-visible::after{transform:scaleX(1)}

.arc-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:5px 12px;
  border-radius:999px;
  border:1.5px solid var(--arc-line-strong);
  color:var(--arc-ice);
  font-family:var(--arc-font-mono);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.06em;
}
.arc-tag--cyan{border-color:var(--arc-cyan);color:var(--arc-cyan)}
.arc-tag--ember{border-color:var(--arc-ember);color:var(--arc-ember)}
.arc-tag--gold{border-color:var(--arc-gold);color:var(--arc-gold)}

.arc-chiprow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

.arc-crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-family:var(--arc-font-mono);
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--arc-mist);
}
.arc-crumbs__item{display:inline-flex;align-items:center;gap:8px}
.arc-crumbs__link{color:var(--arc-mist);transition:color .18s var(--arc-ease)}
.arc-crumbs__link:hover{color:var(--arc-cyan)}
.arc-crumbs__sep{color:rgba(201,216,255,.36)}

/* --- 8. 图片容器 --------------------------------------------------------- */
.arc-media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border:2px solid var(--arc-line-strong);
  background-image:
    radial-gradient(circle at 22% 18%, rgba(124,77,255,.48), transparent 58%),
    radial-gradient(circle at 78% 74%, rgba(52,241,211,.30), transparent 60%),
    linear-gradient(140deg, var(--arc-abyss), var(--arc-indigo));
}
.arc-media--wide{aspect-ratio:21 / 9}
.arc-media--square{aspect-ratio:1 / 1}
.arc-media--tall{aspect-ratio:4 / 5}
.arc-media__img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.arc-media__frame{
  position:absolute;
  inset:8px;
  border:2px dashed rgba(201,216,255,.24);
  pointer-events:none;
}
.arc-media__caption{
  margin-top:10px;
  font-family:var(--arc-font-mono);
  font-size:13px;
  color:var(--arc-mist);
}

/* --- 9. 横向卡片墙 ------------------------------------------------------- */
.arc-hscroll{
  position:relative;
  margin-inline:calc(clamp(16px,4vw,40px) * -1);
  padding-inline:clamp(16px,4vw,40px);
}
.arc-hscroll__track{
  display:flex;
  gap:clamp(14px,2vw,24px);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:16px;
  scrollbar-color:var(--arc-violet) transparent;
}
.arc-hscroll__track > *{
  flex:0 0 min(340px,78vw);
  scroll-snap-align:start;
}
.arc-hcard{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:20px;
  background:var(--arc-abyss);
  border:2px solid var(--arc-line);
  box-shadow:var(--arc-shadow-sm);
  transition:transform .18s var(--arc-ease),box-shadow .18s var(--arc-ease),border-color .18s var(--arc-ease);
}
.arc-hcard:hover{
  transform:translate(4px,4px);
  box-shadow:2px 2px 0 rgba(3,6,14,.72);
  border-color:var(--arc-cyan);
}

/* --- 10. 清单与折叠 ------------------------------------------------------ */
.arc-check{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 16px;
  background:rgba(6,12,27,.5);
  border:2px solid var(--arc-line);
  transition:border-color .18s var(--arc-ease),background-color .18s var(--arc-ease);
}
.arc-check:hover{border-color:var(--arc-line-strong)}
.arc-check__box{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 auto;
  width:22px;
  height:22px;
  margin:3px 0 0;
  display:grid;
  place-items:center;
  border:2px solid var(--arc-line-strong);
  border-radius:6px;
  background:transparent;
  cursor:pointer;
  transition:background-color .15s var(--arc-ease),border-color .15s var(--arc-ease);
}
.arc-check__box:checked{
  background:var(--arc-cyan);
  border-color:var(--arc-cyan);
}
.arc-check__box:checked::after{
  content:"";
  width:10px;
  height:6px;
  border-left:2.5px solid var(--arc-void);
  border-bottom:2.5px solid var(--arc-void);
  transform:rotate(-45deg) translate(1px,-2px);
}
.arc-check__label{font-size:15.5px;line-height:1.7}
.arc-check__box:checked ~ .arc-check__label{
  color:var(--arc-mist);
  text-decoration:line-through;
}

.arc-acc{display:flex;flex-direction:column;gap:12px}
.arc-acc__item{
  background:var(--arc-abyss);
  border:2px solid var(--arc-line);
}
.arc-acc__btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 20px;
  text-align:left;
  font-size:16px;
  font-weight:800;
  color:var(--arc-ice);
  transition:color .18s var(--arc-ease);
}
.arc-acc__btn:hover{color:var(--arc-cyan)}
.arc-acc__btn::after{
  content:"+";
  font-family:var(--arc-font-mono);
  font-size:20px;
  color:var(--arc-cyan);
}
.arc-acc__panel{
  display:none;
  padding:0 20px 20px;
  font-size:15.5px;
  color:var(--arc-mist);
}
.arc-acc__item[data-open="true"]{border-color:var(--arc-line-strong)}
.arc-acc__item[data-open="true"] .arc-acc__panel{display:block}
.arc-acc__item[data-open="true"] .arc-acc__btn::after{content:"−"}

/* --- 11. 头部：悬浮胶囊导航 ---------------------------------------------- */
.arc-skip{
  position:absolute;
  left:clamp(12px,3vw,28px);
  top:-72px;
  z-index:95;
  padding:10px 18px;
  border-radius:999px;
  background:var(--arc-cyan);
  color:var(--arc-void);
  font-size:14px;
  font-weight:800;
  transition:top .18s var(--arc-ease);
}
.arc-skip:focus{top:14px}

.arc-header{
  position:sticky;
  top:0;
  z-index:70;
  padding:clamp(10px,1.6vw,18px) clamp(12px,3vw,28px) 0;
  background:linear-gradient(180deg, rgba(6,12,27,.95) 0%, rgba(6,12,27,.74) 62%, rgba(6,12,27,0) 100%);
  backdrop-filter:blur(8px);
}

.arc-header__inner{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  max-width:var(--arc-shell);
  margin-inline:auto;
  padding:8px 10px 8px 14px;
  background:var(--arc-glass);
  border:2px solid var(--arc-line-strong);
  border-radius:999px;
  box-shadow:var(--arc-shadow-sm);
  transition:padding .2s var(--arc-ease);
}

.arc-brand{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  padding:2px 6px 2px 0;
  border-radius:999px;
}
.arc-brand__mark{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:14px;
  border:2px solid rgba(255,255,255,.34);
  background:linear-gradient(140deg,var(--arc-cyan) 0%,var(--arc-violet) 58%,var(--arc-ember) 100%);
  color:var(--arc-void);
  font-family:var(--arc-font-mono);
  font-size:15px;
  font-weight:700;
  letter-spacing:-.04em;
  box-shadow:3px 3px 0 rgba(3,6,14,.7);
  transition:transform .18s var(--arc-ease),box-shadow .18s var(--arc-ease),width .2s var(--arc-ease),height .2s var(--arc-ease);
}
.arc-brand:hover .arc-brand__mark{
  transform:translate(2px,2px);
  box-shadow:1px 1px 0 rgba(3,6,14,.7);
}
.arc-brand__text{
  display:flex;
  flex-direction:column;
  line-height:1.2;
}
.arc-brand__name{
  font-size:16px;
  font-weight:900;
  letter-spacing:.01em;
  color:var(--arc-ice);
}
.arc-brand__tag{
  font-size:11px;
  letter-spacing:.06em;
  color:var(--arc-mist);
  white-space:nowrap;
}

.arc-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:clamp(6px,1.2vw,16px);
}
.arc-nav__list{
  display:flex;
  align-items:center;
  gap:2px;
}
.arc-nav__item{display:flex}
.arc-nav__link{
  position:relative;
  display:inline-block;
  padding:9px 14px;
  border-radius:999px;
  font-size:14px;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--arc-ice);
  white-space:nowrap;
  transition:background-color .18s var(--arc-ease),color .18s var(--arc-ease);
}
.arc-nav__link::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:5px;
  height:2px;
  background:var(--arc-cyan);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s var(--arc-ease);
}
.arc-nav__link:hover{background:rgba(124,77,255,.20)}
.arc-nav__link:hover::after{transform:scaleX(1)}
.arc-nav__link[aria-current="page"]{
  color:var(--arc-cyan);
  background:rgba(52,241,211,.10);
}
.arc-nav__link[aria-current="page"]::after{transform:scaleX(1)}

.arc-nav__cta{
  flex:0 0 auto;
  display:inline-block;
  padding:10px 20px;
  border-radius:999px;
  border:2px solid var(--arc-ember);
  color:var(--arc-ember);
  font-size:14px;
  font-weight:800;
  letter-spacing:.04em;
  white-space:nowrap;
  transition:background-color .18s var(--arc-ease),color .18s var(--arc-ease),box-shadow .18s var(--arc-ease);
}
.arc-nav__cta:hover,
.arc-nav__cta:focus-visible{
  background:var(--arc-ember);
  color:var(--arc-void);
  box-shadow:3px 3px 0 rgba(3,6,14,.7);
}

.arc-nav-toggle{
  display:none;
  align-items:center;
  gap:8px;
  margin-left:auto;
  padding:9px 14px;
  border-radius:999px;
  border:2px solid var(--arc-line-strong);
  color:var(--arc-ice);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
}
.arc-nav-toggle__label{font-size:13px}
.arc-nav-toggle__bars{
  position:relative;
  width:20px;
  height:12px;
}
.arc-nav-toggle__bars::before,
.arc-nav-toggle__bars::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:2px;
  border-radius:2px;
  background:var(--arc-cyan);
  transition:transform .2s var(--arc-ease),top .2s var(--arc-ease);
}
.arc-nav-toggle__bars::before{top:0}
.arc-nav-toggle__bars::after{top:10px}
.arc-header[data-open] .arc-nav-toggle__bars::before{
  top:5px;
  transform:rotate(45deg);
}
.arc-header[data-open] .arc-nav-toggle__bars::after{
  top:5px;
  transform:rotate(-45deg);
}

.arc-progress{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:rgba(201,216,255,.10);
  pointer-events:none;
}
.arc-progress::after{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,var(--arc-violet),var(--arc-cyan));
  transform:scaleX(var(--arc-progress,0));
  transform-origin:left;
  box-shadow:0 0 12px rgba(52,241,211,.55);
  transition:transform .12s linear;
}

.arc-header[data-scrolled] .arc-header__inner{padding:4px 8px 4px 10px}
.arc-header[data-scrolled] .arc-brand__mark{
  width:38px;
  height:38px;
  border-radius:11px;
  font-size:13px;
}
.arc-header[data-scrolled] .arc-brand__tag{display:none}
.arc-header[data-scrolled] .arc-nav__link{padding:7px 12px}

/* --- 12. 页脚：四栏堆叠面板 ---------------------------------------------- */
.arc-footer{
  margin-top:clamp(48px,8vw,96px);
  background:linear-gradient(180deg,var(--arc-abyss) 0%,var(--arc-void) 100%);
  border-top:3px solid var(--arc-violet);
  box-shadow:0 -8px 0 rgba(124,77,255,.14);
}

.arc-footer__grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1.4fr;
  gap:clamp(20px,2.6vw,36px);
  width:100%;
  max-width:var(--arc-shell);
  margin-inline:auto;
  padding:clamp(32px,5vw,64px) clamp(16px,4vw,40px) clamp(24px,3vw,40px);
}

.arc-footer__panel{
  position:relative;
  padding:18px 18px 20px;
  background:rgba(6,12,27,.55);
  border:2px solid var(--arc-line);
  box-shadow:var(--arc-shadow-sm);
}
.arc-footer__panel::before{
  content:"";
  position:absolute;
  top:-2px;
  left:-2px;
  width:54px;
  height:4px;
  background:var(--arc-violet);
}
.arc-footer__panel--brand{background:rgba(36,19,86,.5)}
.arc-footer__panel--brand::before{background:var(--arc-violet)}
.arc-footer__panel--index{margin-top:10px}
.arc-footer__panel--index::before{background:var(--arc-cyan)}
.arc-footer__panel--legal{margin-top:20px}
.arc-footer__panel--legal::before{background:var(--arc-gold)}
.arc-footer__panel--contact{margin-top:6px}
.arc-footer__panel--contact::before{background:var(--arc-ember)}

.arc-footer__brandname{
  font-size:22px;
  font-weight:900;
  letter-spacing:-.01em;
  color:var(--arc-ice);
  line-height:1.2;
}
.arc-footer__lede{
  margin-top:12px;
  font-size:14.5px;
  line-height:1.8;
  color:var(--arc-ice);
  max-width:34ch;
}
.arc-footer__note{
  margin-top:12px;
  font-size:13px;
  line-height:1.75;
  color:var(--arc-mist);
  max-width:36ch;
}
.arc-footer__title{
  margin-bottom:14px;
  font-family:var(--arc-font-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--arc-mist);
}
.arc-footer__list{
  display:flex;
  flex-direction:column;
  gap:9px;
  font-size:14px;
}
.arc-footer__link{
  position:relative;
  display:inline-block;
  padding-bottom:2px;
  color:var(--arc-ice);
  transition:color .18s var(--arc-ease);
}
.arc-footer__link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:var(--arc-cyan);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s var(--arc-ease);
}
.arc-footer__link:hover,
.arc-footer__link:focus-visible{color:var(--arc-cyan)}
.arc-footer__link:hover::after,
.arc-footer__link:focus-visible::after{transform:scaleX(1)}

.arc-footer__meta{
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:14px;
}
.arc-footer__meta-item{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px;
}
.arc-footer__key{
  flex:0 0 auto;
  min-width:62px;
  font-family:var(--arc-font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--arc-cyan);
}
.arc-footer__val{
  color:var(--arc-ice);
  word-break:break-all;
}

.arc-copy{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 10px;
  border-radius:999px;
  border:1px solid rgba(255,138,61,.7);
  color:var(--arc-ember);
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  transition:background-color .18s var(--arc-ease),color .18s var(--arc-ease),border-color .18s var(--arc-ease);
}
.arc-copy:hover{background:var(--arc-ember);color:var(--arc-void)}
.arc-copy[data-copied="true"]{
  background:var(--arc-cyan);
  border-color:var(--arc-cyan);
  color:var(--arc-void);
}

.arc-footer__base{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 24px;
  width:100%;
  max-width:var(--arc-shell);
  margin-inline:auto;
  padding:16px clamp(16px,4vw,40px) 28px;
  border-top:2px solid var(--arc-line);
  font-size:12.5px;
  color:var(--arc-mist);
}
.arc-footer__copy{
  font-family:var(--arc-font-mono);
  letter-spacing:.02em;
  max-width:none;
}
.arc-footer__icp{
  font-family:var(--arc-font-mono);
  letter-spacing:.02em;
  color:var(--arc-ice);
  max-width:none;
}

/* --- 13. 返回顶部 ------------------------------------------------------- */
.arc-backtotop{
  position:fixed;
  right:clamp(14px,3vw,30px);
  bottom:clamp(14px,3vw,30px);
  z-index:80;
  padding:12px 18px;
  border-radius:999px;
  background:var(--arc-abyss);
  border:2px solid var(--arc-cyan);
  box-shadow:var(--arc-shadow-sm);
  color:var(--arc-cyan);
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .2s var(--arc-ease),transform .2s var(--arc-ease),visibility .2s linear,
    background-color .18s var(--arc-ease),color .18s var(--arc-ease);
}
.arc-backtotop[data-visible="true"]{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.arc-backtotop:hover{background:var(--arc-cyan);color:var(--arc-void)}

/* --- 14. 进场显现 ------------------------------------------------------- */
.arc-js [data-reveal]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .5s var(--arc-ease),transform .5s var(--arc-ease);
}
.arc-js [data-reveal][data-visible="true"]{
  opacity:1;
  transform:none;
}

/* --- 15. 响应式 --------------------------------------------------------- */
@media (min-width:1024px){
  .arc-panel--offset-right{transform:translateX(24px)}
  .arc-panel--offset-left{transform:translateX(-24px)}
}

@media (max-width:1024px){
  .arc-brand__tag{display:none}
  .arc-nav-toggle{display:inline-flex}
  .arc-nav{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    margin-left:0;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    padding:16px;
    border-radius:24px;
    background:var(--arc-abyss);
    border:2px solid var(--arc-line-strong);
    box-shadow:var(--arc-shadow);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:opacity .2s var(--arc-ease),transform .2s var(--arc-ease),visibility .2s linear;
  }
  .arc-header[data-open] .arc-nav{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
  .arc-nav__list{
    flex-direction:column;
    align-items:stretch;
    gap:4px;
  }
  .arc-nav__link{
    padding:12px 14px;
    border-radius:14px;
    font-size:15px;
  }
  .arc-nav__link::after{
    left:14px;
    right:auto;
    width:28px;
    bottom:8px;
  }
  .arc-nav__cta{
    text-align:center;
    padding:13px 20px;
  }
  .arc-header[data-scrolled] .arc-nav__link{padding:12px 14px}

  .arc-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arc-layout{grid-template-columns:minmax(0,1fr);gap:24px}
  .arc-rail{
    position:static;
    flex-direction:row;
    gap:10px;
    overflow-x:auto;
    padding-bottom:6px;
  }
  .arc-canvas{max-width:none}

  .arc-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arc-footer__panel--index{margin-top:0}
  .arc-footer__panel--legal{margin-top:12px}
  .arc-footer__panel--contact{margin-top:12px}
}

@media (max-width:760px){
  body{font-size:16.5px}
  .arc-grid--2,
  .arc-grid--3,
  .arc-grid--4{grid-template-columns:minmax(0,1fr)}
  .arc-footer__grid{grid-template-columns:minmax(0,1fr)}
  .arc-footer__panel--legal,
  .arc-footer__panel--contact{margin-top:0;margin-left:12px}
  .arc-footer__base{flex-direction:column;align-items:flex-start}
  .arc-footer__lede,
  .arc-footer__note{max-width:none}
  .arc-media--wide{aspect-ratio:16 / 9}
}

@media (max-width:420px){
  .arc-brand__mark{width:40px;height:40px;border-radius:12px;font-size:13px}
  .arc-nav-toggle__label{display:none}
}

/* --- 16. 减少动态效果 --------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .arc-btn:hover,
  .arc-hcard:hover,
  .arc-brand:hover .arc-brand__mark{transform:none}
  .arc-js [data-reveal]{opacity:1;transform:none}
  .arc-backtotop{transform:none}
}