:root{--green:#9455ff;--green-hover:#8339ff;--green-dark:#6a1fd6;--green-soft:#ece0ff;--blue:#1cb0f6;--blue-dark:#1899d6;--blue-soft:#ddf4ff;--gold:#ffc800;--gold-soft:#fff3c4;
--bg-rgb:255,255,255;--surface:#fff;--canvas:#f7f7f7;--text:#3c3c3c;--text-light:#777;--border:#e5e5e5;--border-strong:#d5d5d5;--shadow:0 8px 20px -8px rgba(0,0,0,.16);
--radius:20px;--radius-sm:14px;--grid:#ece7f7;--step-done:#d2d2d2;--step-cur:#8f8f8f;--step-todo:#f0f0f0;--arrow-ink:#111;--arrow-halo:#fff;
--font:"Nunito","PingFang SC","Microsoft YaHei","Noto Sans SC","Hiragino Sans GB",sans-serif;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}
html.dark{--green:#ac7bff;--green-hover:#c09bff;--green-dark:#8a4dff;--green-soft:#2b1f45;--blue:#2fc0ff;--blue-dark:#1cb0f6;--blue-soft:#0f2c38;--gold-soft:#332a05;
--bg-rgb:19,31,36;--surface:#1c2b32;--canvas:#0f181d;--text:#f2f2f2;--text-light:#94a3ab;--border:#2c3d45;--border-strong:#3c4f58;--shadow:0 8px 20px -8px rgba(0,0,0,.5);
--grid:#2c3d45;--step-done:#3e4f57;--step-cur:#8fa1aa;--step-todo:#24363e;--arrow-ink:#fff;--arrow-halo:#1c2b32;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--canvas);color:var(--text);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}
a{color:var(--green)}a:hover{color:var(--green-hover)}
button,input{font-family:inherit;color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}
.wrap{max-width:900px;margin:0 auto;padding:0 18px}
.header{position:sticky;top:0;z-index:50;background:rgba(var(--bg-rgb),.78);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--border)}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:900;font-size:1.35rem;letter-spacing:.01em;min-width:0}
.logo:hover{color:var(--text)}.logo-img{width:52px;height:52px;flex-shrink:0;display:block}.logo-img img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .3s var(--ease)}
.logo:hover .logo-img img{transform:rotate(-8deg) scale(1.06)}
.nav{display:flex;align-items:center;gap:6px}
.nav-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:2px solid var(--border);background:var(--surface);color:var(--text);font-weight:800;font-size:.86rem;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
.nav-group{position:relative}.nav-group summary{list-style:none;cursor:pointer}.nav-group summary::-webkit-details-marker{display:none}.nav-caret{font-size:.7rem;opacity:.7}
.nav-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:var(--surface);border:2px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:50}
.nav-menu-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--text);font-weight:800;font-size:.92rem;text-decoration:none;white-space:nowrap}.nav-menu-item:hover{background:var(--blue-soft)}.nav-menu-item.active{background:var(--green-soft);color:var(--green-dark)}html.dark .nav-menu-item.active{color:var(--green-hover)}
.nav-btn:hover{background:var(--blue-soft);border-color:var(--blue-soft);color:var(--text)}
.nav-btn.active{background:var(--green-soft);border-color:var(--green);color:var(--green-dark)}html.dark .nav-btn.active{color:var(--green-hover)}
.nav-icon{font-size:1rem;line-height:1}
.theme-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--border);background:var(--surface);font-size:1.05rem;cursor:pointer;line-height:1}
.theme-btn:hover{background:var(--blue-soft);border-color:var(--blue-soft)}
main.wrap{padding-top:18px;padding-bottom:48px}
.crumbs{font-size:.84rem;color:var(--text-light);font-weight:700;margin-bottom:6px}.crumbs a{color:var(--text-light);text-decoration:none}.crumbs a:hover{color:var(--green)}
h1{font-size:2rem;line-height:1.2;font-weight:900;margin:4px 0 16px}.h1-sub{display:block;font-size:1.05rem;color:var(--text-light);font-weight:700;margin-top:4px}
h2{font-size:1.25rem;font-weight:900;margin-bottom:12px}h2 small{font-size:.85rem;color:var(--text-light);font-weight:700}h2 a{color:var(--text);text-decoration:none}h2 a:hover{color:var(--green)}
h3{font-size:1.02rem;font-weight:800;margin:14px 0 4px}
p+p{margin-top:8px}.muted{color:var(--text-light);font-size:.92rem;font-weight:600;margin-bottom:12px}.lead{font-size:1.08rem;font-weight:600;color:var(--text-light);margin-bottom:16px}.small{font-size:.8rem;color:var(--text-light)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin:0 0 18px}
.card-foot{margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-sm);padding:12px 20px 14px;font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:transform .08s,box-shadow .08s,background .15s}
.btn:active{transform:translateY(4px)}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 4px 0 0 var(--green-dark)}.btn-primary:hover{background:var(--green-hover);color:#fff}.btn-primary:active{box-shadow:0 0 0 0 var(--green-dark)}
.btn-secondary{background:var(--surface);color:var(--blue);border:2px solid var(--border);box-shadow:0 4px 0 0 var(--border-strong)}.btn-secondary:hover{background:var(--blue-soft);border-color:var(--blue-soft);color:var(--blue)}.btn-secondary:active{box-shadow:0 0 0 0 var(--border-strong)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.hero{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.hero-glyph{position:relative;width:240px;height:240px;flex-shrink:0;border:2px solid var(--border);border-radius:var(--radius);background-color:var(--surface);color:var(--text);overflow:hidden;
background-image:linear-gradient(var(--grid),var(--grid)),linear-gradient(var(--grid),var(--grid)),linear-gradient(45deg,transparent calc(50% - .6px),var(--grid) 50%,transparent calc(50% + .6px)),linear-gradient(-45deg,transparent calc(50% - .6px),var(--grid) 50%,transparent calc(50% + .6px));
background-size:100% 1px,1px 100%,100% 100%,100% 100%;background-position:center,center,center,center;background-repeat:no-repeat}
.hero-glyph .big{position:absolute;inset:7%;width:86%;height:86%;z-index:1}.big-text{font-size:180px;line-height:240px;display:block;text-align:center}
.anim{position:absolute;inset:5%;z-index:2}.hero-info{flex:1;min-width:230px}
.py-row{display:flex;align-items:center;gap:12px}.py{font-size:2.1rem;font-weight:900;color:var(--green)}
.also{color:var(--text-light);font-size:.88rem;font-weight:700}.mean{font-size:1.18rem;font-weight:700;margin:6px 0 12px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.chips li{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:4px 13px;font-weight:800;font-size:.86rem}
html.dark .chips li{color:var(--green-hover)}.chips a{color:inherit;text-decoration:none}
.say{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--blue);cursor:pointer;box-shadow:0 3px 0 0 var(--border-strong);transition:transform .08s,box-shadow .08s,background .15s}
.say svg{width:22px;height:22px}.say:hover{background:var(--blue-soft);border-color:var(--blue-soft)}.say:active{transform:translateY(3px);box-shadow:none}
.say.playing{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px 0 0 var(--blue-dark)}
.say-lg{width:50px;height:50px;background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 0 0 var(--blue-dark)}.say-lg svg{width:26px;height:26px}.say-lg:hover{background:var(--blue-dark);border-color:var(--blue-dark)}
.steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.steps li{position:relative;width:70px;height:70px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.steps svg{width:100%;height:100%;display:block}.steps span{position:absolute;right:5px;bottom:2px;font-size:.7rem;color:var(--text-light);font-weight:800}
.steps .sd{fill:var(--step-done)}.steps .sc{fill:var(--step-cur)}.steps .st{fill:var(--step-todo)}.steps .a0{fill:var(--arrow-halo);stroke:var(--arrow-halo)}.steps .a1{fill:var(--arrow-ink);stroke:var(--arrow-ink)}.steps .a0 polyline,.steps .a1 polyline{fill:none}
.parts{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.parts-box{width:132px;height:132px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.parts-glyph{width:100%;height:100%;display:block}
.parts ul{list-style:none;display:flex;flex-direction:column;gap:8px}.parts li{display:flex;align-items:center;gap:10px;font-weight:700}.part-hz{font-size:1.8rem;font-weight:900;text-decoration:none;line-height:1;min-width:1.2em}
.tag{border:1px solid var(--border);border-radius:999px;padding:1px 9px;color:var(--text-light);font-size:.72rem;font-weight:800}
.words{list-style:none}.words li{display:grid;grid-template-columns:auto auto 1fr auto;gap:4px 14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.words li:last-child{border-bottom:none}
.w-hz{font-size:1.5rem;font-weight:900;white-space:nowrap}.w-hz a{color:inherit;text-decoration:none;border-bottom:2px dotted var(--border-strong)}.w-hz a:hover{color:var(--green)}
.w-py{color:var(--green);font-weight:800;white-space:nowrap}.w-ru{font-weight:600}
.grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
.grid a{display:flex;flex-direction:column;align-items:center;gap:1px;height:100%;padding:10px 6px 9px;border:2px solid var(--border);border-bottom-width:4px;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-decoration:none;transition:transform .12s var(--ease),border-color .12s}
.grid a:hover{border-color:var(--green);transform:translateY(-2px)}.grid a.last-seen{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 25%,transparent)}.grid b{font-size:2rem;line-height:1.2;font-weight:700}.grid span{color:var(--green);font-weight:800;font-size:.85rem}
.grid em{font-style:normal;color:var(--text-light);font-size:.74rem;font-weight:600;text-align:center;line-height:1.25;overflow-wrap:anywhere;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.small-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}.small-grid b{font-size:1.7rem}
.pager{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}.pager a,.pager span{padding:7px 14px;border-radius:999px;border:2px solid var(--border);background:var(--surface);font-weight:800;text-decoration:none;color:var(--text)}
.pager a:hover{background:var(--blue-soft);border-color:var(--blue-soft)}.pager span{background:var(--green-soft);border-color:var(--green);color:var(--green-dark)}
.chunks{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.chunks a{display:block;padding:9px 12px;border:2px solid var(--border);border-radius:12px;text-decoration:none;background:var(--surface);color:var(--text);font-weight:700}
.chunks a:hover{border-color:var(--green)}
.promo{display:flex;gap:20px;align-items:center;background:var(--green-soft);border-color:transparent}.promo-mascot{width:110px;height:110px;flex-shrink:0}.promo p{font-weight:600}
.ws-hero{padding:20px}.ws-form{display:flex;gap:12px;flex-wrap:wrap}.ws-form input{flex:1;min-width:200px;font-size:1.25rem;font-weight:700;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--canvas);color:var(--text);outline:none}
.ws-form input:focus{border-color:var(--green);background:var(--surface)}
.cl-release h2{margin-bottom:2px}.cl-list{list-style:none;display:grid;gap:10px;margin-top:12px}.cl-list li{line-height:1.5}
.cl-tag{display:inline-block;min-width:88px;margin-right:6px;padding:1px 8px;border-radius:999px;font-size:.78rem;font-weight:800;text-align:center;vertical-align:1px}.cl-new{background:var(--green-soft);color:var(--green-dark)}.cl-better{background:var(--blue-soft);color:#0b6fa3}.dark .cl-new{color:#cdb3ff}.dark .cl-better{color:#8fd9ff}
.cl-current{border-color:var(--green)}.cl-latest{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;background:var(--green);color:#fff;font-size:.8rem;font-weight:800;vertical-align:3px}
.hz-search{margin:0 0 22px}.hz-search input{width:100%;font-size:1.15rem;font-weight:700;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--canvas);color:var(--text);outline:none}
.hz-search input:focus{border-color:var(--green);background:var(--surface)}.hz-search-status{margin:8px 2px}.hz-search-status:empty{display:none}.hz-results:empty{display:none}
.sample{display:block;width:100%;height:auto;margin-top:16px;background:#fff;border-radius:var(--radius-sm);padding:10px}
.features{list-style:none;display:grid;gap:10px}.features li{padding-left:28px;position:relative;font-weight:600}.features li::before{content:"✓";position:absolute;left:4px;color:var(--green);font-weight:900}
.howto{padding-left:22px;font-weight:600}.howto li{margin:6px 0}
.foot{border-top:1px solid var(--border);background:var(--surface);padding:26px 0 30px;font-size:.92rem;font-weight:600}
.foot-brand{display:flex;align-items:center;gap:10px;font-size:1.1rem;margin-bottom:8px}.foot-links{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0}.foot-links a{font-weight:800;text-decoration:none}
@media (max-width:720px){.nav-btn .nav-label,.nav-caret{display:none}.nav-btn{padding:7px 10px}}
@media (max-width:600px){.wrap{padding:0 16px}h1{font-size:1.55rem}.card{padding:16px;border-radius:18px}.logo-img{width:44px;height:44px}.logo{font-size:1.2rem;gap:9px}
.hero{gap:18px}.hero-glyph{width:100%;max-width:300px;height:auto;aspect-ratio:1;margin:0 auto}.big-text{font-size:150px;line-height:1.6}.py{font-size:1.8rem}
.steps li{width:56px;height:56px}.words li{grid-template-columns:auto 1fr auto}.w-ru{grid-column:1/3}.w-py{grid-column:2}
.promo{flex-direction:column;text-align:center}.promo .cta{justify-content:center}}
.tb-start{margin:4px 0 26px}.tb-pager{margin-top:26px}
.tb-audio-opts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:-4px 0 18px;font-weight:700;color:var(--text-light);font-size:.9rem}.tb-audio-opts span:not(:first-child){margin-left:10px}
.tb-audio-opts button{border:2px solid var(--border);background-color:var(--surface);color:var(--text);border-radius:999px;padding:5px 12px;font:inherit;font-weight:800;cursor:pointer}.tb-audio-opts button[aria-pressed=true]{background-color:var(--green-soft);border-color:var(--green);color:var(--green-dark)}html.dark .tb-audio-opts button[aria-pressed=true]{color:var(--green-hover)}
.tb-kicker{display:block;font-size:.95rem;color:var(--green);font-weight:800;margin-bottom:4px}
.tb-dialog{margin:6px 0 26px}.tb-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.tb-dialog-head h3{margin:0}
.tb-line{display:flex;gap:12px;align-items:flex-start;padding:10px 6px;border-bottom:1px solid var(--border)}.tb-line:last-child{border-bottom:0}
.who{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;margin-top:4px}.who-A{background:var(--green)}.who-B{background:var(--blue)}
.tb-sent{flex:1;border-radius:14px;padding:4px 8px;transition:background .2s}.tb-sent.speaking{background:var(--green-soft)}
.tb-sent .tb-zh{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.35}.tb-sent .tb-py{color:var(--green);font-weight:700;font-size:1rem}.tb-sent .tb-tr{color:var(--text-light)}
.tb-gram{padding:6px 0 18px;border-bottom:1px dashed var(--border);margin-bottom:16px}.tb-gram:last-child{border-bottom:0;margin-bottom:0}
.tb-formula{display:inline-block;background:var(--green-soft);color:var(--green-dark);font-weight:800;padding:7px 14px;border-radius:12px;margin:4px 0 8px}
html.dark .tb-formula{color:#e6d6ff}
.tb-examples{margin-top:6px}.tb-examples .tb-sent{padding:8px}
.tb-ex{margin-bottom:18px}.tb-ex-list{padding-left:22px}.tb-ex-list li{margin:12px 0}.tb-ex .q{font-size:1.15rem;font-weight:600}
.tb-ex details{margin-top:4px}.tb-ex summary{cursor:pointer;color:var(--blue);font-weight:800;font-size:.9rem;width:max-content}.tb-ex .a{margin-top:4px;padding:8px 12px;background:var(--canvas);border-radius:10px;font-size:1.1rem}
.tb-toc{list-style:none;padding:0;margin:0}.tb-toc li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--border)}.tb-toc li:last-child{border-bottom:0}.tb-toc a{font-weight:800;font-size:1.08rem;text-decoration:none}
.syl-grid{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.syl{border:2px solid var(--border);border-bottom-width:4px;background:var(--surface);color:var(--text);border-radius:12px;padding:6px 12px;font:inherit;font-weight:800;font-size:1.05rem;cursor:pointer}.syl:hover{border-color:var(--green)}.syl.playing{border-color:var(--green);background:var(--green-soft)}
.tones{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0}.tones>div{display:flex;flex-direction:column;gap:6px;padding:12px;border:2px solid var(--border);border-radius:14px}.tones span{color:var(--text-light);font-size:.92rem}
.radicals{border-collapse:collapse;width:100%}.radicals td{padding:8px;border-bottom:1px solid var(--border);vertical-align:middle}.radicals td:first-child{font-size:1.6rem;font-weight:700;width:70px;text-align:center}.radicals td:last-child{font-size:1.3rem}
.say-ph{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.say-ph b{font-size:1.2rem}.say-ph i{color:var(--green);font-style:normal;font-weight:700}
.phrases li,.strokes-list li{margin:6px 0}.strokes-list b{font-size:1.4rem;display:inline-block;width:36px;text-align:center}
a.hz,span.hz{font-weight:800;font-size:1.15em;text-decoration:none}
.tb-steps{margin:8px 0}.tb-credit{margin-top:24px}.tb-pager{flex-wrap:wrap;gap:10px}
@media (max-width:600px){.tb-sent .tb-zh{font-size:1.3rem}.radicals td:last-child{font-size:1.1rem}}
.foot-langs{font-size:.9rem;color:var(--text-light)}.foot-langs a{margin:0 2px}
.lang-hint{display:flex;align-items:center;gap:10px;background:var(--green-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px 8px 14px;margin:0 0 14px;font-weight:700;font-size:.92rem}
.lang-hint span{flex:1 1 auto;min-width:0}.lang-hint a{color:var(--green);font-weight:800;white-space:nowrap}
.lang-hint button{border:0;background:none;color:var(--text-light);font-size:1.2rem;line-height:1;cursor:pointer;padding:4px 6px;min-width:36px;min-height:36px;flex-shrink:0}
@media (max-width:380px){.logo-text{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.tb-opts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.tb-opt{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;border:2px solid var(--border);border-bottom-width:4px;background-color:var(--surface);color:var(--text);border-radius:14px;padding:8px 14px;font:inherit;font-weight:700;font-size:1rem;cursor:pointer;text-align:left}
.tb-opt:hover:not(:disabled){border-color:var(--green)}.tb-opt:disabled{cursor:default}
.tb-opt.ok{background-color:var(--green-soft);border-color:var(--green)}.tb-opt.no{opacity:.5;text-decoration:line-through}
.tb-o-zh{font-size:1.25rem}.tb-o-py{color:var(--green);font-size:.88rem}
.tb-built,.tb-tiles{display:flex;flex-wrap:wrap;gap:8px;min-height:54px;padding:6px;border-radius:14px}
.tb-built{border:2px dashed var(--border-strong);margin:8px 0}
.tb-tile{font:inherit;font-size:1.3rem;font-weight:700;border:2px solid var(--border);border-bottom-width:4px;background-color:var(--surface);color:var(--text);border-radius:12px;padding:5px 12px;cursor:pointer}.tb-tile:disabled{cursor:default}
.tb-row{margin:6px 0}.tb-fb{min-height:1.3em;margin:4px 0;font-weight:800}.tb-fb.good{color:var(--green-dark)}.tb-fb.bad{color:#d23c3c}
html.dark .tb-fb.good{color:var(--green-hover)}html.dark .tb-fb.bad{color:#ff8a8a}
.tb-after{margin:6px 0;font-size:1.15rem}.tb-after i,.tb-ex .a i{color:var(--green);font-style:normal;font-weight:700}
.tb-ex-listen .q{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tb-chat .tb-opts{display:none}.tb-chat .tb-turn.asking .tb-opts{display:flex}.tb-chat .tb-turn.asking .tb-sent{display:none}
.tb-cl-body{flex:1}.tb-chat .tb-fb{margin-top:8px}
.tb-ad{display:flex;gap:12px;align-items:center;margin:26px 0 0;padding:12px 16px;border:1px solid var(--border);border-radius:14px;background-color:var(--canvas);color:var(--text-light);font-size:.95rem}
.tb-ad p{margin:0}.tb-ad a{font-weight:800}.tb-ad-icon{font-size:1.5rem}