/* Shared public chrome for /tiktok. */
:root{--surface:#11151b;--raised:#191f28;--hover:#222a35;--text:#f6f8fb;--text-2:#aab4c1;--text-3:#748191;--border:#242d38;--border-strong:#405064;--accent:#4c9cff;--accent-hover:#72b5ff;--accent-soft:rgba(76,156,255,.12);--font-body:"Onest",system-ui,-apple-system,sans-serif;--font-display:"Unbounded","Onest",system-ui,sans-serif}
body.light{--bg:#f6f8fb;--surface:#fff;--raised:#edf1f6;--hover:#e3e9f1;--text:#111820;--text-2:#526171;--text-3:#69798a;--border:#d8e0e9;--border-strong:#aebdcb;--accent:#176dca;--accent-hover:#0f5cac;--accent-soft:rgba(23,109,202,.09)}
body{background:var(--bg);color:var(--text);font-family:var(--font-body)}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.page-nav{position:fixed;z-index:80;top:24px;left:50%;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 80px);max-width:1040px;min-height:52px;padding:8px 12px 8px 18px;gap:18px;border:1px solid transparent;border-radius:22px;background:transparent;transform:translateX(-50%);transition:top .34s ease,max-width .34s ease,border-radius .34s ease,background .24s ease,box-shadow .24s ease}
.page-nav.island{top:14px;max-width:620px;border-color:rgba(255,255,255,.18);border-radius:999px;background:rgba(17,21,27,.72);backdrop-filter:blur(28px) saturate(1.45);-webkit-backdrop-filter:blur(28px) saturate(1.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 48px rgba(0,0,0,.3)}body.light .page-nav.island{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 18px 48px rgba(35,55,80,.13)}
.nav-brand{display:inline-flex;align-items:center;gap:10px;padding:0;color:var(--text);font-size:18px;font-weight:650;letter-spacing:-.04em;text-decoration:none}.nav-brand svg{width:24px;height:24px;color:#76b8ff;transition:transform .25s ease}.nav-brand:hover svg{transform:translate(3px,-3px) rotate(-8deg)}.nav-right{display:flex;align-items:center;gap:4px}.nav-icon-btn,.nav-earn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 12px;color:var(--text-2);background:transparent;border:1px solid transparent;border-radius:999px;font-size:12px;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-icon-btn{width:44px;padding:0;border-radius:50%}.nav-icon-btn:hover,.nav-earn:hover{color:var(--text);background:var(--raised);transform:translateY(-2px)}
.site-main{padding-top:104px}.wrap-content{width:min(920px,100%);margin:0 auto;padding-left:24px;padding-right:24px}.tk-hero{position:relative;min-height:clamp(330px,52vh,500px);padding:88px 0 38px;border-bottom:1px solid var(--border);overflow:hidden}.tk-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 88%)}.tk-hero>*:not(.tk-canvas){position:relative;z-index:1}.tk-line{font-family:var(--font-display);font-weight:600;letter-spacing:-.07em}.tk-line em{color:var(--accent);font-style:normal}.tk-sub{max-width:650px;margin-top:24px;color:var(--text-2);font-size:16px;line-height:1.65}.tk-canvas{opacity:.72}
.section{padding:32px 0 20px}.card{background:color-mix(in srgb,var(--surface) 88%,transparent);border-color:var(--border);border-radius:16px;box-shadow:none}.card-title{font-family:var(--font-display);letter-spacing:-.055em}.rules .num{color:var(--accent);background:var(--accent-soft);border-color:rgba(76,156,255,.3)}.rules .txt{color:var(--text-2)}.rules .txt b{color:var(--text)}.note-bar{background:var(--accent-soft);border-color:rgba(76,156,255,.24);color:var(--text-2)}.note-bar-warn{border-color:rgba(227,154,89,.35);background:rgba(227,154,89,.08)}.pay-sub{color:var(--text-2)}.pay-list li{border-color:var(--border)}.pay-list b{color:var(--text)}
.svc-toggle{background:var(--raised);border-color:var(--border)}.svc-btn{color:var(--text-2);border-color:transparent}.svc-btn.on{color:var(--text);background:var(--surface);border-color:var(--accent);box-shadow:none}.calc-result{background:var(--accent-soft);border-color:rgba(76,156,255,.28)}.calc-result .sum{color:var(--text)}input{color:var(--text);background:var(--bg);border-color:var(--border-strong)}
.contact{background:var(--surface);border-color:var(--border);box-shadow:none;border-radius:16px}.btn-primary,.btn-tg{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:none}.btn-primary:hover,.btn-tg:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:none}.btn-ghost{color:var(--text);background:var(--surface);border-color:var(--border-strong)}footer{border-color:var(--border);color:var(--text-3)}footer a{color:var(--text-2)}
@media(max-width:700px){.page-nav{top:14px;width:calc(100% - 32px);min-height:48px;padding:6px 6px 6px 12px}.page-nav.island{top:10px;padding-left:14px}.nav-brand{font-size:16px}.nav-brand svg{width:21px;height:21px}.nav-icon-btn,.nav-earn{min-width:40px;height:42px;padding:9px 8px}.site-main{padding-top:86px}.wrap-content{padding-left:20px;padding-right:20px}.tk-hero{min-height:330px;padding-top:74px}.tk-sub{font-size:15px;line-height:1.6}.card{border-radius:14px}}
@media(max-width:420px){.tk-line{font-size:clamp(2rem,9vw,3rem)}.tk-sub{font-size:14px}.section{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.page-nav,.nav-brand svg,.nav-icon-btn,.nav-earn{transition:none}}