/* ==========================================================================
   Fansgurus 全站主题
   新版首页与所有子页面共用。改这里 = 全站生效。
   页面专属样式写在各自页面里，不要往这个文件塞。
   ========================================================================== */

:root{
  /* ===== 品牌三色：珊瑚粉 → 粉紫 → 淡紫 ===== */
  --c1:#EA7A8A; --c2:#BE68C4; --c3:#9356FD;
  --c1r:234,122,138; --c2r:190,104,196; --c3r:147,86,253;
  --grad:linear-gradient(100deg,var(--c1) 0%,var(--c2) 52%,var(--c3) 100%);
  --grad-soft:linear-gradient(100deg,rgba(var(--c1r),.14),rgba(var(--c2r),.14),rgba(var(--c3r),.14));

  /* 文字：偏紫的深色，不是纯黑 */
  --ink:#241A33; --inkr:36,26,51;
  --ink-2:#52465F;
  --ink-3:#786C86;
  --ink-4:#A99FB4;

  /* 底色：浅色系，跟着品牌色偏一点紫 */
  --page:#FBFAFE;
  --page-2:#F4F0FB;
  --paper:#FFFFFF;
  --line:rgba(var(--inkr),.09);
  --line-2:rgba(var(--inkr),.17);

  /* 强调色：从 c2/c3 之间取，保证在白底上对比度达标 */
  --key:#7B33D6; --key-deep:#6425B4;
  --key-soft:rgba(var(--c2r),.13);
  --key-tint:rgba(var(--c2r),.06);

  /* 状态色 */
  --ok:#12A150; --ok-soft:#EDFFF4; --ok-line:#AEE5C5; --ok-ink:#17613A;
  --bad:#D92D4E; --bad-soft:#FFF1F3; --bad-line:#F6BDC8; --bad-ink:#9E1D36;

  --sh-1:0 8px 24px -16px rgba(var(--c3r),.36);
  --sh-2:0 18px 50px -26px rgba(var(--c3r),.44);
  --sh-3:0 34px 80px -34px rgba(var(--c3r),.54);

  --r:12px; --r-l:18px; --r-xl:26px;
  --shell:1200px; --pad:22px;
  --sans:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --hand:"Hanzipen SC","Hannotate SC","翩翩体-简","手札体-简","PingFang SC",sans-serif;
}

@media (max-width:720px){ :root{ --pad:16px } }


/* ==========================================================================
   1. 基础重置
   作用域限定在 .fg-scope 内，避免污染后台旧模板。
   页面根容器加 class="fg-scope" 即可启用整套主题。
   ========================================================================== */

.fg-scope,.fg-scope *,.fg-scope *::before,.fg-scope *::after{box-sizing:border-box}
.fg-scope{
  background:var(--page);color:var(--ink);font-family:var(--sans);
  font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;
  font-feature-settings:"tnum";
}
.fg-scope h1,.fg-scope h2,.fg-scope h3,.fg-scope h4,
.fg-scope p,.fg-scope ul,.fg-scope ol,.fg-scope figure{margin:0}
.fg-scope ul,.fg-scope ol{list-style:none;padding:0}
.fg-scope button,.fg-scope input,.fg-scope select,.fg-scope textarea{font:inherit;color:inherit}
.fg-scope img{display:block;max-width:100%}
.fg-scope :focus-visible{outline:2px solid var(--key);outline-offset:2px;border-radius:6px}

/* 旧主题的链接颜色会渗进来，这里一次性掐断 */
.fg-scope a,
.fg-scope a:visited,
.fg-scope a:hover,
.fg-scope a:focus,
.fg-scope a:focus-visible{color:inherit;text-decoration:none !important}


/* ==========================================================================
   2. 布局与排版
   ========================================================================== */

.shell{max-width:var(--shell);margin:0 auto;padding:0 var(--pad)}
.shell-sm{max-width:560px;margin:0 auto;padding:0 var(--pad)}

.h1{font-size:clamp(30px,3.4vw,42px);line-height:1.22;font-weight:800;letter-spacing:-.03em;text-wrap:balance}
.h2{font-size:clamp(25px,3.1vw,36px);line-height:1.22;font-weight:800;letter-spacing:-.032em}
.h3{font-size:19px;font-weight:800;letter-spacing:-.02em}
.lead{font-size:15.5px;color:var(--ink-3);line-height:1.85}
.center{text-align:center}
.center .lead{max-width:640px;margin:14px auto 0}
.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:var(--key);margin-bottom:10px}

.k{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.hand{font-family:var(--hand)}


/* ==========================================================================
   3. 按钮
   ========================================================================== */

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:46px;padding:0 24px;border-radius:10px;border:1px solid transparent;cursor:pointer;
  font-size:14.5px;font-weight:700;transition:all .18s ease}

.btn-key{background:var(--grad);color:#fff;box-shadow:0 12px 28px -10px rgba(var(--c2r),.7);
  position:relative;overflow:hidden}
.fg-scope .btn-key,
.fg-scope .btn-key:visited,
.fg-scope .btn-key:hover,
.fg-scope .btn-key:focus,
.fg-scope .btn-key:focus-visible{color:#fff !important}
.btn-key::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg)}
.btn-key:hover::after{animation:fg-sheen .75s ease}
.btn-key:hover{transform:translateY(-3px);box-shadow:0 20px 42px -12px rgba(var(--c2r),.85)}
@keyframes fg-sheen{to{left:130%}}

.btn-line{background:var(--paper);border-color:var(--line-2);color:var(--ink)}
.fg-scope .btn-line,
.fg-scope .btn-line:visited,
.fg-scope .btn-line:hover,
.fg-scope .btn-line:focus,
.fg-scope .btn-line:focus-visible{color:var(--ink) !important}
.btn-line:hover{border-color:var(--ink-4);background:var(--page-2)}

.btn-sm{height:38px;padding:0 16px;font-size:13.5px;border-radius:9px}
.btn-block{width:100%}

/* 只有把访客推进转化流程的链接才用品牌紫 */
.fg-scope .lg-sub a,
.fg-scope .lg-new a,
.fg-scope .link-key{color:var(--key)}
.fg-scope .lg-sub a:hover,
.fg-scope .lg-sub a:focus,
.fg-scope .lg-sub a:focus-visible,
.fg-scope .lg-new a:hover,
.fg-scope .lg-new a:focus,
.fg-scope .lg-new a:focus-visible,
.fg-scope .link-key:hover,
.fg-scope .link-key:focus,
.fg-scope .link-key:focus-visible{color:var(--key-deep)}


/* ==========================================================================
   4. 表单
   登录、注册、找回密码、下单页共用同一套输入控件。
   ========================================================================== */

.lg-f{min-width:0}
.lg-f label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-2);margin-bottom:6px}
.lg-f input,
.lg-f select,
.lg-f textarea{
  width:100%;height:44px;padding:0 14px;border-radius:10px;
  border:1px solid var(--line-2);background:var(--paper);font-size:14.5px;
  transition:border-color .18s,box-shadow .18s;
}
.lg-f textarea{height:auto;min-height:110px;padding:11px 14px;line-height:1.7;resize:vertical}
.lg-f input:hover,
.lg-f select:hover,
.lg-f textarea:hover{border-color:var(--ink-4)}
.lg-f input:focus,
.lg-f select:focus,
.lg-f textarea:focus{outline:none;border-color:var(--c2);
  box-shadow:0 0 0 3px rgba(var(--c2r),.13)}
.lg-f input::placeholder,
.lg-f textarea::placeholder{color:var(--ink-4)}
.lg-f input[aria-invalid="true"]{border-color:var(--bad);background:var(--bad-soft)}

.lg-sub{margin-top:9px;font-size:12.5px;color:var(--ink-3)}
.lg-sub a{color:var(--key);font-weight:600}
.lg-new{margin-top:9px;font-size:12.5px;color:var(--ink-3);text-align:left}
.lg-new a{color:var(--key);font-weight:700}

/* 勾选框 */
.lg-remember{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2);cursor:pointer;
  min-height:22px;margin-bottom:9px}
.lg-remember input{appearance:none;width:18px;height:18px;flex:0 0 18px;border-radius:5px;
  border:1.5px solid var(--line-2);background:var(--page-2);cursor:pointer;position:relative;transition:all .18s}
.lg-remember input:checked{background:var(--c2);border-color:var(--c2)}
.lg-remember input:checked::after{content:"";position:absolute;left:5.5px;top:2px;width:5px;height:9px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg)}

/* 提示条 */
.fg-alert{margin:0;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.6}
.fg-alert--error{color:var(--bad-ink);background:var(--bad-soft);border:1px solid var(--bad-line)}
.fg-alert--success{color:var(--ok-ink);background:var(--ok-soft);border:1px solid var(--ok-line)}
.fg-captcha{margin-bottom:12px}
.fg-captcha:empty{display:none}
.fg-google-login{min-height:40px;margin-top:14px;display:flex;align-items:center}


/* ==========================================================================
   5. 卡片
   ========================================================================== */

.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);
  box-shadow:var(--sh-1);padding:26px 24px}
.card-lg{border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:30px 34px}

/* 副页面表单卡：注册、找回密码、验证码等单栏表单页共用 */
.auth-sec{padding:52px 0 64px;position:relative}
.auth-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--sh-2);padding:32px 34px}
.auth-hd{margin-bottom:24px}
.auth-hd h1{font-size:26px;font-weight:800;letter-spacing:-.028em;line-height:1.3}
.auth-hd p{margin-top:8px;font-size:14px;color:var(--ink-3)}
.auth-card .lg-f + .lg-f{margin-top:14px}
.auth-card .btn{width:100%;height:46px;font-size:15px;margin-top:22px}
.auth-foot{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--ink-3);text-align:center}
.auth-foot a{color:var(--key);font-weight:700}
.auth-foot a:hover{color:var(--key-deep)}

@media (max-width:720px){
  .auth-sec{padding:30px 0 44px}
  .auth-card{padding:24px 20px;border-radius:20px}
  .auth-hd h1{font-size:22px}
}


/* ==========================================================================
   6. 导航与页脚
   layout.twig 全站公共外壳专用，class 前缀 fg-site-* 避免与页面内部
   通用类名（.logo/.btn 等）冲突。fg-scope 页面照常用 .top/.foot 那套。
   ========================================================================== */

.fg-site-chrome{box-sizing:border-box;color:var(--ink);font-family:var(--sans)}
.fg-site-chrome *,.fg-site-chrome *::before,.fg-site-chrome *::after{box-sizing:border-box}
.fg-site-chrome a,.fg-site-chrome a:visited,.fg-site-chrome a:hover,.fg-site-chrome a:focus{color:inherit;text-decoration:none!important}
.fg-site-header{position:relative;padding:16px 0;background:none;transition:padding .35s cubic-bezier(.2,.8,.2,1)}
.fg-site-header.is-stuck{padding:10px 0}
.fg-site-header__inner{width:max-content;min-width:min(1180px,calc(100vw - 48px));max-width:calc(100vw - 48px);min-height:64px;margin:0 auto;padding:0 14px 0 20px;border:1px solid var(--line);border-radius:999px;background:rgba(251,250,254,.72);box-shadow:0 6px 24px -16px rgba(var(--c3r),.5);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);display:flex;align-items:center;justify-content:space-between;gap:clamp(6px,1.1vw,20px);position:relative;transition:min-width .45s cubic-bezier(.2,.8,.2,1),min-height .35s,box-shadow .35s,background .35s}
.fg-site-header.is-stuck .fg-site-header__inner{min-width:min(1030px,calc(100vw - 48px));min-height:58px;background:rgba(251,250,254,.9);box-shadow:0 18px 44px -22px rgba(var(--c3r),.65)}
.fg-site-header__inner::before{content:"";position:absolute;inset:-1px;padding:1.4px;border-radius:999px;pointer-events:none;background:linear-gradient(100deg,var(--c1),var(--c2),var(--c3),var(--c2),var(--c1));background-size:280% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s;animation:fgSiteFlow 9s linear infinite}
.fg-site-header.is-stuck .fg-site-header__inner::before{opacity:.85}@keyframes fgSiteFlow{to{background-position:280% 0}}
.fg-site-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--ink)!important}
.fg-site-brand__mark{position:relative;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}
.fg-site-brand__mark::before{content:"";position:absolute;inset:0;border-radius:12px;background:conic-gradient(from 0deg,var(--c1),var(--c2),var(--c3),var(--c1));animation:fgSiteSpin 6s linear infinite}
.fg-site-brand__mark::after{content:"";position:absolute;inset:2.5px;border-radius:10px;background:#fff}.fg-site-brand__mark img{position:relative;z-index:1;width:22px;height:21px;object-fit:contain}.fg-site-brand strong{font-size:17px;line-height:1;letter-spacing:-.03em}@keyframes fgSiteSpin{to{transform:rotate(360deg)}}
.fg-site-nav{position:relative;display:flex;align-items:center;gap:clamp(0px,.3vw,4px);font-size:clamp(13px,.95vw,15px);flex:0 1 auto;min-width:0}
.fg-site-nav a{position:relative;z-index:2;padding:9px clamp(8px,.95vw,17px);border-radius:999px;color:var(--ink-3)!important;white-space:nowrap;transition:color .3s;flex:0 0 auto}.fg-site-nav a.is-active,.fg-site-nav .nav-top.is-active{color:#fff!important}.fg-site-nav__slider{position:absolute;z-index:1;top:50%;left:0;height:38px;margin-top:-19px;border-radius:999px;background:var(--grad);box-shadow:0 8px 20px -9px rgba(var(--c2r),.9);opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.34,1.4,.5,1),width .42s cubic-bezier(.34,1.4,.5,1),opacity .3s}
/* 内页顶栏悬停下拉：复用首页磨砂胶囊设计，前缀改 .fg-site-nav */
.fg-site-nav .nav-item{position:relative;display:flex;align-items:center;flex:0 0 auto}
.fg-site-nav .nav-item>.nav-top::after{content:"";display:inline-block;flex:0 0 auto;width:6px;height:6px;margin-left:5px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7;transition:transform .25s,opacity .25s}
.fg-site-nav .nav-item:hover>.nav-top::after{transform:translateY(0) rotate(225deg);opacity:1}
.fg-site-nav .sub-menu{position:absolute;top:100%;left:50%;z-index:60;max-height:min(70vh,520px);overflow-y:auto;overscroll-behavior:contain;margin-top:14px;padding:10px;border-radius:var(--r-xl);background:#FBFAFE;backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--line);box-shadow:0 22px 50px -24px rgba(var(--c3r),.5);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
.fg-site-nav .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.fg-site-nav .nav-item:hover .sub-menu,.fg-site-nav .nav-item:focus-within .sub-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);will-change:transform,opacity}
.fg-site-nav .sub-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:1px}
.fg-site-nav .sub-menu a{position:relative;z-index:2;display:block;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:500;color:var(--ink-2)!important;white-space:nowrap;background:none;flex:initial;transition:background .14s,color .14s}
.fg-site-nav .sub-menu a::before,.fg-site-nav .sub-menu a::after{content:none!important;display:none!important}
.fg-site-nav .sub-menu a:hover,.fg-site-nav .sub-menu a:focus,.fg-site-nav .sub-menu a:focus-visible{background:var(--page-2);color:var(--key)!important}
.fg-site-nav .sub-lead{font-weight:700;color:var(--key)!important}
.fg-site-nav .sub-menu.is-single .sub-grid{grid-template-columns:1fr}
.fg-site-nav .sub-grid--3{grid-template-columns:repeat(3,minmax(140px,1fr))}
.fg-site-header__actions{display:flex;align-items:center;gap:clamp(6px,.8vw,12px);flex-shrink:0;white-space:nowrap}.fg-site-language{position:relative}.fg-site-language__current{height:38px;padding:0 clamp(9px,1vw,14px);border:1px solid var(--line-2);border-radius:999px;background:var(--page-2);color:var(--ink-3);display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:inherit;font-size:13.5px}.fg-site-language__current svg{width:16px;height:16px}.fg-site-language.is-open .fg-site-language__current,.fg-site-language__current:hover{background:#fff;border-color:rgba(var(--c2r),.42);color:var(--key)}
.fg-site-language__list{position:absolute;top:calc(100% + 10px);right:0;z-index:60;display:flex;flex-direction:column;min-width:150px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 18px 40px -18px rgba(var(--c2r),.5);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.22s}.fg-site-language.is-open .fg-site-language__list{opacity:1;visibility:visible;transform:none}.fg-site-language__list a{padding:9px 12px;border-radius:9px;color:var(--ink-3)!important;font-size:13.5px;white-space:nowrap}.fg-site-language__list a:hover{background:var(--page-2);color:var(--key)!important}.fg-site-language__list a.is-active{background:var(--grad);color:#fff!important}
.fg-site-order{height:44px;padding:0 clamp(14px,1.8vw,27px);border-radius:999px;background:var(--grad);color:#fff!important;box-shadow:0 12px 28px -10px rgba(var(--c2r),.7);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:.2s}.fg-site-order:hover{color:#fff!important;transform:translateY(-1px);box-shadow:0 14px 30px -10px rgba(var(--c2r),.8)}
.fg-site-register{height:44px;padding:0 clamp(13px,1.5vw,22px);border-radius:999px;border:1px solid var(--line-2);background:var(--page-2);color:var(--key)!important;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:.2s}.fg-site-register:hover{color:var(--key)!important;border-color:rgba(var(--c3r),.42);background:#fff;transform:translateY(-1px)}
.fg-site-burger{display:none;width:40px;height:40px;padding:0;border:1px solid var(--line-2);border-radius:999px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}.fg-site-burger span{display:block;width:17px;height:2px;border-radius:2px;background:var(--ink);transition:.3s}.fg-site-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.fg-site-burger[aria-expanded="true"] span:nth-child(2){opacity:0}.fg-site-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.fg-site-drawer{display:none;max-width:1180px;margin:10px auto 0;padding:14px 20px 18px;border:1px solid var(--line);border-radius:24px;background:rgba(251,250,254,.96);box-shadow:0 18px 50px -26px rgba(var(--c3r),.44);backdrop-filter:blur(20px);flex-direction:column;gap:2px;max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;-webkit-overflow-scrolling:touch}.fg-site-drawer.is-open{display:flex}.fg-site-drawer>a:not(.fg-site-order):not(.fg-site-register){padding:12px 4px;color:var(--ink-2)!important;font-size:15px}
.fg-site-drawer .drawer-acc{border:0}
.fg-site-drawer .drawer-acc>summary{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;font-size:15px;color:var(--ink-2)!important;cursor:pointer;list-style:none}
.fg-site-drawer .drawer-acc>summary::-webkit-details-marker{display:none}
.fg-site-drawer .drawer-acc>summary::after{content:"";width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);opacity:.55;transition:transform .2s}
.fg-site-drawer .drawer-acc[open]>summary::after{transform:rotate(225deg);opacity:.9}
.fg-site-drawer .drawer-sub{display:flex;flex-direction:column;padding:2px 0 6px 12px;border-left:2px solid var(--line)}
.fg-site-drawer .drawer-sub a{padding:9px 4px!important;font-size:14px;color:var(--ink-3)!important}
.fg-site-drawer .drawer-sub .drawer-sub-lead{font-weight:700;color:var(--key)!important}.fg-site-drawer .drawer-btns{display:flex;gap:10px;margin-top:12px}
.fg-site-drawer .drawer-btns>a{flex:1 1 0;min-width:0;margin:0;height:46px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center}
.fg-site-drawer__order{padding:0 12px}.fg-site-drawer__register{padding:0 12px}.fg-site-drawer__languages{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.fg-site-drawer__languages a{padding:8px 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--page-2);color:var(--ink-3)!important;font-size:13px}.fg-site-drawer__languages a.is-active{border-color:transparent;background:var(--grad);color:#fff!important}
.fg-site-drawer .drawer-acc--lang{border-top:1px solid var(--line);margin-top:8px}
.fg-site-drawer .drawer-acc--lang>summary{color:var(--ink-3)!important;font-size:14px;gap:0}
.fg-site-drawer .drawer-acc--lang>summary::after{margin-left:auto}
.fg-site-drawer .drawer-acc--lang .fg-site-drawer__languages{margin-top:0;padding-top:0;border-top:0;padding-bottom:6px}
.fg-site-drawer .drawer-lang-ic{width:16px;height:16px;margin-right:8px;border-radius:999px;border:1.6px solid currentColor;opacity:.7;position:relative;flex:0 0 auto}
.fg-site-drawer .drawer-lang-ic::before{content:"";position:absolute;inset:1.4px 3px;border:1.4px solid currentColor;border-radius:999px}
.fg-site-drawer .drawer-lang-ic::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1.4px;margin-left:-.7px;background:currentColor}
.fg-site-footer{margin-top:auto;padding:54px 0 24px;border-top:1px solid var(--line);background:var(--page-2);color:var(--ink-3);font-size:13px;line-height:1.65}.fg-site-footer__inner{max-width:1200px;margin:0 auto;padding:0 22px}.fg-site-footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px;padding-bottom:32px}.fg-site-footer h4{margin:0 0 15px;color:var(--ink);font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.fg-site-footer p,.fg-site-footer ul{margin:0;padding:0}.fg-site-footer ul{list-style:none}.fg-site-footer li+li{margin-top:9px}.fg-site-footer a:hover{color:var(--key)!important}.fg-site-footer__about>img{width:44px;height:42px;object-fit:contain;margin-bottom:14px}.fg-site-footer__contact{margin-top:16px!important}.fg-site-footer__contact li{display:flex;align-items:flex-start;gap:10px;font-size:12.5px}.fg-site-footer__contact li>span:first-child{width:13px;color:var(--ink-4);flex:0 0 13px}.fg-site-footer__social{display:flex;gap:10px;margin-top:16px}.fg-site-footer__social a{width:32px;height:32px;border:1px solid var(--line-2);border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--ink-3)!important;font-size:14px;font-weight:700;transition:.2s}.fg-site-footer__social a:hover{border-color:var(--key);transform:translateY(-2px)}.fg-site-footer__more{display:none}.fg-site-footer__more.is-visible{display:list-item}.fg-site-footer__toggle{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:0;border:0;background:none;color:var(--key);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.fg-site-footer__toggle b{font-size:15px;transition:transform .25s}.fg-site-footer__toggle[aria-expanded="true"] b{transform:rotate(180deg)}.fg-site-footer__bottom{padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px}
@media(max-width:1230px){.fg-site-drawer{margin:10px 24px 0}}
@media(max-width:980px){.fg-site-header{padding:10px 0}.fg-site-header.is-stuck{padding:8px 0}.fg-site-header__inner{width:auto;min-width:0;max-width:none;min-height:58px;margin:0 16px;padding:0 10px 0 14px;gap:12px}.fg-site-header.is-stuck .fg-site-header__inner{min-width:0;min-height:54px}.fg-site-nav,.fg-site-language{display:none}.fg-site-burger{display:flex}.fg-site-brand__mark{width:30px;height:30px}.fg-site-brand__mark img{width:19px;height:18px}.fg-site-brand strong{font-size:16px}.fg-site-header__actions>.fg-site-register,.fg-site-header__actions>.fg-site-order{display:none}.fg-site-drawer{margin:8px 16px 0;padding:12px 16px 16px;border-radius:20px}.fg-site-drawer>a:not(.fg-site-order){padding:13px 4px}}
@media(max-width:860px){.fg-site-footer__grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:560px){.fg-site-header__actions>.fg-site-order{display:none}.fg-site-header__inner{margin:0 12px}.fg-site-footer__inner{padding:0 16px}.fg-site-footer__grid{grid-template-columns:1fr}.fg-site-footer__bottom{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){.fg-site-chrome *,.fg-site-chrome *::before,.fg-site-chrome *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* ==========================================================================
   8. 顶部进度条
   ========================================================================== */

#bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad);z-index:200;
  transition:width .1s linear}


/* ==========================================================================
   9. 无障碍
   ========================================================================== */

@media (prefers-reduced-motion:reduce){
  .fg-scope *,.fg-scope *::before,.fg-scope *::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* 触屏设备去掉 hover 位移，避免点一下卡住 */
@media (hover:none){
  .btn-key:hover,.btn-line:hover{transform:none}
}