/* Tip Tap Toe — pro layer (10k-websites-pro). Loaded after styles.css; overrides tokens, type, surfaces, hero; adds pro components. */
html,body{background:#07060c}
@font-face{font-family:"BSD";src:url(/assets/pro/fonts/big-shoulders-display.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(/assets/pro/fonts/figtree.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(/assets/pro/fonts/figtree-ext.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --bg:#07060c;--bg-elev:#0f0d17;--bg-card:#110f1a;--ink:#f7f4ff;--fg:252 50% 98%;
  --muted:rgba(247,244,255,.74);--dim:rgba(247,244,255,.56);--line:rgba(247,244,255,.12);
  --accent:#ff3d9a;--accent-ink:#1a0610;--wa:#25d366;--cyan:#6ff3ff;--pink:#ff4fa8;
  --font:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"BSD","Arial Narrow","Roboto Condensed",Impact,sans-serif;
  --radius:1.5rem;--max:1240px;--header-h:4.5rem;
  --ease:cubic-bezier(.22,1,.36,1);
  --glow-cyan:none;--glow-pink:none;
}
html{scroll-padding-top:6rem;overflow-x:clip}
body{background:var(--bg);font-size:1.0625rem;line-height:1.6;overflow-x:clip}
::selection{background:rgba(255,61,154,.32);color:#fff}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
@view-transition{navigation:auto}

/* grain */
body::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* type */
h1,h2,h3{font-family:var(--display);text-wrap:balance}
h1,h2{text-transform:uppercase;font-weight:800;letter-spacing:-.005em;line-height:.92}
h1{font-size:clamp(3rem,7.4vw,7rem)}
h2{font-size:clamp(2.5rem,5.6vw,5.25rem);margin-bottom:1rem}
h3{font-family:var(--font);font-weight:700;letter-spacing:-.01em;line-height:1.25}
.eyebrow{font-family:var(--font);font-size:.75rem;font-weight:700;letter-spacing:.22em;color:var(--cyan);opacity:.9}
.lede,.hero-lead{color:var(--muted);font-size:clamp(1.02rem,1.3vw,1.18rem);max-width:42rem}
.neon-grad{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--accent);text-shadow:none}
.neon-pink{color:var(--accent);text-shadow:none}
.neon-cyan{color:var(--cyan);text-shadow:none}
.neon-lime{color:#d4ff4f;text-shadow:none}
.container{width:min(100% - 2.5rem,var(--max))}
@media(min-width:900px){.container{width:min(100% - 6rem,var(--max))}}

/* sections */
.section{padding:clamp(3.5rem,7vw,6.5rem) 0}
.section-head{margin-bottom:clamp(2rem,4vw,3.25rem);max-width:58rem}
#about,#enquire{border-radius:48px 48px 0 0;margin-top:-40px;position:relative;z-index:2;background:var(--bg-elev);border-top:1px solid var(--line)}
#enquire{overflow:hidden;isolation:isolate}
#enquire .container{position:relative;z-index:2}

/* buttons: pills, accent primary */
.btn{font-family:var(--font);font-weight:700;font-size:.95rem;min-height:48px;padding:.8rem 1.5rem;border-width:1.5px;
  transition:transform .18s var(--ease),background-color .2s,border-color .2s,color .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px rgba(255,61,154,.28);filter:none}
.btn-primary:hover{background:#ff5aac;color:var(--accent-ink);filter:none}
.btn-ghost{background:rgba(255,255,255,.04);border-color:rgba(247,244,255,.28);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink);color:var(--ink);background:rgba(255,255,255,.08)}
.btn-link{color:var(--muted)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
a{color:var(--cyan)} a:hover{color:#fff}

/* surfaces: one card material */
.why-card,.class-card,.pkg-card,.tl-card,.quote-card,.faq-item,.inst-card,.ig-card,.cta-panel,.payment-box,.blog-card,.profile-cred-card,.fk-offer-card,.reel-card,.spotlight-panel{
  background:var(--bg-card)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:0 4px 14px rgba(0,0,0,.16)!important}
.class-card,.inst-card,.ig-card,.reel-card,.blog-card,.pkg-card{transition:transform .25s var(--ease),border-color .25s}
.class-card:hover,.inst-card:hover,.ig-card:hover,.reel-card:hover,.blog-card:hover,.pkg-card:hover{transform:translateY(-4px);border-color:rgba(255,61,154,.45)!important}
.pill,.intl-chip,.year-chip,.ig-chip,.spotlight-chip,.fk-chip,.profile-chip,.tl-tag{border-radius:999px}
.year-chip.is-active,.ig-chip.is-active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}
.year-chip.is-active *,.ig-chip.is-active *{color:var(--accent-ink)!important}
.pkg-price{font-family:var(--display);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:0}
.sched-table{font-variant-numeric:tabular-nums}

/* header: floating glass pill */
.site-header{position:sticky;top:0;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 12px 0;z-index:20;pointer-events:none}
.site-header .nav{pointer-events:auto;width:min(100%,1320px);min-height:64px;padding:0 10px 0 16px;border-radius:999px;
  background:rgba(14,12,22,.66);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--line);
  transition:box-shadow .3s,background-color .3s}
.site-header.is-scrolled .nav{background:rgba(10,9,16,.86);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.logo{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:1.3rem}
.logo-text{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink)}
.logo-img{filter:none;width:40px;height:40px}
.nav-menu{gap:.15rem .9rem}
.nav-menu a{font-size:.875rem;font-weight:600;color:var(--muted);position:relative}
.nav-menu a:not(.nav-cta)::after{content:"";position:absolute;left:.2rem;right:.2rem;bottom:.1rem;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-menu a:not(.nav-cta):hover::after{transform:scaleX(1)}
.nav-menu a:hover{color:var(--ink)}
.nav-cta{background:var(--accent)!important;color:var(--accent-ink)!important;box-shadow:none;padding:.6rem 1.1rem!important}
.pro-nav-tools{display:flex;align-items:center;gap:.4rem;margin-left:auto}
.pro-search-btn{width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background-color .2s}
.pro-search-btn:hover{background:rgba(255,255,255,.1)}
.pro-search-btn svg{width:18px;height:18px}
.nav{gap:.75rem}
.nav .nav-menu{order:2}.nav .pro-nav-tools{order:3;margin-left:0}.nav .nav-toggle{order:4}
@media(max-width:1180px) and (min-width:821px){.nav-menu{gap:.1rem .55rem}.nav-menu a{font-size:.8rem}.logo-text{display:none}}
@media(max-width:820px){
  .site-header .nav{border-radius:24px;padding:0 8px 0 12px}
  .nav .pro-nav-tools{margin-left:auto}
  .nav-toggle{display:flex;border-radius:999px;background:rgba(255,255,255,.05);border-color:var(--line)}
  .nav-toggle span{background:var(--ink)}
  .nav-menu{border-radius:24px;background:rgba(10,9,16,.97)!important;border:1px solid var(--line);margin-top:8px}
  .nav-menu a{font-size:1.05rem}
}

/* ===== HERO (index) ===== */
.hero.pro-hero{min-height:100vh;min-height:100svh;padding:0;margin-top:-76px;display:flex;align-items:flex-end;overflow:hidden;background:var(--bg)}
.pro-hero .hero-bg{z-index:0}
.pro-hero .hero-bg-video,.pro-hero .hero-bg-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;opacity:1;filter:saturate(1.08) contrast(1.04)}
.pro-hero .hero-bg-video{opacity:0;transition:opacity .6s var(--ease)}
.pro-hero .hero-bg-video.is-ready{opacity:1}
.pro-hero .hero-bg-scrim{background:
  linear-gradient(180deg,rgba(7,6,12,.55) 0%,rgba(7,6,12,0) 22%,rgba(7,6,12,0) 38%,rgba(7,6,12,.72) 68%,#07060c 100%),
  linear-gradient(90deg,rgba(7,6,12,.78) 0%,rgba(7,6,12,.35) 48%,rgba(7,6,12,0) 75%)}
.pro-hero .hero-glow{display:none}
.pro-hero .hero-grid{width:min(100% - 2.5rem,1320px);margin:0 auto;padding:calc(76px + 8vh) 0 clamp(2.5rem,6vh,4.5rem);display:grid;gap:2rem;align-items:end;grid-template-columns:1fr}
@media(min-width:1024px){.pro-hero .hero-grid{grid-template-columns:minmax(0,1fr) 340px;gap:3rem;width:min(100% - 6rem,1320px)}}
.pro-hero .hero-copy{max-width:920px}
.pro-hero .eyebrow{color:#fff;opacity:.85;text-shadow:0 2px 18px rgba(0,0,0,.42)}
.pro-hero h1{font-size:clamp(3rem,7.6vw,7rem);line-height:.9;margin:.25rem 0 1.25rem;text-shadow:0 16px 38px rgba(0,0,0,.32)}
.pro-hero h1 .ln{display:block;overflow:hidden;padding-bottom:.04em;margin-bottom:-.04em}
.pro-hero h1 .ln>span{display:inline-block;will-change:transform}
@media(min-width:900px){.pro-hero h1 .ln{white-space:nowrap}}
.pro-hero .hero-lead{color:rgba(255,255,255,.86);text-shadow:0 2px 18px rgba(0,0,0,.42);max-width:40rem}
.pro-hero .hero-meta{color:rgba(255,255,255,.7);font-size:.9rem;max-width:46rem;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.pro-hero .hero-meta + .hero-meta{margin-top:.5rem;font-size:.82rem;color:rgba(255,255,255,.6)}
.pro-hero .hero-meta a{color:#fff}
.pro-hero .hero-actions{margin-bottom:1.25rem}
.pro-hero .btn-ghost{background:rgba(14,12,22,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:rgba(255,255,255,.4)}
.pro-hero .hero-visual{min-height:0;display:block;padding:14px;border-radius:28px;background:rgba(14,12,22,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);align-self:end}
.pro-hero .hero-inline-logo{width:100%;margin:0;border-radius:18px;border:0;box-shadow:none}
.pro-hero .hero-visual-foot{display:flex;align-items:center;gap:12px;margin-top:12px}
.pro-hero .hero-logo-wrap{width:56px;height:56px;flex:0 0 56px;animation:none}
.pro-hero .hero-badge{margin:0;font-size:1.05rem;letter-spacing:.12em;text-shadow:none;font-family:var(--display)}
@media(max-width:1023px){
  .pro-hero .hero-visual{width:min(340px,100%);padding:10px;border-radius:22px}
  .pro-hero .hero-logo-wrap{width:44px;height:44px;flex-basis:44px}
  .pro-hero .hero-badge{font-size:.9rem}
}
@media(max-width:640px){
  .pro-hero .hero-bg-video,.pro-hero .hero-bg-poster{object-position:50% 40%}
  .pro-hero h1{font-size:clamp(2.6rem,12.5vw,3.4rem)}
  .pro-hero .hero-grid{padding-top:calc(76px + 3vh);gap:1.25rem}
  .pro-hero .hero-meta + .hero-meta{display:block}
}
@media(prefers-reduced-motion:reduce){.pro-hero .hero-inline-logo{display:block}.pro-hero .hero-bg-video{display:none!important}}

/* promo strips */
.anniv-promo,.fk-promo{border-color:var(--line)!important;background:var(--bg-elev)!important}
.intl-strip{background:transparent}

/* pro CTA row added to sections */
.pro-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:clamp(2rem,4vw,3rem);padding:1rem 1rem 1rem 1.4rem;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid var(--line);width:fit-content;max-width:100%}
.pro-cta p{margin:0 .5rem 0 0;font-weight:600;color:var(--muted);font-size:.95rem}
@media(max-width:640px){.pro-cta{border-radius:24px;width:100%;padding:1rem}.pro-cta .btn{flex:1 1 100%}.pro-cta p{flex:1 1 100%;margin:0}}
.btn-wa{background:var(--wa);color:#04210f;border-color:var(--wa)}
.btn-wa:hover{background:#3be07c;color:#04210f}
.btn svg{width:18px;height:18px;flex:0 0 auto}

/* WhatsApp FAB: desktop only (phones get the sticky bar) */
.wa-fab{background:var(--wa)!important;color:#04210f!important;box-shadow:0 6px 18px rgba(0,0,0,.3)!important;position:fixed}
.wa-fab::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 3px rgba(37,211,102,.55);opacity:0;pointer-events:none;animation:proRing 2.8s ease-out infinite}
@keyframes proRing{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(1.18,1.45);opacity:0}}
@keyframes proPulse{0%,100%{box-shadow:0 6px 18px rgba(0,0,0,.3),0 0 0 0 rgba(37,211,102,.45)}60%{box-shadow:0 6px 18px rgba(0,0,0,.3),0 0 0 14px rgba(37,211,102,0)}}

/* sticky booking bar (phones) */
.pro-bookbar{display:none}
@media(max-width:759px){
  .wa-fab,.ig-fab{display:none!important}
  .pro-bookbar{display:grid;grid-template-columns:1.25fr 1fr auto;gap:8px;position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:40;
    padding:8px;border-radius:999px;background:rgba(12,10,18,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.45);
    transform:translateY(0);transition:transform .35s var(--ease)}
  .pro-bookbar a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;white-space:nowrap}
  .pro-bookbar .bb-book{background:var(--accent);color:var(--accent-ink)}
  .pro-bookbar .bb-wa{background:var(--wa);color:#04210f}
  .pro-bookbar .bb-time{width:48px;background:rgba(255,255,255,.08);color:var(--ink)}
  .pro-bookbar svg{width:18px;height:18px}
  body{padding-bottom:84px}
}
@keyframes proPulseA{0%,100%{box-shadow:0 0 0 0 rgba(255,61,154,.5)}60%{box-shadow:0 0 0 10px rgba(255,61,154,0)}}
@media(prefers-reduced-motion:reduce){.wa-fab::after{animation:none;display:none}}

/* search overlay */
.pro-search{position:fixed;inset:0;z-index:60;display:none;background:rgba(7,6,12,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:auto;padding:max(20px,env(safe-area-inset-top)) 20px 40px}
.pro-search.is-open{display:block}
.pro-search-inner{width:min(760px,100%);margin:6vh auto 0}
.pro-search-bar{display:flex;gap:10px;align-items:center;border-bottom:2px solid var(--accent);padding-bottom:10px}
.pro-search-bar input{flex:1;background:transparent;border:0;color:var(--ink);font:600 clamp(1.4rem,4vw,2.2rem)/1.2 var(--font);outline:none;min-width:0}
.pro-search-bar input::placeholder{color:var(--dim)}
.pro-search-close{min-width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-weight:700}
.pro-search-hint{color:var(--dim);font-size:.85rem;margin:.75rem 0 0}
.pro-search-chips{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0}
.pro-search-chips button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);border-radius:999px;padding:.5rem .9rem;min-height:40px;font:600 .85rem var(--font);cursor:pointer}
.pro-search-group h3{font:700 .72rem/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:1.5rem 0 .5rem}
.pro-search-results a{display:block;padding:.85rem 1rem;border-radius:16px;text-decoration:none;color:var(--ink);border:1px solid transparent}
.pro-search-results a:hover,.pro-search-results a.is-active{background:rgba(255,255,255,.06);border-color:var(--line)}
.pro-search-results strong{display:block;font-size:1.02rem}
.pro-search-results span{display:block;color:var(--muted);font-size:.88rem;margin-top:.15rem}
.pro-search-results mark{background:rgba(255,61,154,.3);color:#fff;border-radius:3px;padding:0 2px}
.pro-search-empty{color:var(--muted)}
.pro-search-empty .btn{margin-top:.75rem}

/* about: word reveal */
.pro-words .w{opacity:.22;transition:opacity .2s linear}
.pro-words .w.on{opacity:1}

/* vanta host */
.pro-vanta{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55}
.pro-vanta::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,13,23,.2),rgba(15,13,23,.75))}

/* footer */
.site-footer{border-top:1px solid var(--line);background:var(--bg)}

/* blog post / videos */
.video-download{margin-top:.75rem}
.post-thanks{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2rem)}

/* search page */
.pro-search-page{padding-top:clamp(7rem,12vw,10rem)}
.pro-search-page form{display:flex;gap:10px;flex-wrap:wrap;margin:1rem 0 2rem}
.pro-search-page input{flex:1 1 260px;min-height:52px;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);padding:0 1.25rem;font:500 1.05rem var(--font)}

/* reveal fail-safe: content visible by default; JS only enhances */
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:820px){
  .site-header .nav{position:relative}
  .site-header .nav-menu{position:absolute;inset:auto 0 auto 0;top:calc(100% + 4px);max-height:calc(100dvh - 110px);overflow:auto;padding:.5rem 1rem 1rem}
}

/* anniversary post photo sections */
.post-gallery{margin:clamp(2.5rem,6vw,4rem) 0}
.post-gallery h2{font-size:clamp(2rem,5vw,3.5rem)}
.post-photos{margin:0;display:grid;gap:12px}
@media(min-width:700px){.post-photos{grid-template-columns:1fr 1fr}.post-photos figcaption{grid-column:1/-1}.post-photos-pj{grid-template-columns:1.6fr 1fr;align-items:stretch}}
.post-photo{display:block;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--bg-card)}
.post-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.post-photo:hover img{transform:scale(1.03)}
.post-photos figcaption,.video-caption{color:var(--muted);font-size:.95rem;margin-top:.25rem}
.post-photo-fig{margin:0;display:flex;flex-direction:column;gap:.5rem}
.post-photo-fig .post-photo{flex:1}
.post-photos-pj .post-photo img{aspect-ratio:auto}

.pro-fabs{display:contents}

.pro-rv{opacity:0;transform:translate3d(var(--rx,0),var(--ry,28px),0) scale(var(--rs,1));transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--rd,0s)}
.pro-rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.pro-rv{opacity:1;transform:none;transition:none}}

/* phones: no backdrop blur over the playing hero film (cheap compositing) */
@media(max-width:900px){
  .site-header .nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(14,12,22,.9)}
  .pro-hero .btn-ghost{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(14,12,22,.72)}
  .pro-hero .hero-visual{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(14,12,22,.82)}
  .pro-bookbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(12,10,18,.96)!important}
  body::after{display:none}
}

/* shortened logo intro (≈1.5 s, first visit only) */
.intro-splash{transition:opacity .35s ease,visibility .35s ease;background:#05030c}
.intro-splash-video{background:#05030c url(/assets/pro/intro/logo-intro-poster.webp) center/contain no-repeat}
.intro-splash-skip{top:auto;bottom:max(1.5rem,env(safe-area-inset-bottom));right:50%;transform:translateX(50%);font-size:1rem;padding:.7rem 1.4rem;min-height:44px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.55);letter-spacing:.02em}
.intro-splash-skip:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* language switcher: inline EN · BM · 中文 (never a dropdown) */
.pro-lang{display:flex;align-items:center;gap:.1rem;font-size:.82rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;margin-right:.25rem}
.pro-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:44px;padding:0 .3rem;border-radius:8px;color:var(--ink);opacity:.72;text-decoration:none;transition:opacity .2s,background-color .2s}
.pro-lang a:hover{opacity:1;background:rgba(255,255,255,.06)}
.pro-lang a[aria-current]{opacity:1;color:var(--accent,#ff4fa3);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.pro-lang-sep{opacity:.45}
@media (max-width:420px){.pro-lang{font-size:.76rem}.pro-lang a{min-width:28px;padding:0 .18rem}.pro-nav-tools{gap:.15rem}}
html:lang(zh-Hans) body{font-family:var(--font),"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
html:lang(zh-Hans) h1,html:lang(zh-Hans) h2,html:lang(zh-Hans) h3{font-family:var(--display),"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;word-break:keep-all;line-break:strict}
html:lang(zh-Hans) p,html:lang(zh-Hans) li{line-break:strict}
.pro-lang--page{justify-content:center;margin:0 auto 1.25rem}
@media (max-width:420px){.site-header .logo-text{white-space:nowrap;font-size:1rem}.site-header .logo{gap:.4rem;min-width:0}.site-header .logo img{width:40px;height:40px}.pro-search-btn{width:42px;height:42px}.site-header .nav{gap:.4rem}}