/* ===== Tabler-like reset & base ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --tblr-font-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --tblr-primary:#206bc4;
  --tblr-secondary:#616876;
  --tblr-success:#2fb344;
  --tblr-danger:#d63939;
  --tblr-warning:#f76707;
  --tblr-info:#4299e1;
  --tblr-body-color:#1d273b;
  --tblr-body-bg:#f1f5f9;
  --tblr-border-color:#e6e7e9;
  --tblr-card-border-radius:4px;
  --tblr-navbar-bg:#fff;
  --tblr-muted-color:#626976;
}
html{font-size:15px}
body{font-family:var(--tblr-font-sans-serif);font-size:.875rem;color:var(--tblr-body-color);background:var(--tblr-body-bg);min-height:100vh;display:flex;flex-direction:column}
a{text-decoration:none;color:var(--tblr-primary)}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}
h2{font-size:1.125rem}
h3{font-size:1rem}
h4{font-size:.875rem}
ul,ol{padding-left:1.2rem}
code{font-family:'Consolas','Monaco',monospace;font-size:85%;color:#d63939;background:#f1f5f9;padding:.1em .3em;border-radius:3px}
pre code{color:inherit;background:none;padding:0}

/* ===== Layout ===== */
.page{display:flex;flex-direction:column;min-height:100vh}
.container-xl{width:100%;max-width:1320px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
.page-wrapper{display:flex;flex:1;flex-direction:column}
.page-body{flex:1;padding:1.5rem 0}

/* ===== Navbar ===== */
.navbar{background:var(--tblr-navbar-bg);border-bottom:1px solid var(--tblr-border-color);min-height:3.5rem;display:flex;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.navbar .container-xl{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}

/* Navbar 品牌 Logo */
.navbar-brand{display:flex;align-items:center;gap:.5rem;margin-right:.75rem;text-decoration:none;flex-shrink:0}
.navbar-brand:hover{text-decoration:none}
.navbar-brand-icon{background:var(--tblr-primary);color:#fff;border-radius:6px;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.navbar-brand-text{font-weight:700;font-size:.9375rem;color:var(--tblr-body-color)}
.navbar-nav{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nav-item{}
.nav-link{display:flex;align-items:center;gap:.4rem;padding:.4rem .65rem;font-size:.8125rem;font-weight:500;color:#626976;border-radius:4px;transition:color .15s,background .15s;white-space:nowrap}
.nav-link:hover{color:var(--tblr-primary);background:rgba(32,107,196,.06);text-decoration:none}
.nav-link.active{color:var(--tblr-primary);background:rgba(32,107,196,.06)}
.nav-link-icon{display:flex;align-items:center}
.icon{width:1.1rem;height:1.1rem;stroke-width:1.75}

/* ===== Breadcrumb ===== */
.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:#626976;padding:.75rem 0 .25rem;flex-wrap:wrap}
.breadcrumb a{color:#626976}
.breadcrumb a:hover{color:var(--tblr-primary)}
.breadcrumb-item-active{color:#1d273b;font-weight:500}

/* ===== Cards ===== */
.card{background:#fff;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-card-border-radius);margin-bottom:1rem}
.card-sm .card-body{padding:.75rem 1rem}
.card-body{padding:1rem 1.25rem}
.card-title{font-size:.875rem;font-weight:600;color:#1d273b;margin-bottom:.75rem}
.card-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--tblr-border-color);background:#fafbfc;display:flex;align-items:center;justify-content:space-between}
.card-header-title{font-size:.875rem;font-weight:600;color:#1d273b;margin:0}

/* ===== Tool card link ===== */
.tool-card-link{display:block;color:inherit;text-decoration:none}
.tool-card-link:hover .card{border-color:var(--tblr-primary);box-shadow:0 2px 8px rgba(32,107,196,.15)}
.tool-card-link .card{transition:border-color .15s,box-shadow .15s}
.tool-card-link:hover{text-decoration:none}

/* ===== Avatar (icon square) ===== */
.avatar{width:2rem;height:2rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.bg-primary{background:#206bc4!important}
.bg-secondary{background:#616876!important}
.bg-red{background:#d63939!important}
.bg-orange{background:#f76707!important}
.bg-yellow{background:#f59f00!important}
.bg-lime{background:#74b816!important}
.bg-green{background:#2fb344!important}
.bg-teal{background:#0ca678!important}
.bg-cyan{background:#17a2b8!important}
.bg-blue{background:#206bc4!important}
.bg-azure{background:#4299e1!important}
.bg-indigo{background:#4263eb!important}
.bg-purple{background:#ae3ec9!important}
.bg-pink{background:#d6336c!important}
.bg-dark{background:#1d273b!important}
.text-white{color:#fff!important}

/* ===== Grid ===== */
.row{display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}
.row-cards{--bs-gutter-x:.75rem;--bs-gutter-y:.75rem;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5)}
.row-cards>[class*="col"]{padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);padding-bottom:var(--bs-gutter-y)}
[class*="col"]{padding-left:.5rem;padding-right:.5rem}
.col-12{width:100%;flex:0 0 100%}
.col-auto{flex:0 0 auto}
.col{flex:1 1 0}
.col-sm-6{width:50%;flex:0 0 50%}
@media(min-width:992px){.col-lg-3{width:25%;flex:0 0 25%}}
@media(max-width:575px){.col-sm-6{width:100%;flex:0 0 100%}}
.w-100{width:100%}
.align-items-center{align-items:center}
.align-items-start{align-items:flex-start}
.align-items-stretch{align-items:stretch}
.mt-4{margin-top:1.5rem}
.mb-3{margin-bottom:.75rem}
.mb-0{margin-bottom:0}
.d-flex{display:flex}
.flex-fill{flex:1}
.flex-column{flex-direction:column}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}

/* ===== Typography helpers ===== */
.font-weight-medium{font-weight:500;font-size:.875rem;color:#1d273b;line-height:1.3}
.text-secondary{font-size:.75rem;color:#626976;margin-top:.1rem}
.text-muted{color:#626976}
.small{font-size:.8125rem}

/* ===== Buttons ===== */
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;border-radius:4px;border:1px solid transparent;cursor:pointer;transition:all .15s;user-select:none;line-height:1.5}
.btn-primary{background:var(--tblr-primary);color:#fff;border-color:var(--tblr-primary)}
.btn-primary:hover{background:#1a5aa8;border-color:#1a5aa8}
.btn-secondary{background:#616876;color:#fff;border-color:#616876}
.btn-secondary:hover{background:#4e5562}
.btn-default,.btn-outline-secondary{background:#fff;color:#626976;border-color:#ced4da}
.btn-default:hover,.btn-outline-secondary:hover{background:#f8f9fa;border-color:#adb5bd}
.btn-danger{background:#d63939;color:#fff;border-color:#d63939}
.btn-danger:hover{background:#b02a2a}
.btn-success{background:#2fb344;color:#fff;border-color:#2fb344}
.btn-success:hover{background:#259436}
.btn-sm{padding:.2rem .5rem;font-size:.8125rem}
.btn-group{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}

/* ===== Form controls ===== */
.form-label{display:block;font-size:.875rem;font-weight:500;color:#1d273b;margin-bottom:.375rem}
.form-control,.form-select,.form-textarea{width:100%;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:.4375rem .75rem;font-size:.875rem;color:#1d273b;font-family:inherit;transition:border-color .15s,box-shadow .15s;outline:none;line-height:1.5}
.form-control:focus,.form-select:focus,.form-textarea:focus{border-color:#90b8f8;box-shadow:0 0 0 .2rem rgba(32,107,196,.2)}
.form-control[type="number"]{-moz-appearance:textfield}
textarea.form-control,.form-textarea{resize:vertical}
.form-check{display:flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.875rem;color:#1d273b}
.form-check input{width:1rem;height:1rem;cursor:pointer;accent-color:var(--tblr-primary)}
.form-select{cursor:pointer}
.input-group{display:flex;align-items:stretch}
.input-group .form-control{border-radius:4px 0 0 4px;flex:1}
.input-group .btn{border-radius:0 4px 4px 0;border-left:none}

/* ===== Page title ===== */
.page-header{padding:1rem 0 .5rem}
.page-pretitle{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#626976;margin-bottom:.25rem}
.page-title{font-size:1.25rem;font-weight:600;color:#1d273b;line-height:1.2;margin:0 0 .25rem}
.page-subtitle{font-size:.8125rem;color:#626976}

/* ===== Tabs ===== */
.nav-tabs{display:flex;gap:0;border-bottom:1px solid var(--tblr-border-color);margin-bottom:1rem;flex-wrap:wrap}
.nav-tabs .nav-link{border-radius:0;border:none;border-bottom:2px solid transparent;padding:.5rem .875rem;color:#626976;font-size:.875rem;margin-bottom:-1px;font-weight:500}
.nav-tabs .nav-link:hover{color:var(--tblr-primary);background:none;text-decoration:none;border-bottom-color:#90b8f8}
.nav-tabs .nav-link.active{color:var(--tblr-primary);border-bottom-color:var(--tblr-primary);background:none}

/* ===== Alert ===== */
.alert{padding:.75rem 1rem;border-radius:4px;font-size:.875rem;margin-bottom:.75rem;border:1px solid transparent}
.alert-info{background:#e8f4fd;border-color:#bee5f5;color:#0c5460}
.alert-danger,.alert-error{background:#fdf2f2;border-color:#f5c6cb;color:#721c24}
.alert-success{background:#f0faf3;border-color:#b7dfbf;color:#155724}
.alert-warning{background:#fffbf0;border-color:#ffd98c;color:#856404}

/* ===== Table ===== */
.table{width:100%;border-collapse:collapse;font-size:.875rem}
.table th{font-weight:600;color:#626976;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .75rem;border-bottom:2px solid var(--tblr-border-color);text-align:left;background:#fafbfc}
.table td{padding:.5rem .75rem;border-bottom:1px solid var(--tblr-border-color);color:#1d273b;vertical-align:middle}
.table-responsive{overflow-x:auto}

/* ===== Code ===== */
.code-block{background:#1e2a3a;color:#a9b7c6;padding:1rem;border-radius:4px;font-family:'Consolas','Monaco',monospace;font-size:.8125rem;overflow:auto;line-height:1.6;margin:.5rem 0}

/* ===== Accordion / FAQ ===== */
.faq-item{border:1px solid var(--tblr-border-color);border-radius:4px;margin-bottom:.5rem;overflow:hidden}
.faq-q{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#1d273b;background:#fff;cursor:pointer;user-select:none}
.faq-q:hover{background:#fafbfc}
.faq-arrow{font-size:.75rem;color:#626976;transition:transform .2s;flex-shrink:0}
.faq-q.open .faq-arrow{transform:rotate(180deg)}
.faq-a{display:none;padding:.75rem 1rem;font-size:.875rem;color:#626976;line-height:1.7;border-top:1px solid #f1f5f9;background:#fafbfc}
.faq-a.open{display:block}
.accordion{}
.accordion-item{border:1px solid var(--tblr-border-color);border-radius:4px;margin-bottom:.5rem;overflow:hidden}
.accordion-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#1d273b;background:#fff;cursor:pointer;border:none;text-align:left;user-select:none}
.accordion-button:hover{background:#fafbfc}
.accordion-button .arrow{font-size:.75rem;color:#626976;transition:transform .2s;flex-shrink:0}
.accordion-button.open .arrow{transform:rotate(180deg)}
.accordion-collapse{display:none;padding:.75rem 1rem;font-size:.875rem;color:#626976;line-height:1.7;border-top:1px solid #f1f5f9;background:#fafbfc}
.accordion-collapse.open{display:block}

/* ===== Misc ===== */
.monospace{font-family:'Consolas','Monaco',monospace}
.cursor-pointer{cursor:pointer}
.badge{display:inline-block;padding:.2em .45em;font-size:.75em;font-weight:600;border-radius:3px}
.badge-primary{background:#dbe7f8;color:#206bc4}
.badge-success{background:#d8f5e0;color:#2b9342}
.d-none{display:none}
.d-md-none{display:none}
@media(max-width:767px){.d-md-none{display:flex}}
.d-lg-inline-block{display:inline-flex}

/* ===== Footer ===== */
footer.footer{background:#fff;border-top:1px solid var(--tblr-border-color);padding:.875rem 0;font-size:.8125rem;color:#626976;margin-top:auto}
footer.footer a{color:#626976;margin-right:1rem}
footer.footer a:hover{color:var(--tblr-primary)}

/* ===== Spinner ===== */
@keyframes spin{to{transform:rotate(360deg)}}
.spinner-border{width:1.5rem;height:1.5rem;border:.2rem solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite;display:inline-block}

/* ===== Range ===== */
.form-range{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#e6e7e9;outline:none;cursor:pointer}
.form-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--tblr-primary);cursor:pointer;box-shadow:0 1px 4px rgba(32,107,196,.4)}

/* ===== Color input ===== */
input[type=color]{cursor:pointer;border:1px solid #ced4da;border-radius:4px;padding:2px;background:#fff}

/* ===== Related tools ===== */
.related-tools{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.related-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:4px;font-size:.8125rem;border:1px solid var(--tblr-border-color);color:#626976;background:#fff;cursor:pointer;transition:all .15s}
.related-btn:hover{color:var(--tblr-primary);border-color:var(--tblr-primary);background:rgba(32,107,196,.04);text-decoration:none}

/* ===== 两栏布局通用（断点统一 640px）===== */
.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:640px){.two-col-grid{grid-template-columns:1fr}}

/* ===== 通用操作按钮 ===== */
.ctrl-btn{display:inline-flex;align-items:center;padding:.3125rem .875rem;font-size:.8125rem;border-radius:4px;cursor:pointer;border:1px solid;transition:all .15s;white-space:nowrap;font-weight:500;user-select:none}
.ctrl-btn-primary{background:var(--tblr-primary);color:#fff;border-color:var(--tblr-primary)}
.ctrl-btn-primary:hover{background:#1a569d;border-color:#1a569d}
.ctrl-btn-default{background:#fff;color:var(--tblr-muted-color);border-color:#ced4da}
.ctrl-btn-default:hover{background:#f8f9fa;border-color:#adb5bd;color:var(--tblr-body-color)}
.col-btn-row{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}

/* ===== 编码转换 Tab 组件（translation/ 页面共用）===== */
.enc-tab-wrapper{position:relative}
.enc-nav-line{border-bottom:1px solid var(--tblr-border-color);margin-bottom:0;position:relative;z-index:1}
.enc-nav{display:flex;gap:0;background:transparent;padding:0;margin-bottom:0;border-bottom:none;position:relative}
.enc-tab{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--tblr-muted-color);cursor:pointer;border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;margin-right:2px;margin-bottom:0;transition:color .15s,background .15s,border-color .15s;white-space:nowrap;user-select:none;background:transparent;position:relative;bottom:-1px;text-decoration:none;display:inline-block}
.enc-tab:hover{color:var(--tblr-primary);text-decoration:none}
.enc-tab.active{color:var(--tblr-primary);background:#fff;border-color:var(--tblr-border-color);border-bottom-color:#fff;font-weight:600}
.enc-card{background:#fff;border:1px solid var(--tblr-border-color);border-top:none;border-radius:0 4px 4px 4px;padding:1.25rem;margin-bottom:1rem}

/* ===== SEO 内容区 ===== */
.seo-section{font-size:.8125rem;color:var(--tblr-muted-color);line-height:1.8}
.seo-section h3{font-size:.875rem;font-weight:600;color:var(--tblr-body-color);margin:.875rem 0 .25rem}
.seo-section p{margin-bottom:.375rem}

/* ===== Footer 统一内层 ===== */
.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.75rem 0;border-top:1px solid var(--tblr-border-color);font-size:.8125rem;color:var(--tblr-muted-color)}
footer.footer-transparent{background:transparent;border-top:none;padding:0;margin-top:auto}
footer.footer-transparent a{color:var(--tblr-muted-color)}
footer.footer-transparent a:hover{color:var(--tblr-primary)}

/* ===== Fullscreen ===== */
.fullscreen-panel{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#fff}
.btn-fullscreen-active{background:#dc3545!important;color:#fff!important;border-color:#dc3545!important}

/* ===== Dynamic Navbar (nav.js) ===== */
.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:.25rem;color:#626976;margin-left:auto}
.nav-main{display:flex;align-items:center;flex:1;gap:.25rem}
.nav-dd-trigger{position:relative}
.nav-dd-toggle{cursor:pointer;user-select:none}
.nav-dd-toggle svg:last-child{margin-left:.15rem;transition:transform .2s}
.nav-dd-menu{opacity:0;visibility:hidden;position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--tblr-border-color);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:200;padding:.375rem;margin-top:.25rem;transition:opacity .15s,visibility .15s}
.nav-dd-trigger:hover>.nav-dd-menu,.nav-dd-trigger.open>.nav-dd-menu{opacity:1;visibility:visible}
.nav-dd-trigger:hover .nav-dd-toggle svg:last-child,.nav-dd-trigger.open .nav-dd-toggle svg:last-child{transform:rotate(180deg)}
.nav-dd-item{display:flex;flex-direction:column;padding:.5rem .625rem;border-radius:4px;text-decoration:none;color:inherit;transition:background .1s}
.nav-dd-item:hover{background:rgba(32,107,196,.06);text-decoration:none}
.nav-dd-item-name{font-size:.8125rem;font-weight:500;color:#1d273b}
.nav-dd-item-desc{font-size:.6875rem;color:#626976;margin-top:.1rem}

/* Nav Search */
.nav-search-wrap{position:relative;margin-left:auto;display:flex;align-items:center}
.nav-search-btn{background:none;border:none;cursor:pointer;padding:.375rem;color:#626976;border-radius:4px;display:flex;align-items:center}
.nav-search-btn:hover{color:var(--tblr-primary);background:rgba(32,107,196,.06)}
.nav-search-box{display:none;position:absolute;top:100%;right:0;margin-top:.25rem;z-index:200}
.nav-search-box.active{display:block}
.nav-search-input{width:280px;padding:.5rem .75rem;border:1px solid var(--tblr-border-color);border-radius:6px;font-size:.8125rem;outline:none;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.nav-search-input:focus{border-color:#90b8f8}
.nav-search-results{background:#fff;border:1px solid var(--tblr-border-color);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.1);margin-top:.25rem;max-height:320px;overflow-y:auto}
.nav-search-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;text-decoration:none;color:inherit;transition:background .1s}
.nav-search-item:hover{background:rgba(32,107,196,.06);text-decoration:none}
.nav-search-item-name{font-size:.8125rem;font-weight:500;color:#1d273b}
.nav-search-item-cat{font-size:.6875rem;color:#626976}
.nav-search-empty{padding:.75rem;font-size:.8125rem;color:#626976;text-align:center}

/* Mobile Nav */
@media(max-width:768px){
  .nav-hamburger{display:flex}
  .nav-main{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--tblr-border-color);box-shadow:0 4px 16px rgba(0,0,0,.1);flex-direction:column;padding:.75rem 1rem;z-index:150}
  .nav-main.mobile-open{display:flex}
  .nav-main .navbar-nav{flex-direction:column;width:100%;gap:0}
  .nav-dd-menu{position:static;box-shadow:none;border:none;margin-top:0;padding:0 0 0 1rem;min-width:auto;opacity:0;visibility:hidden}
  .nav-dd-trigger:hover>.nav-dd-menu{opacity:0;visibility:hidden}
  .nav-dd-trigger.open>.nav-dd-menu{opacity:1;visibility:visible}
  .nav-dd-toggle{width:100%;justify-content:space-between}
  .nav-search-wrap{width:100%;margin-left:0;margin-top:.5rem}
  .nav-search-box{position:static;margin-top:.5rem}
  .nav-search-box.active{display:block}
  .nav-search-input{width:100%}
  .nav-search-results{box-shadow:none;border-top:none}
}

/* ===== Homepage Hero ===== */
.hero-section{text-align:center;padding:2rem 0 1.5rem}
.hero-title{font-size:1.5rem;font-weight:700;color:#1d273b;margin-bottom:.5rem}
.hero-subtitle{font-size:.875rem;color:#626976;margin-bottom:1.25rem;line-height:1.6}
.hero-search{max-width:480px;margin:0 auto 1rem;position:relative}
.hero-search input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1px solid var(--tblr-border-color);border-radius:8px;font-size:.875rem;background:#fff;outline:none;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.hero-search input:focus{border-color:#90b8f8;box-shadow:0 2px 8px rgba(32,107,196,.15)}
.hero-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#626976}
.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.hero-tag{display:inline-block;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;color:#626976;background:#fff;border:1px solid var(--tblr-border-color);text-decoration:none;transition:all .15s}
.hero-tag:hover{color:var(--tblr-primary);border-color:var(--tblr-primary);text-decoration:none}

/* ===== Category Section ===== */
.cat-section{margin-top:1.5rem}
.cat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}
.cat-title{font-size:1.125rem;font-weight:600;color:#1d273b;margin:0}
.cat-count{font-size:.75rem;color:#626976;background:#f1f5f9;padding:.1rem .5rem;border-radius:10px}
.cat-badge-hot{font-size:.6875rem;color:#d63939;background:#fdf2f2;padding:.15rem .5rem;border-radius:10px;font-weight:600}