:root{
    --bg:#0B0D10;--bg-2:#101319;--bg-3:#151922;--surface:#171B23;--surface-2:#1D222C;--surface-3:#242A35;
    --text:#F4F1EA;--text-2:#C5C0B7;--text-3:#898E98;--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.14);
    --primary:#C94F4F;--primary-2:#E06A58;--primary-soft:rgba(201,79,79,.14);--gold:#C9A86A;--gold-soft:rgba(201,168,106,.14);
    --ice:#6EA7B9;--ice-soft:rgba(110,167,185,.12);--success:#6E9B7D;--shadow:0 20px 60px rgba(0,0,0,.34);--shadow-soft:0 12px 32px rgba(0,0,0,.22);
    --radius:10px;--radius-card:16px;--radius-large:24px;--wrap:1360px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 8%,rgba(110,167,185,.06),transparent 28%),radial-gradient(circle at 14% 28%,rgba(201,79,79,.05),transparent 24%);z-index:-1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--text);color:var(--bg);padding:10px 14px;border-radius:8px}.skip-link:focus{top:16px}.news-strip{height:28px;background:#090A0D;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--text-3)}.news-strip-inner{height:100%;display:flex;align-items:center;gap:22px;white-space:nowrap;overflow:hidden}.news-strip span{color:var(--gold)}.news-strip a:hover{color:var(--text)}
.site-header{position:sticky;top:0;z-index:90;height:72px;background:rgba(11,13,16,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:.25s}.site-header.is-scrolled{height:66px;box-shadow:0 16px 40px rgba(0,0,0,.22)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.brand img{width:34px;height:34px;object-fit:contain;border-radius:9px}.desktop-nav{display:flex;align-items:center;gap:18px;margin-left:auto}.desktop-nav a{position:relative;color:#B9BBC2;font-size:14px;padding:23px 0 20px}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--text)}.desktop-nav a:hover::after{content:"";position:absolute;left:25%;right:25%;bottom:14px;height:2px;background:var(--primary)}.header-actions{display:flex;align-items:center;gap:8px}.header-link{font-size:13px;color:var(--text-2);padding:8px}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;display:grid;place-items:center;cursor:pointer}.icon-button:hover,.icon-button:focus-visible{border-color:var(--line-strong);background:var(--surface-2)}.icon-button svg,.home-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.menu-trigger{display:none}
.site-main{min-height:60vh}.eyebrow{display:inline-block;color:var(--gold);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.home-hero{padding:46px 0 62px;background:linear-gradient(180deg,var(--bg),var(--bg-2));border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:5fr 4fr 3fr;gap:30px;min-height:650px;align-items:center}.hero-copy h1{font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-.04em;margin:16px 0 22px;max-width:760px}.hero-copy>p{font-size:17px;color:var(--text-2);max-width:680px}.hero-search{margin:32px 0 18px}.hero-search label,.search-form label{display:block;font-size:12px;color:var(--text-3);margin-bottom:8px}.hero-search>div,.search-row{display:flex;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;padding:6px}.hero-search input,.search-row input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);padding:10px 12px;outline:none}.hero-search:focus-within,.search-row:focus-within{border-color:var(--ice)}.hero-search button{border:0;background:var(--surface-3);color:var(--text);border-radius:8px;padding:0 18px;cursor:pointer}.hot-terms{display:flex;flex-wrap:wrap;gap:8px}.hot-terms a,.search-suggestions a{font-size:12px;color:var(--text-3);border:1px solid var(--line);padding:5px 8px;border-radius:6px}.hot-terms a:hover,.search-suggestions a:hover{color:var(--text);border-color:var(--line-strong)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:9px;border:1px solid var(--line-strong);font-weight:700;font-size:13px;cursor:pointer}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-2)}.btn-gold{background:var(--gold-soft);border-color:rgba(201,168,106,.34);color:#E5CAA0}.btn-ice{background:var(--ice-soft);border-color:rgba(110,167,185,.3);color:#A7CEDA}.btn-quiet{background:var(--surface);color:var(--text-2)}.hero-poster{margin:0;position:relative;align-self:stretch;min-height:570px;border-radius:var(--radius-large);overflow:hidden;border:1px solid var(--line-strong);box-shadow:var(--shadow)}.hero-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(4,5,7,.84))}.hero-poster img{width:100%;height:100%;object-fit:cover}.hero-poster figcaption{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;display:flex;align-items:end;justify-content:space-between}.hero-poster figcaption span{font-size:10px;letter-spacing:.14em;color:var(--gold)}.hero-poster figcaption b{font-size:20px}.hero-focus{align-self:stretch;padding:28px 0;display:flex;flex-direction:column}.hero-focus h2{font-size:24px;margin:10px 0 12px}.hero-focus>a{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line);color:var(--text-2)}.hero-focus>a b{color:var(--primary)}.hero-focus>a:hover span{color:var(--text)}.status-line{margin-top:auto;font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:8px}.status-line i{width:7px;height:7px;background:var(--success);border-radius:50%}
.home-section,.content-section{padding:72px 0;border-bottom:1px solid var(--line)}.home-section:nth-of-type(odd),.content-section:nth-of-type(even){background:var(--bg-2)}.home-section:nth-of-type(4n),.content-section:nth-of-type(4n){background:var(--bg-3)}.section-heading{display:grid;grid-template-columns:minmax(220px,430px) minmax(260px,1fr);column-gap:50px;align-items:end;margin-bottom:30px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:8px}.section-heading h2{font-size:clamp(28px,3vw,46px);line-height:1.08;margin:0;letter-spacing:-.03em;padding-left:14px;border-left:2px solid var(--primary)}.section-heading p{margin:0;color:var(--text-2);max-width:700px}.home-items{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.home-item{min-height:190px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;transition:.2s}.home-item:hover,.content-card:hover,.discussion-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.home-item>span,.card-no{font-size:11px;color:var(--gold);letter-spacing:.1em}.home-item p{color:var(--text-2);margin:20px 0 18px}.home-item a{margin-top:auto;font-size:12px;color:var(--ice);display:flex;align-items:center;gap:6px}.section-media{margin:22px 0 0;max-height:360px;overflow:hidden;border-radius:var(--radius-large);border:1px solid var(--line)}.section-media img{width:100%;height:360px;object-fit:cover;transition:.25s}.section-media:hover img{transform:scale(1.02)}
.layout-focus .home-items{grid-template-columns:2fr 1fr 1fr}.layout-focus .home-item:first-child{grid-row:span 2;min-height:390px}.layout-timeline .home-items{display:block;border-left:1px solid var(--line-strong);margin-left:18px}.layout-timeline .home-item{min-height:0;border:0;border-radius:0;background:transparent;margin-left:24px;padding:14px 0 18px 18px;position:relative}.layout-timeline .home-item::before{content:"";position:absolute;left:-29px;top:25px;width:9px;height:9px;border-radius:50%;background:var(--primary)}.layout-horizontal .home-items{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.layout-horizontal .home-item{min-width:310px;scroll-snap-align:start}.layout-dual-rank .home-items{grid-template-columns:1fr 1fr}.layout-masonry .home-items{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(170px,auto)}.layout-masonry .home-item:nth-child(2){grid-row:span 2}.layout-magazine .home-items{grid-template-columns:1.5fr 1fr 1fr}.layout-editorial .home-item{background:transparent;border-top:1px solid var(--line);border-left:0;border-right:0;border-bottom:0;border-radius:0}.layout-rank .home-item>span{font-size:26px;color:var(--primary)}.layout-tag-wall .home-items{display:flex;flex-wrap:wrap}.layout-tag-wall .home-item{min-height:90px;flex:1 1 220px}.layout-band,.layout-ice-band{background:linear-gradient(100deg,#111318,#17161A)!important}.layout-band .section-heading h2{border-color:var(--gold)}.layout-ice-band{background:linear-gradient(100deg,#0F1418,#131A20)!important}.layout-ice-band .section-heading h2{border-color:var(--ice)}.layout-process .home-items,.layout-workflow .home-items{position:relative}.layout-process .home-items::before,.layout-workflow .home-items::before{content:"";position:absolute;left:6%;right:6%;top:28px;height:1px;background:linear-gradient(90deg,var(--primary),var(--gold),var(--ice))}.layout-process .home-item,.layout-workflow .home-item{padding-top:52px}.layout-steps .home-item{counter-increment:step}.layout-compare .home-items{grid-template-columns:1fr 1fr}.layout-tutorial-rank .home-item{border-left:3px solid var(--ice)}.layout-route .home-items{grid-template-columns:repeat(4,1fr)}.layout-quicktips .home-item{min-height:145px}.layout-audio .home-items{grid-template-columns:repeat(2,1fr)}.layout-color .home-items{grid-template-columns:repeat(2,1fr)}.layout-case-row .home-items{grid-template-columns:repeat(2,1fr)}.layout-notes .home-item{font-family:Georgia,"Songti SC",serif}.layout-safety-grid .home-item{border-color:rgba(201,79,79,.22)}.layout-discussion .home-item{background:var(--surface-2)}.layout-device .home-items{grid-template-columns:repeat(2,1fr)}.layout-faq>.wrap>.faq-section{padding:0;background:transparent}
.page-hero{padding:68px 0;background:linear-gradient(180deg,var(--bg),var(--bg-2));border-bottom:1px solid var(--line)}.page-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.page-hero-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.06;letter-spacing:-.04em;margin:14px 0 20px}.page-hero-copy>p{font-size:17px;color:var(--text-2);max-width:740px}.page-hero-media{margin:0;border:1px solid var(--line);border-radius:var(--radius-large);overflow:hidden;min-height:380px;box-shadow:var(--shadow-soft)}.page-hero-media img{width:100%;height:100%;min-height:380px;object-fit:cover}.content-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.content-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px;min-height:160px;transition:.2s}.content-card p{color:var(--text-2);margin:18px 0 0}.mode-split .content-cards{grid-template-columns:repeat(2,1fr)}.mode-rail .content-cards{display:flex;overflow-x:auto}.mode-rail .content-card{min-width:300px}.mode-steps .content-card{border-top:2px solid var(--gold)}.mode-editorial .content-card{background:transparent;border-left:0;border-right:0;border-radius:0}.mode-check .content-card{border-left:3px solid var(--success)}.mode-compare .content-cards{grid-template-columns:1fr 1fr}.mode-notes .content-card{background:var(--surface-2)}.section-note{margin-top:16px;padding:14px 16px;border-left:2px solid var(--ice);background:var(--ice-soft);display:flex;gap:12px;color:var(--text-2)}.section-note strong{color:var(--ice);white-space:nowrap}.closing-band{background:linear-gradient(110deg,#151319,#10151A)!important}.closing-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:40px}.closing-grid h2{font-size:36px;margin:8px 0}.closing-grid p{color:var(--text-2)}.closing-links{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:24px}.closing-links a{padding:10px 0;color:var(--text-2)}.closing-links a:hover{color:var(--gold)}
.search-modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(3,4,6,.82);backdrop-filter:blur(12px);align-items:flex-start;justify-content:center;padding:10vh 20px 30px}.search-modal.is-open{display:flex;}.search-modal[hidden]{display:none !important;}.search-dialog{width:min(760px,100%);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-large);box-shadow:var(--shadow);padding:26px}.search-dialog-head{display:flex;justify-content:space-between;align-items:start}.search-dialog h2{margin:4px 0 14px;font-size:34px}.search-form{margin-top:18px}.search-row{padding:7px}.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mobile-drawer{position:fixed;inset:0;z-index:180;background:rgba(4,5,7,.72)}.mobile-drawer[hidden]{display:none!important}.drawer-panel{margin-left:auto;width:min(420px,92vw);height:100%;background:var(--bg-2);border-left:1px solid var(--line);padding:22px;box-shadow:var(--shadow)}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}.drawer-links a{padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--text-2)}
.faq-section{padding:72px 0;background:var(--bg-2)}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:20px 4px;border:0;background:transparent;color:var(--text);cursor:pointer;font-weight:700}.faq-button b{color:var(--gold);font-size:22px}.faq-panel{padding:0 44px 22px 4px;color:var(--text-2)}.faq-panel[hidden]{display:none}.discussion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.discussion-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:22px;transition:.2s}.discussion-card>span{color:var(--gold);font-size:12px}.discussion-card h3{font-size:18px;line-height:1.55;margin:10px 0}.discussion-card p{color:var(--text-2)}.like-button{border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);border-radius:8px;padding:7px 10px;cursor:pointer}.like-button[aria-pressed="true"]{color:var(--primary-2);border-color:rgba(201,79,79,.4)}.device-pair{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.device-pair img{width:100%;height:380px;object-fit:cover;border-radius:var(--radius-card);border:1px solid var(--line)}.device-pair img:last-child{margin-top:34px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tabs a{border:1px solid var(--line);padding:8px 12px;border-radius:8px;color:var(--text-2)}.filter-tabs a.is-active,.filter-tabs a:hover{border-color:var(--primary);color:var(--text);background:var(--primary-soft)}.search-page{padding:68px 0}.search-page h1{font-size:50px;margin:8px 0 26px}.search-form-page{max-width:840px}.search-results{margin-top:36px;display:grid;gap:10px}.search-results article{padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.search-results h2{font-size:20px;margin:0 0 8px}.search-results p,.empty-state p{color:var(--text-2)}.empty-state{margin-top:34px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}
.site-footer{padding:58px 0 calc(28px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#11141A 0%,#090B0E 100%);border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer-brand p{max-width:340px;color:rgba(255,255,255,.58)}.footer-grid h2{font-size:13px;color:var(--text);margin:0 0 14px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-grid a{color:rgba(255,255,255,.68);font-size:13px}.footer-grid a:hover{color:var(--gold)}.footer-bottom{margin-top:42px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--text-3);font-size:12px}.mobile-bottom{display:none}.back-top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.back-top.is-visible{opacity:1;pointer-events:auto}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .45s,transform .45s}.js .reveal.is-visible{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
@media (max-width:1200px){.desktop-nav{gap:12px}.desktop-nav a{font-size:13px}.hero-grid{grid-template-columns:1.05fr .95fr}.hero-focus{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0}.hero-focus h2,.hero-focus>.eyebrow,.status-line{grid-column:1/-1}.home-items,.content-cards{grid-template-columns:repeat(2,1fr)}.layout-focus .home-items{grid-template-columns:1.4fr 1fr}.footer-grid{grid-template-columns:1.3fr repeat(3,1fr)}}
@media (max-width:1024px){.desktop-nav{display:none}.menu-trigger{display:grid}.hero-grid{min-height:auto}.page-hero-grid{grid-template-columns:1fr}.page-hero-media{min-height:300px}.page-hero-media img{min-height:300px;max-height:460px}.section-heading{grid-template-columns:1fr;gap:16px}.hero-focus{grid-template-columns:repeat(2,1fr)}.layout-route .home-items{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.home-hero{padding-top:34px}.hero-grid{grid-template-columns:1fr}.hero-copy{order:1}.hero-poster{order:2;min-height:520px}.hero-focus{order:3}.home-section,.content-section,.faq-section{padding:56px 0}.home-items,.layout-focus .home-items,.layout-dual-rank .home-items,.layout-masonry .home-items,.layout-magazine .home-items,.layout-compare .home-items,.layout-audio .home-items,.layout-color .home-items,.layout-case-row .home-items,.layout-device .home-items,.content-cards,.mode-split .content-cards,.mode-compare .content-cards{grid-template-columns:1fr 1fr}.layout-focus .home-item:first-child{grid-row:auto;min-height:190px}.discussion-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.closing-grid{grid-template-columns:1fr}.closing-links{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}}
@media (max-width:768px){body{padding-bottom:66px}.news-strip a:nth-of-type(n+3){display:none}.header-link{display:none}.hero-copy h1{font-size:43px}.hero-poster{min-height:460px}.hero-focus{display:block}.hero-focus>a{padding:13px 0}.home-items,.layout-focus .home-items,.layout-dual-rank .home-items,.layout-masonry .home-items,.layout-magazine .home-items,.layout-compare .home-items,.layout-route .home-items,.layout-audio .home-items,.layout-color .home-items,.layout-case-row .home-items,.layout-device .home-items,.content-cards,.mode-split .content-cards,.mode-compare .content-cards{grid-template-columns:1fr}.layout-process .home-items::before,.layout-workflow .home-items::before{left:20px;top:0;bottom:0;width:1px;height:auto}.layout-process .home-item,.layout-workflow .home-item{padding:20px 20px 20px 44px}.home-item{min-height:150px}.section-media img{height:260px}.device-pair{grid-template-columns:1fr}.device-pair img:last-child{margin-top:0}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:85;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(11,13,16,.96);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{padding:12px 4px;text-align:center;font-size:11px;color:var(--text-2)}.back-top{bottom:82px}.site-footer{padding-bottom:34px}}
@media (max-width:600px){.wrap{width:min(calc(100% - 22px),var(--wrap))}.site-header{height:66px}.brand span{font-size:14px}.hero-copy h1{font-size:38px}.hero-copy>p,.page-hero-copy>p{font-size:15px}.hero-poster{min-height:420px}.hero-actions{display:grid}.btn{width:100%}.home-section,.content-section,.faq-section{padding:46px 0}.section-heading h2{font-size:30px}.home-items{display:grid}.layout-horizontal .home-items,.mode-rail .content-cards{display:flex}.layout-horizontal .home-item,.mode-rail .content-card{min-width:82vw}.page-hero{padding:48px 0}.page-hero-copy h1{font-size:38px}.page-hero-media,.page-hero-media img{min-height:260px}.drawer-links{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.search-dialog{padding:20px}.search-row{flex-direction:column}.search-row .btn{margin-top:6px}.section-note{flex-direction:column}.faq-panel{padding-right:4px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}

.interactive-lab{padding:26px 0 8px;background:var(--bg-2)}.lab-shell{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-large);padding:22px}.lab-tabs,.route-tabs,.switch-tabs,.rail-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.lab-tabs button,.route-tabs button,.switch-tabs button,.rail-controls button,.category-mini-filter button{border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);padding:8px 11px;border-radius:8px;cursor:pointer}.lab-tabs button.is-active,.route-tabs button.is-active,.switch-tabs button.is-active,.category-mini-filter button.is-active{border-color:var(--ice);color:var(--text);background:var(--ice-soft)}.tutorial-samples,.route-panels,.switch-panels,.category-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tutorial-sample,.route-panel,.switch-panel,.category-mini-card{border:1px solid var(--line);border-radius:12px;background:var(--bg-3);padding:16px}.tutorial-sample b,.route-panel b,.switch-panel b{display:block;margin-bottom:6px}.tutorial-sample span,.route-panel p,.switch-panel p,.category-mini-card p{font-size:13px;color:var(--text-2)}.category-mini-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.rail-controls{justify-content:flex-end;margin-top:-12px}.rail-controls button{min-width:42px}.search-suggestions a.is-muted{display:none}.js [data-enhanced-hidden="true"]{display:none!important}@media (max-width:768px){.tutorial-samples,.route-panels,.switch-panels,.category-mini-grid{grid-template-columns:1fr}}