:root{--bg:#f5f6f8;--card:#fff;--card2:#fbfcfd;--text:#272b33;--muted:#8a929f;--line:#e9edf2;--soft:#f0f2f5;--brand:#2f7cf6;--brand2:#ecf3ff;--green:#25b36a;--red:#e45d55;--shadow:0 8px 24px rgba(25,35,55,.045);--radius:12px;--side:232px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.dark{--bg:#15171b;--card:#1e2127;--card2:#242832;--text:#e8ebf0;--muted:#969eaa;--line:#303640;--soft:#282d36;--brand:#6aa2ff;--brand2:#24344d;--shadow:0 8px 26px rgba(0,0,0,.18)}.app-shell{min-height:100vh}.side-nav{position:fixed;left:0;top:0;bottom:0;width:var(--side);background:var(--card);border-right:1px solid var(--line);padding:18px 14px;z-index:20;overflow:auto}.brand{height:48px;display:flex;align-items:center;gap:11px;margin:0 4px 18px}.brand-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#3a85ff,#64d5ff);display:grid;place-items:center;color:#fff;font-weight:800}.brand b{display:block;font-size:16px;line-height:1.2}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.side-menu{display:flex;flex-direction:column;gap:4px}.side-menu a{height:38px;border-radius:10px;color:#596170;display:flex;align-items:center;gap:10px;padding:0 10px;transition:.15s}.dark .side-menu a{color:#c8cdd6}.side-menu a span{width:20px;text-align:center;color:var(--muted)}.side-menu a:hover,.side-menu a.active{background:var(--brand2);color:var(--brand)}.side-menu a.child{margin-left:18px;height:34px;font-size:13px}.side-card{margin-top:18px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px}.side-card b{font-size:13px}.side-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.main-wrap{margin-left:var(--side);min-height:100vh;padding:18px 24px 0}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.top-links{display:flex;align-items:center;gap:20px;color:#596170}.dark .top-links{color:#c8cdd6}.top-links a:hover{color:var(--brand)}.top-actions{display:flex;align-items:center;gap:8px}.pill,.theme-toggle{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 14px;color:var(--text);box-shadow:none}.theme-toggle{width:36px;height:36px;padding:0;cursor:pointer}.pill.primary{background:var(--text);color:var(--card);border-color:var(--text)}.mobile-menu{display:none;border:0;background:var(--card);border-radius:10px;width:38px;height:38px;color:var(--text)}.alert{border-radius:12px;padding:10px 14px;margin:0 0 14px;border:1px solid var(--line);background:var(--card)}.alert.success{border-color:rgba(37,179,106,.24);background:rgba(37,179,106,.08);color:var(--green)}.alert.error{border-color:rgba(228,93,85,.24);background:rgba(228,93,85,.08);color:var(--red)}.hero-panel{display:grid;grid-template-columns:360px 1fr;gap:22px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow);margin-bottom:22px}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;background:var(--brand2);color:var(--brand);font-size:12px;padding:2px 10px}.hero-copy h1,.page-panel h1,.detail-main h1,.article-panel h1,.auth-card h1{margin:12px 0 8px;font-size:28px;letter-spacing:-.5px}.hero-copy p,.page-panel p,.detail-main p,.article-summary{margin:0;color:var(--muted)}.search-box{align-self:center}.search-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.search-tabs button{border:0;background:var(--soft);color:#687080;border-radius:999px;padding:6px 12px;cursor:pointer}.dark .search-tabs button{color:#ccd3dd}.search-tabs button.active{background:var(--brand);color:#fff}.search-line{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:6px}.search-line input{flex:1;border:0;background:transparent;outline:0;padding:0 13px;color:var(--text);font-size:15px}.search-line button,.inline-search button,.clean-form button,.btn{border:0;background:var(--text);color:var(--card);border-radius:10px;padding:10px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn{background:var(--soft);color:var(--text);border:1px solid var(--line)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.hot-words{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.hot-words a,.tag-cloud a{font-size:12px;color:var(--muted);background:var(--card2);border:1px solid var(--line);border-radius:999px;padding:4px 9px}.hot-words a:hover,.tag-cloud a:hover{color:var(--brand);border-color:var(--brand)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:22px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.section-head>div{display:flex;align-items:center;gap:9px}.section-head h2{margin:0;font-size:16px}.section-head a{color:var(--muted);font-size:13px}.section-head a:hover{color:var(--brand)}.dot{width:8px;height:8px;border-radius:99px;background:var(--brand);display:block}.cat-icon{width:26px;height:26px;border-radius:9px;background:var(--brand2);color:var(--brand);display:grid;place-items:center;font-size:13px}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.site-grid.wide{grid-template-columns:repeat(4,minmax(0,1fr))}.site-card{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px;min-height:92px;box-shadow:var(--shadow);transition:.16s}.site-card:hover{transform:translateY(-2px);border-color:rgba(47,124,246,.35)}.icon-wrap{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;overflow:hidden}.icon-wrap img{width:24px;height:24px;object-fit:contain}.icon-wrap i{width:100%;height:100%;display:grid;place-items:center;font-style:normal;font-weight:700;color:var(--brand);background:var(--brand2)}.site-info{display:flex;min-width:0;flex-direction:column}.site-info strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-info small{color:var(--muted);font-size:12px;line-height:1.45;min-height:34px;margin-top:3px}.site-info em{font-style:normal;color:var(--muted);font-size:12px;margin-top:auto}.right-rail{display:flex;flex-direction:column;gap:14px;margin-top:22px}.widget{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.widget h3{margin:0 0 12px;font-size:15px}.stats-row{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px dashed var(--line);padding:7px 0}.stats-row:last-child{border-bottom:0}.stats-row span{font-size:19px;font-weight:800}.stats-row label{color:var(--muted)}.rank-item{display:flex;align-items:center;gap:9px;height:32px;color:#4d5562}.dark .rank-item{color:#ccd3dd}.rank-item span{width:20px;height:20px;border-radius:7px;background:var(--soft);display:grid;place-items:center;color:var(--muted);font-size:12px}.rank-item:nth-of-type(-n+3) span{background:var(--brand);color:#fff}.rank-item em{margin-left:auto;color:var(--muted);font-style:normal;font-size:12px}.tag-cloud,.friend-links{display:flex;gap:8px;flex-wrap:wrap}.friend-links a{font-size:13px;color:var(--muted)}.post-list{display:flex;flex-direction:column;gap:10px}.post-item{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 15px;box-shadow:var(--shadow)}.post-list.large .post-item{grid-template-columns:70px 1fr auto}.post-item .type{height:26px;border-radius:999px;background:var(--brand2);color:var(--brand);display:grid;place-items:center;font-size:12px}.post-item b{display:block;font-size:14px}.post-item p{margin:2px 0 0;color:var(--muted);font-size:12px}.post-item em{font-style:normal;color:var(--muted);font-size:12px}.site-footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;padding:28px 0}.page-panel,.detail-panel,.article-panel,.form-panel,.auth-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow);margin-bottom:18px}.page-panel.compact h1{font-size:24px}.inline-search{display:flex;max-width:640px;background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:6px;margin-top:14px}.inline-search input{flex:1;border:0;outline:0;background:transparent;color:var(--text);padding:0 12px}.load-more{display:block;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:18px;color:var(--muted)}.detail-panel{display:flex;gap:20px}.detail-icon{width:82px;height:82px;border-radius:22px;background:var(--soft);display:grid;place-items:center;flex:0 0 82px;overflow:hidden}.detail-icon img{width:46px;height:46px;object-fit:contain}.detail-icon span{font-size:30px;color:var(--brand);font-weight:800}.detail-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:12px}.detail-actions{display:flex;gap:10px;margin-top:18px}.article-panel{max-width:920px}.article-meta{color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.article-content{font-size:15px;line-height:1.9}.article-content h2{font-size:19px;margin-top:28px}.about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.about-grid div{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center}.about-grid b{display:block;font-size:24px}.about-grid span{color:var(--muted);font-size:12px}.form-panel{display:grid;grid-template-columns:280px 1fr;gap:24px}.clean-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.clean-form label{display:flex;flex-direction:column;gap:6px;color:#5d6674}.dark .clean-form label{color:#cbd1dc}.clean-form input,.clean-form textarea,.clean-form select{border:1px solid var(--line);background:var(--bg);border-radius:11px;padding:10px 12px;color:var(--text);outline:0}.clean-form .full{grid-column:1/-1}.clean-form button{width:max-content}.auth-card{max-width:460px;margin:30px auto}.auth-card .clean-form{grid-template-columns:1fr}.tab-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tab-line a,.tab-line span{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--muted);font-size:12px}.tab-line .active{background:var(--brand);color:#fff;border-color:var(--brand)}.rank-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rank-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.rank-card h2{margin:0 0 12px;font-size:16px}.rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.rank-row:last-child{border-bottom:0}.rank-row b{width:28px;height:28px;border-radius:10px;background:var(--soft);display:grid;place-items:center}.rank-row:nth-of-type(2) b,.rank-row:nth-of-type(3) b,.rank-row:nth-of-type(4) b{background:var(--brand);color:#fff}.rank-row span{font-weight:650}.rank-row small{display:block;color:var(--muted);font-weight:400;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.rank-row em{font-style:normal;color:var(--muted)}@media(max-width:1280px){.content-grid{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:repeat(2,1fr)}.site-grid.wide{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){:root{--side:0}.side-nav{transform:translateX(-105%);transition:.2s;width:250px;box-shadow:0 18px 60px rgba(0,0,0,.18)}.side-nav.open{transform:translateX(0)}.main-wrap{margin-left:0;padding:14px}.mobile-menu{display:block}.top-links{display:none}.hero-panel{grid-template-columns:1fr}.site-grid,.site-grid.wide{grid-template-columns:repeat(2,1fr)}.content-grid,.form-panel,.rank-layout{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr}.clean-form{grid-template-columns:1fr}.about-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.site-grid,.site-grid.wide,.right-rail{grid-template-columns:1fr}.hero-panel,.page-panel,.detail-panel,.article-panel,.form-panel,.auth-card{padding:18px;border-radius:16px}.detail-panel{flex-direction:column}.post-item{grid-template-columns:1fr}.post-item .type{width:max-content;padding:0 10px}.site-footer{flex-direction:column}.top-actions .pill:not(.primary){display:none}.hero-copy h1,.page-panel h1,.detail-main h1,.article-panel h1{font-size:24px}}


.sidebar-mask{display:none;position:fixed;inset:0;background:rgba(15,23,42,.34);z-index:19;opacity:0;transition:.18s;backdrop-filter:saturate(120%) blur(1px)}
body.sidebar-open{overflow:hidden}
@media(max-width:980px){
  body.sidebar-open .sidebar-mask{display:block;opacity:1}
  .side-nav{z-index:30}
  .mobile-menu{width:38px;height:38px;border-radius:11px;background:var(--card);border:1px solid var(--line);color:var(--text)}
}
@media(max-width:640px){
  .top-actions{gap:8px}
  .top-actions .pill{display:inline-flex!important;height:34px;padding:0 12px}
  .theme-toggle{width:34px;height:34px}
}


.sidebar-close-handle{display:none}
@media(max-width:980px){
  .sidebar-close-handle{
    position:fixed;
    left:250px;
    top:54%;
    transform:translate(-50%,-50%);
    width:34px;
    height:58px;
    border:1px solid var(--line);
    border-radius:15px;
    background:var(--card);
    color:var(--muted);
    box-shadow:0 10px 28px rgba(25,35,55,.12);
    z-index:31;
    cursor:pointer;
    font-size:24px;
    line-height:1;
    align-items:center;
    justify-content:center;
  }
  body.sidebar-open .sidebar-close-handle{display:flex}
  body.sidebar-open .main-wrap{cursor:pointer}
}
@media(max-width:360px){
  .sidebar-close-handle{left:236px}
  .side-nav{width:236px}
}

:root{--mobile-sidebar-w:250px}
@media(max-width:980px){
  body.sidebar-open{overflow:hidden;touch-action:none}
  .sidebar-mask{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:998!important;
    background:transparent!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:none!important;
  }
  body.sidebar-open .sidebar-mask{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .side-nav{
    width:var(--mobile-sidebar-w)!important;
    z-index:999!important;
    transform:translate3d(calc(-1 * var(--mobile-sidebar-w) - 16px),0,0)!important;
    transition:transform .22s ease!important;
    will-change:transform;
    box-shadow:18px 0 60px rgba(15,23,42,.16)!important;
  }
  .side-nav.open{transform:translate3d(0,0,0)!important}
  .sidebar-close-handle{
    display:none!important;
    position:fixed!important;
    left:var(--mobile-sidebar-w)!important;
    right:auto!important;
    top:auto!important;
    bottom:116px!important;
    transform:translate(-50%,0)!important;
    width:32px!important;
    height:52px!important;
    border:1px solid var(--line)!important;
    border-radius:15px!important;
    background:var(--card)!important;
    color:var(--muted)!important;
    box-shadow:0 10px 26px rgba(15,23,42,.14)!important;
    z-index:1001!important;
    cursor:pointer!important;
    font-size:24px!important;
    line-height:1!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  body.sidebar-open .sidebar-close-handle{display:flex!important}
  body.sidebar-open .main-wrap{cursor:pointer}
}
@media(max-width:420px){
  .sidebar-close-handle{bottom:102px!important}
}
@media(max-width:340px){
  .sidebar-close-handle{bottom:88px!important}
}


.io-category-block{margin:24px 0 18px}.io-category-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 12px}.io-category-title{display:flex;align-items:center;gap:10px;min-width:0}.io-category-title h2{margin:0;font-size:16px;letter-spacing:.1px}.io-category-title p{margin:2px 0 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:540px}.io-category-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.io-category-actions span{color:var(--muted);font-size:12px}.io-category-actions a{height:26px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);display:inline-flex;align-items:center;padding:0 10px;font-size:12px}.io-category-actions a:hover{border-color:var(--brand);color:var(--brand)}.io-site-grid{gap:10px}.io-category-block .cat-icon{box-shadow:inset 0 0 0 1px rgba(47,124,246,.06)}.site-card{position:relative;min-height:96px;padding:14px 13px;border-radius:13px;box-shadow:none;background:linear-gradient(180deg,var(--card),var(--card2));overflow:hidden}.site-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:transparent}.site-card:hover{transform:none;border-color:rgba(47,124,246,.28);background:var(--card);box-shadow:0 9px 24px rgba(22,32,50,.055)}.site-card.is-locked:before{background:var(--brand)}.site-title-line{display:flex;align-items:center;gap:6px;min-width:0}.site-title-line strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-badge{font-size:11px;line-height:1;padding:4px 6px;border-radius:999px;background:var(--brand2);color:var(--brand);font-weight:600;flex:0 0 auto}.site-foot{display:flex;align-items:center;gap:8px;margin-top:auto;min-width:0}.site-foot em{flex:0 0 auto;margin-top:0}.site-mini-tags{display:flex;gap:5px;min-width:0;overflow:hidden}.site-mini-tags i{font-style:normal;color:var(--muted);background:var(--soft);border-radius:999px;padding:1px 6px;font-size:11px;white-space:nowrap}.dark .site-card{background:linear-gradient(180deg,var(--card),#1b1f27)}
@media(max-width:980px){.io-category-head{align-items:flex-start}.io-category-title p{max-width:420px}}
@media(max-width:640px){.io-category-head{display:block}.io-category-actions{margin-top:8px;justify-content:space-between}.io-category-title p{max-width:100%}.site-card{min-height:90px}.site-mini-tags{display:none}}


.io-category-head.simple{align-items:center;margin-bottom:14px}.io-category-title.only-title{gap:12px}.io-category-title.only-title h2{font-size:18px;font-weight:700}.io-category-head.simple .cat-icon{width:28px;height:28px;border-radius:8px;background:transparent;display:grid;place-items:center;font-size:20px;color:#4b4f58;box-shadow:none}.io-category-head.simple .cat-icon.accent{color:#ff5f6d}.io-category-actions.only-link a{border:0;background:transparent;padding:0;font-size:16px;color:#555863}.io-category-actions.only-link a:hover{color:var(--brand)}.hot-mini-grid,.compact-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compact-site-card{display:flex;align-items:center;gap:14px;min-height:92px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow)}.compact-site-card:hover{transform:translateY(-1px);border-color:rgba(47,124,246,.24)}.compact-icon{width:54px;height:54px;border-radius:50%;background:#f3f4f6;display:grid;place-items:center;overflow:hidden;flex:0 0 54px}.compact-icon img{width:34px;height:34px;object-fit:contain}.compact-icon i{font-style:normal;font-weight:700;color:var(--brand)}.compact-body{display:flex;flex-direction:column;min-width:0}.compact-body strong{font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-body small{margin-top:6px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-site-list{display:grid;grid-template-columns:1fr;gap:16px}.feature-site-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 18px 14px;box-shadow:var(--shadow)}.feature-site-card:hover{border-color:rgba(47,124,246,.24);transform:translateY(-1px)}.feature-main{display:flex;gap:18px;align-items:center}.feature-icon{width:88px;height:88px;border-radius:26px;background:#f3f4f6;display:grid;place-items:center;overflow:hidden;flex:0 0 88px}.feature-icon img{width:58px;height:58px;object-fit:contain}.feature-icon i{font-style:normal;font-size:28px;font-weight:700;color:var(--brand)}.feature-info{display:flex;flex-direction:column;min-width:0;flex:1}.feature-topline{display:flex;align-items:center;gap:8px;min-width:0}.feature-topline strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-info small{margin-top:7px;color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feature-bottom{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-tags{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.feature-tags i{font-style:normal;display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:10px;background:#f2f3f5;color:#6c7480;font-size:13px}.feature-tags i.cat{background:#fff1f1;color:#ff5454}.feature-arrow{width:34px;height:34px;border:1px solid #d9dde3;border-radius:50%;display:grid;place-items:center;color:#a2a7b0;font-size:26px;line-height:1}.news-chips{display:flex;gap:12px;margin:0 0 14px}.news-chips span{height:44px;padding:0 18px;border-radius:14px;background:#eceff3;color:#8c929d;display:inline-flex;align-items:center;font-size:16px}.news-chips .active{background:linear-gradient(180deg,#ff4d60,#ff3f58);color:#fff}.news-feed{display:grid;grid-template-columns:1fr;gap:18px}.news-card{display:grid;grid-template-columns:220px 1fr;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.news-card:hover{transform:translateY(-1px);border-color:rgba(47,124,246,.22)}.news-cover{height:145px;border-radius:18px;background:#eef1f5;overflow:hidden;display:grid;place-items:center}.news-cover img{width:100%;height:100%;object-fit:cover}.news-cover.no-cover b{font-size:42px;color:var(--brand)}.news-info{display:flex;flex-direction:column;min-width:0}.news-info strong{font-size:18px;line-height:1.45}.news-info small{margin-top:10px;color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-tags{display:flex;gap:10px;flex-wrap:nowrap;overflow:hidden;margin-top:16px}.news-tags i,.news-tags em{font-style:normal;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:10px;white-space:nowrap}.news-tags i{background:#fff1f1;color:#ff5454}.news-tags em{background:#f1f3f6;color:#6f7682}.news-meta{margin-top:14px;display:flex;align-items:center;justify-content:space-between;color:#8f96a1;font-size:13px}.news-meta b{font-weight:600;color:#6f7682}.news-meta em{font-style:normal}{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.software-grid-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.software-card-home{display:flex;flex-direction:column;align-items:center;min-height:320px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 18px 16px;text-align:center;box-shadow:var(--shadow)}.software-card-home:hover{transform:translateY(-1px);border-color:rgba(47,124,246,.22)}.software-icon{width:132px;height:132px;border-radius:28px;background:#f2f3f5;display:grid;place-items:center;overflow:hidden;margin-bottom:18px}.software-icon img{width:96px;height:96px;object-fit:contain}.software-icon.no-cover b{font-size:58px;color:var(--brand)}.software-card-home strong{font-size:16px;line-height:1.45}.software-card-home small{margin-top:8px;color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.software-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}.software-tags i{font-style:normal;height:28px;padding:0 10px;border-radius:10px;background:#fff1f1;color:#ff5454;display:inline-flex;align-items:center}.software-foot{margin-top:auto;padding-top:14px;color:#8f96a1;font-size:13px}.template-grid .compact-site-grid{gap:16px}.dark .compact-site-card,.dark .feature-site-card,.dark .news-card,.dark .software-card-home{background:var(--card)}.dark .feature-tags i,.dark .news-tags em{background:#2a2f38;color:#b1b8c3}.dark .feature-tags i.cat,.dark .news-tags i{background:#3b2b2b;color:#ff8d8d}.dark .news-chips span{background:#262b34}.dark .news-chips .active{background:#ff5264;color:#fff}
@media(max-width:980px){.news-card{grid-template-columns:1fr}.news-cover{height:180px}.feature-icon{width:74px;height:74px;flex-basis:74px}.feature-icon img{width:50px;height:50px}}
@media(max-width:640px){.io-category-head.simple{margin-bottom:12px}.io-category-title.only-title h2{font-size:17px}.hot-mini-grid,.compact-site-grid,.software-grid-home{grid-template-columns:1fr 1fr;gap:12px}.compact-site-card{min-height:86px;padding:14px}.compact-icon{width:50px;height:50px;flex-basis:50px}.compact-body strong{font-size:14px}.compact-body small{font-size:11px}.feature-site-card{padding:16px 16px 12px;border-radius:18px}.feature-main{gap:14px;align-items:flex-start}.feature-icon{width:78px;height:78px;flex-basis:78px;border-radius:22px}.feature-icon img{width:50px;height:50px}.feature-topline strong{font-size:17px}.feature-info small{font-size:13px}.feature-tags{gap:6px}.feature-tags i{height:26px;padding:0 9px;font-size:12px}.news-chips span{height:42px;padding:0 16px;font-size:15px}.news-card{padding:14px;border-radius:18px;gap:14px}.news-cover{height:150px;border-radius:15px}.news-info strong{font-size:17px}.news-tags{gap:8px}.news-tags i,.news-tags em{height:28px;padding:0 10px;font-size:12px}.news-meta{font-size:12px}.software-card-home{min-height:286px;padding:18px 12px 14px;border-radius:18px}.software-icon{width:100px;height:100px;border-radius:24px;margin-bottom:14px}.software-icon img{width:72px;height:72px}.software-tags i{height:26px;padding:0 8px;font-size:12px}}

.io-home-block{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;margin:22px 0;box-shadow:var(--shadow);overflow:hidden}.io-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.io-section-title{display:flex;align-items:center;gap:10px;min-width:0}.io-section-title h2{margin:0;font-size:22px;font-weight:700;letter-spacing:.2px;color:#424851}.dark .io-section-title h2{color:var(--text)}.io-section-title p{margin:0;color:var(--muted);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.io-title-icon{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#454c55;font-size:18px;flex:0 0 auto}.io-section-head>a{font-size:17px;color:#333943;line-height:1;white-space:nowrap}.dark .io-section-head>a{color:var(--text)}
.home-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.home-site-list{display:grid;grid-template-columns:1fr;gap:14px}.home-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.home-site-card{position:relative;display:flex;align-items:center;gap:16px;min-width:0;color:inherit;background:linear-gradient(180deg,#fff,#fbfbfc);border:1px solid #f0f2f4;border-radius:18px;padding:18px 20px;min-height:94px;box-shadow:0 14px 35px rgba(37,45,58,.035);overflow:hidden;transition:.16s}.dark .home-site-card{background:linear-gradient(180deg,var(--card),var(--card2));border-color:var(--line)}.home-site-card:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(37,45,58,.07);border-color:#e6ebf1}.home-site-card.is-locked:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}.home-card-icon{width:58px;height:58px;border-radius:50%;background:#f4f5f7;display:grid;place-items:center;flex:0 0 58px;overflow:hidden}.home-card-icon img{width:40px;height:40px;object-fit:contain}.home-card-icon i{width:100%;height:100%;display:grid;place-items:center;font-style:normal;font-weight:800;color:var(--brand);font-size:22px;background:var(--brand2)}.home-card-body{display:flex;flex-direction:column;min-width:0;gap:4px;flex:1}.home-card-title{display:flex;align-items:center;gap:7px;min-width:0}.home-card-title strong{font-size:20px;line-height:1.25;font-weight:700;color:#3e454e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .home-card-title strong{color:var(--text)}.home-card-title b{font-size:11px;color:var(--brand);background:var(--brand2);border-radius:999px;padding:2px 6px;flex:0 0 auto}.home-card-body small{font-size:15px;color:#9198a2;line-height:1.38;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-card-tags{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;margin-top:8px}.home-card-tags em{font-style:normal;font-size:13px;line-height:1.5;color:#ef4050;background:#fff0f1;border-radius:7px;padding:2px 8px;flex:0 0 auto}.home-card-tags em:nth-child(n+2){color:#666e78;background:#f1f2f4}.home-card-arrow{width:24px;height:24px;border:2px solid #c7cbd1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a4a9b0;font-size:24px;line-height:1;flex:0 0 auto}.home-site-card.site-feature{min-height:122px;padding:22px 24px}.home-site-card.site-feature .home-card-icon{width:78px;height:78px;flex-basis:78px}.home-site-card.site-feature .home-card-icon img{width:58px;height:58px}.home-site-card.site-feature .home-card-title strong{font-size:23px}.home-site-card.site-feature .home-card-body small{font-size:17px;max-width:100%}.home-site-card.software-grid{display:flex;flex-direction:column;justify-content:flex-start;text-align:center;align-items:center;min-height:276px;padding:36px 26px 20px;gap:16px}.home-site-card.software-grid .home-card-icon{width:112px;height:112px;border-radius:28px;flex-basis:112px}.home-site-card.software-grid .home-card-icon img{width:82px;height:82px}.home-site-card.software-grid .home-card-body{align-items:center;width:100%}.home-site-card.software-grid .home-card-title strong{font-size:22px;text-align:center}.home-site-card.software-grid .home-card-body small{font-size:16px;text-align:center;max-width:100%}.home-site-card.software-grid .home-card-tags{width:100%;justify-content:flex-start;border-top:1px solid var(--line);padding-top:12px;margin-top:10px;overflow:hidden}.home-article-list{display:grid;grid-template-columns:1fr;gap:20px}.home-article-card{display:grid;grid-template-columns:42% 1fr;gap:24px;align-items:center;background:linear-gradient(180deg,#fff,#fbfbfc);border:1px solid #f0f2f4;border-radius:18px;padding:18px 24px;min-height:178px;color:inherit;box-shadow:0 14px 35px rgba(37,45,58,.035);overflow:hidden}.dark .home-article-card{background:linear-gradient(180deg,var(--card),var(--card2));border-color:var(--line)}.home-article-cover{height:136px;border-radius:12px;background:#f2f3f5;overflow:hidden;display:grid;place-items:center}.home-article-cover img{width:100%;height:100%;object-fit:cover}.home-article-cover i{font-style:normal;color:var(--muted);font-size:42px;font-weight:800}.home-article-info{display:flex;flex-direction:column;min-width:0;gap:12px}.home-article-info strong{font-size:22px;line-height:1.45;color:#3e454e;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.dark .home-article-info strong{color:var(--text)}.home-article-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:15px}.home-article-meta i{font-style:normal}{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
@media(max-width:980px){.io-home-block{border-radius:20px;padding:18px}.home-site-grid,.home-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-site-card{padding:16px;gap:13px}.home-site-card.site-feature{padding:18px}.home-article-card{grid-template-columns:42% 1fr;padding:16px;gap:18px}.home-site-card.software-grid{min-height:250px;padding:30px 16px 18px}.right-rail{display:none}}
@media(max-width:640px){.io-home-block{margin:18px 0;padding:16px;border-radius:18px}.io-section-head{margin-bottom:14px}.io-section-title h2{font-size:20px}.io-section-title p{display:none}.io-section-head>a{font-size:16px}.home-site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-site-card.site-grid{min-height:92px;padding:14px 12px;gap:10px}.home-site-card.site-grid .home-card-icon{width:48px;height:48px;flex-basis:48px}.home-site-card.site-grid .home-card-icon img{width:34px;height:34px}.home-site-card.site-grid .home-card-title strong{font-size:17px}.home-site-card.site-grid .home-card-body small{font-size:14px}.home-site-card.site-grid .home-card-tags{display:none}.home-site-list{gap:12px}.home-site-card.site-feature{min-height:116px;padding:18px 16px}.home-site-card.site-feature .home-card-icon{width:70px;height:70px;flex-basis:70px}.home-site-card.site-feature .home-card-title strong{font-size:21px}.home-site-card.site-feature .home-card-body small{font-size:16px}.home-site-card.site-feature .home-card-tags{max-width:100%}.home-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-site-card.software-grid{min-height:242px;padding:28px 12px 16px}.home-site-card.software-grid .home-card-icon{width:96px;height:96px;flex-basis:96px;border-radius:24px}.home-site-card.software-grid .home-card-icon img{width:70px;height:70px}.home-site-card.software-grid .home-card-title strong{font-size:19px}.home-site-card.software-grid .home-card-body small{font-size:15px}.home-site-card.software-grid .home-card-tags{padding-top:10px}.home-article-card{grid-template-columns:42% 1fr;gap:14px;min-height:150px;padding:14px}.home-article-cover{height:116px}.home-article-info{gap:8px}.home-article-info strong{font-size:18px;line-height:1.45}.home-article-card .home-card-tags{margin-top:0}.home-article-card .home-card-tags em:nth-child(n+4){display:none}.home-article-meta{font-size:13px}{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:420px){.main-wrap{padding-left:10px;padding-right:10px}.home-site-grid,.home-app-grid{gap:10px}.home-site-card.site-grid{padding:12px 10px}.home-site-card.site-grid .home-card-icon{width:42px;height:42px;flex-basis:42px}.home-site-card.site-grid .home-card-title strong{font-size:16px}.home-site-card.site-grid .home-card-body small{font-size:13px}.home-site-card.software-grid{min-height:220px}.home-site-card.software-grid .home-card-icon{width:84px;height:84px;flex-basis:84px}.home-article-card{grid-template-columns:40% 1fr;gap:12px;padding:12px}.home-article-cover{height:104px}.home-article-info strong{font-size:17px}.home-card-tags{gap:6px}.home-card-tags em{font-size:12px;padding:2px 6px}}


html,body{max-width:100%;overflow-x:hidden}.main-wrap,.content-main,.content-grid,.io-home-block,.home-site-grid,.home-site-list,.home-app-grid,.home-article-list{min-width:0;max-width:100%}.io-home-block *{min-width:0}.io-home-block{contain:layout paint;background:var(--card);border-color:rgba(226,231,238,.82)}.io-section-head{min-width:0}.io-section-title{overflow:hidden}.io-section-title h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.io-section-head>a{flex:0 0 auto}.home-card-body,.home-card-title,.home-article-info{min-width:0;overflow:hidden}.home-card-tags{max-width:100%;overflow:hidden}.home-card-tags em{max-width:150px;overflow:hidden;text-overflow:ellipsis}.home-card-title strong,.home-card-body small{min-width:0;max-width:100%}.home-article-info strong{word-break:break-word}.home-site-card.site-feature{width:100%}.home-site-card.site-feature .home-card-tags{max-width:100%}.home-site-card.software-grid{width:100%;justify-content:space-between}.home-site-card.software-grid .home-card-body{flex:1;justify-content:flex-start}.home-site-card.software-grid .home-card-tags{max-width:100%;overflow:hidden;justify-content:flex-start}.front-float-left,.front-float-right{position:fixed;z-index:880;display:flex;flex-direction:column;gap:10px;pointer-events:none}.front-float-left{left:18px;bottom:22px}.front-float-right{right:18px;bottom:22px}.float-sidebar-btn,.float-theme-btn{pointer-events:auto;width:48px;height:48px;border:1px solid rgba(226,231,238,.92);border-radius:16px;background:rgba(255,255,255,.92);color:#5f6670;box-shadow:0 14px 34px rgba(20,30,45,.12);display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px)}.float-sidebar-btn:hover,.float-theme-btn:hover{color:var(--brand);border-color:rgba(47,124,246,.28)}.dark .float-sidebar-btn,.dark .float-theme-btn{background:rgba(30,33,39,.9);border-color:var(--line);color:#cbd1dc}.top-actions .theme-toggle{display:none!important}
@media(min-width:981px){.front-float-left{display:none}.front-float-right{right:24px;bottom:28px}.float-theme-btn{width:46px;height:46px}}
@media(max-width:980px){body{padding-bottom:74px}.topbar .mobile-menu{display:none!important}.topbar{justify-content:flex-end;height:44px;margin-bottom:12px}.front-float-left{left:16px;bottom:18px}.front-float-right{right:16px;bottom:18px}.float-sidebar-btn,.float-theme-btn{width:54px;height:54px;border-radius:18px;font-size:24px}.content-grid{display:block}.right-rail{display:none!important}.hero-panel{margin-bottom:16px}.io-home-block{margin:16px 0;padding:18px;border-radius:20px}.home-site-grid,.home-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.home-site-list{gap:12px}.home-site-card{border-radius:16px;box-shadow:0 10px 26px rgba(25,35,55,.035)}.home-site-card.site-feature{min-height:112px}.home-card-tags em:nth-child(n+4){display:none}}
@media(max-width:640px){.main-wrap{padding:12px 10px 0!important}.hero-panel{padding:18px;border-radius:18px}.io-home-block{padding:16px;border-radius:18px;overflow:hidden}.io-section-head{gap:10px;margin-bottom:14px}.io-section-title{gap:8px}.io-title-icon{width:22px;height:22px;font-size:17px}.io-section-title h2{font-size:20px}.io-section-head>a{font-size:16px}.home-site-grid{gap:10px!important}.home-site-card.site-grid{min-height:86px;padding:12px 10px!important;gap:9px!important}.home-site-card.site-grid .home-card-icon{width:42px!important;height:42px!important;flex:0 0 42px!important}.home-site-card.site-grid .home-card-icon img{width:30px!important;height:30px!important}.home-site-card.site-grid .home-card-title strong{font-size:16px!important}.home-site-card.site-grid .home-card-body small{font-size:13px!important;line-height:1.35}.home-site-card.site-feature{padding:15px 14px!important;gap:12px!important}.home-site-card.site-feature .home-card-icon{width:58px!important;height:58px!important;flex:0 0 58px!important}.home-site-card.site-feature .home-card-title strong{font-size:18px!important}.home-site-card.site-feature .home-card-body small{font-size:14px!important}.home-site-card.site-feature .home-card-tags{margin-top:7px}.home-site-card.software-grid{min-height:205px!important;padding:22px 10px 12px!important;gap:10px!important}.home-site-card.software-grid .home-card-icon{width:76px!important;height:76px!important;flex:0 0 76px!important;border-radius:22px!important}.home-site-card.software-grid .home-card-icon img{width:56px!important;height:56px!important}.home-site-card.software-grid .home-card-title strong{font-size:17px!important}.home-site-card.software-grid .home-card-body small{font-size:13px!important}.home-site-card.software-grid .home-card-tags{padding-top:9px;margin-top:8px}.home-article-card{grid-template-columns:40% minmax(0,1fr)!important;gap:12px!important;min-height:128px!important;padding:12px!important;border-radius:16px}.home-article-cover{height:96px!important;border-radius:11px}.home-article-info{gap:7px!important}.home-article-info strong{font-size:16px!important;line-height:1.42!important;-webkit-line-clamp:2}.home-article-card .home-card-tags{margin-top:0}.home-article-card .home-card-tags em{font-size:12px;padding:2px 6px}.home-article-card .home-card-tags em:nth-child(n+3){display:none}.home-article-meta{font-size:12px!important}{gap:10px!important}.front-float-left{left:12px;bottom:14px}.front-float-right{right:12px;bottom:14px}.float-sidebar-btn,.float-theme-btn{width:52px;height:52px;border-radius:17px}}
@media(max-width:380px){.home-site-card.site-grid .home-card-title strong{font-size:15px!important}.home-site-card.site-grid .home-card-body small{display:none}.home-site-card.site-grid{min-height:74px}.home-site-card.site-feature .home-card-tags em:nth-child(n+3),.home-site-card.software-grid .home-card-tags em:nth-child(n+3){display:none}.home-article-card{grid-template-columns:38% minmax(0,1fr)!important}.home-article-cover{height:88px!important}.float-sidebar-btn,.float-theme-btn{width:50px;height:50px}}


:root{--io-bg:#eef2f6;--io-red:#ff4d5f;--io-card:#fff;--io-ink:#414852;--io-sub:#9098a4;--io-soft:#f5f6f8;--io-shadow:0 12px 34px rgba(31,45,61,.045)}
body{background:var(--io-bg)}
.content-main{min-width:0}.io-home-block{contain:none!important;background:var(--io-card)!important;border:0!important;border-radius:24px!important;box-shadow:var(--io-shadow)!important;overflow:hidden!important}.io-section-title h2{color:var(--io-ink);font-weight:750}.io-section-head>a{font-weight:500;color:#3c4149}.home-site-card,.home-article-card{background:linear-gradient(180deg,#fff,#fbfcfd)!important;border:1px solid #f0f2f5!important;box-shadow:0 14px 34px rgba(31,45,61,.04)!important}.home-card-tags em{background:#fff0f1!important;color:#ff4053!important}.home-card-tags em:nth-child(n+2){background:#f3f4f6!important;color:#69717d!important}.dark{--io-bg:#15171b;--io-card:#1e2127;--io-ink:#e8ebf0;--io-sub:#969eaa;--io-soft:#282d36}.dark body{background:var(--io-bg)}.dark .io-home-block{background:var(--io-card)!important}.dark .home-site-card,.dark .home-article-card{background:linear-gradient(180deg,var(--card),var(--card2))!important;border-color:var(--line)!important}
@media(min-width:981px){.content-main{max-width:1050px}.io-home-block{padding:24px!important}.home-site-grid{gap:14px 18px}.home-site-card.site-grid .home-card-title strong{font-size:18px}.home-site-card.site-grid .home-card-body small{font-size:14px}.home-hot-sites .home-site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}{grid-template-columns:repeat(4,minmax(0,1fr))}.front-float-right{right:26px;bottom:30px}.float-theme-btn{border-radius:18px}}
@media(max-width:980px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;background:var(--io-bg)}
  body{padding-bottom:118px!important;font-size:14px;color:#434a54}
  .main-wrap{margin-left:0!important;padding:10px 12px 0!important;max-width:100vw!important;overflow:hidden!important}
  .topbar{height:38px!important;margin:0 0 10px!important;justify-content:flex-end!important;background:transparent!important}
  .top-actions{gap:8px}.top-actions .pill.primary{height:34px;padding:0 18px;border-radius:18px;background:#20232b;color:#fff;font-size:14px;box-shadow:0 8px 20px rgba(25,30,38,.08)}
  .top-actions .pill:not(.primary){height:34px;padding:0 12px;background:#fff;border:0}.mobile-menu,.top-links{display:none!important}
  .hero-panel{display:block!important;background:#fff!important;border:0!important;border-radius:22px!important;box-shadow:none!important;margin:0 0 16px!important;padding:17px 16px 16px!important;overflow:hidden!important}
  .badge{height:23px;min-height:23px;padding:0 9px;border-radius:9px;background:#edf5ff;color:#3b82f6;font-size:12px}.hero-copy h1{font-size:20px!important;line-height:1.3;margin:9px 0 5px!important;letter-spacing:-.2px;color:#313844}.hero-copy p{font-size:12px;line-height:1.55;color:#9098a4;margin-bottom:12px!important}.search-box{width:100%}.search-tabs{flex-wrap:nowrap!important;overflow-x:auto;gap:6px;margin-bottom:10px;scrollbar-width:none}.search-tabs::-webkit-scrollbar{display:none}.search-tabs button{flex:0 0 auto;height:28px;border-radius:10px;padding:0 12px;font-size:12px;background:#f2f4f7;color:#7d8590}.search-tabs button.active{background:#3b82f6;color:#fff}.search-line{height:42px;border-radius:14px;background:#f5f7fa;border-color:#edf0f4;padding:5px}.search-line input{font-size:13px;padding:0 10px}.search-line button{height:32px;border-radius:10px;padding:0 14px;font-size:13px;background:#20232b}.hot-words{gap:6px;margin-top:10px;max-height:58px;overflow:hidden}.hot-words a{height:24px;display:inline-flex;align-items:center;border-radius:8px;font-size:11px;background:#f6f7f9;border-color:#edf0f4;padding:0 8px;color:#8c949f}
  .content-grid{display:block!important;width:100%!important;max-width:100%!important}.right-rail{display:none!important}.content-main{width:100%;max-width:100%;overflow:hidden}
  .io-home-block{width:100%!important;max-width:100%!important;margin:16px 0!important;padding:18px 16px!important;border-radius:24px!important;background:#fff!important;border:0!important;box-shadow:none!important;overflow:hidden!important}.io-home-block+.io-home-block{margin-top:17px!important}
  .io-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 16px!important;gap:10px!important}.io-section-title{gap:9px!important;overflow:hidden!important}.io-title-icon{width:24px!important;height:24px!important;border-radius:7px!important;font-size:19px!important;color:#4b515a!important;flex:0 0 24px!important}.io-section-title h2{font-size:22px!important;line-height:1.2!important;color:#444a53!important;letter-spacing:-.2px!important;white-space:nowrap!important}.io-section-title p{display:none!important}.io-section-head>a{font-size:18px!important;line-height:1!important;color:#3d424a!important;flex:0 0 auto!important;background:transparent!important;border:0!important;padding:0!important}
  .home-site-grid,.home-app-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;max-width:100%!important}.home-site-list,.home-article-list{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;width:100%!important;max-width:100%!important}
  .home-site-card{max-width:100%!important;min-width:0!important;overflow:hidden!important;text-decoration:none!important}.home-site-card.site-grid{min-height:88px!important;border-radius:18px!important;padding:13px 11px!important;gap:10px!important;align-items:center!important}.home-site-card.site-grid .home-card-icon{width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:50%!important;background:#f1f3f6!important}.home-site-card.site-grid .home-card-icon img{width:32px!important;height:32px!important}.home-site-card.site-grid .home-card-title strong{font-size:17px!important;line-height:1.25!important;color:#444b55!important;font-weight:750!important}.home-site-card.site-grid .home-card-body{gap:4px!important}.home-site-card.site-grid .home-card-body small{font-size:13px!important;line-height:1.35!important;color:#9098a4!important;white-space:nowrap!important}.home-site-card.site-grid .home-card-tags{display:none!important}
  .home-site-card.site-feature{position:relative!important;display:flex!important;align-items:flex-start!important;min-height:124px!important;border-radius:22px!important;padding:16px 46px 14px 16px!important;gap:14px!important;background:#fff!important}.home-site-card.site-feature .home-card-icon{width:66px!important;height:66px!important;flex:0 0 66px!important;border-radius:50%!important}.home-site-card.site-feature .home-card-icon img{width:48px!important;height:48px!important}.home-site-card.site-feature .home-card-title strong{font-size:20px!important;line-height:1.25!important;color:#444b55!important}.home-site-card.site-feature .home-card-body small{font-size:14px!important;line-height:1.45!important;color:#9098a4!important;white-space:nowrap!important}.home-site-card.site-feature .home-card-tags{margin-top:9px!important;gap:7px!important;max-width:100%!important}.home-site-card.site-feature .home-card-tags em{height:24px;padding:0 8px;border-radius:8px;font-size:12px;display:inline-flex;align-items:center}.home-card-arrow{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;border:2px solid #d0d4da!important;border-radius:50%!important;font-size:26px!important;color:#b7bdc5!important;background:#fff!important}
  .home-article-card{grid-template-columns:42% minmax(0,1fr)!important;gap:14px!important;min-height:154px!important;border-radius:22px!important;padding:13px!important;background:#fff!important;align-items:center!important}.home-article-cover{height:116px!important;border-radius:16px!important;background:#eef2f6!important}.home-article-cover i{font-size:36px!important;color:#3b82f6!important}.home-article-info{gap:9px!important}.home-article-info strong{font-size:17px!important;line-height:1.5!important;color:#444b55!important;font-weight:750!important;-webkit-line-clamp:2}.home-article-card .home-card-tags{gap:7px!important;margin:0!important}.home-article-card .home-card-tags em{height:24px;padding:0 8px;border-radius:8px;font-size:12px;display:inline-flex;align-items:center}.home-article-card .home-card-tags em:nth-child(n+3){display:none}.home-article-meta{font-size:12px!important;color:#9098a4!important}
  {gap:14px!important}
  .home-site-card.software-grid{min-height:224px!important;border-radius:22px!important;padding:24px 12px 13px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;background:#fff!important}.home-site-card.software-grid .home-card-icon{width:86px!important;height:86px!important;flex:0 0 86px!important;border-radius:24px!important;background:#f4f5f7!important}.home-site-card.software-grid .home-card-icon img{width:62px!important;height:62px!important}.home-site-card.software-grid .home-card-body{align-items:center!important;gap:7px!important;width:100%!important;overflow:hidden!important}.home-site-card.software-grid .home-card-title strong{font-size:18px!important;line-height:1.35!important;color:#444b55!important;text-align:center!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.home-site-card.software-grid .home-card-body small{font-size:13px!important;line-height:1.35!important;color:#9098a4!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.home-site-card.software-grid .home-card-tags{margin-top:auto!important;padding-top:10px!important;width:100%!important;justify-content:center!important;border-top:1px solid #edf0f4!important;gap:6px!important}.home-site-card.software-grid .home-card-tags em{height:24px;padding:0 8px;border-radius:8px;font-size:12px;display:inline-flex;align-items:center}.home-site-card.software-grid .home-card-tags em:nth-child(n+3){display:none!important}
  .post-list,.section-head{display:none!important}.site-footer{display:none!important}
  .front-float-left{left:12px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important}.front-float-right{right:12px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important}.float-sidebar-btn,.float-theme-btn{width:54px!important;height:54px!important;border-radius:18px!important;background:rgba(255,255,255,.88)!important;border:0!important;color:#5d646e!important;box-shadow:0 12px 28px rgba(25,35,55,.13)!important;backdrop-filter:saturate(130%) blur(12px)!important;-webkit-backdrop-filter:saturate(130%) blur(12px)!important}.float-sidebar-btn{font-size:22px!important}.float-theme-btn{font-size:23px!important}
}
@media(max-width:380px){.main-wrap{padding-left:10px!important;padding-right:10px!important}.io-home-block{padding:16px 14px!important;border-radius:22px!important}.home-site-grid,.home-app-grid{gap:10px!important}.home-site-card.site-grid{padding:11px 9px!important;gap:8px!important;min-height:82px!important}.home-site-card.site-grid .home-card-icon{width:40px!important;height:40px!important;flex-basis:40px!important}.home-site-card.site-grid .home-card-title strong{font-size:15px!important}.home-site-card.site-grid .home-card-body small{font-size:12px!important}.home-site-card.site-feature .home-card-tags em:nth-child(n+3){display:none!important}.home-article-card{gap:11px!important;padding:11px!important}.home-article-cover{height:100px!important}.home-site-card.software-grid{min-height:210px!important}.home-site-card.software-grid .home-card-icon{width:78px!important;height:78px!important}.io-section-title h2{font-size:21px!important}}

:root{--yi-bg:#eef1f5;--yi-card:#fff;--yi-card2:#f7f8fa;--yi-text:#3e444d;--yi-sub:#8f97a3;--yi-line:#edf0f4;--yi-red:#ff4053;--yi-shadow:0 10px 28px rgba(31,45,61,.035)}
@media(max-width:980px){
  html,body{width:auto!important;max-width:100%!important;overflow-x:hidden!important;background:var(--yi-bg)!important;color:var(--yi-text)!important}
  body{font-size:14px!important;line-height:1.45!important;-webkit-font-smoothing:antialiased!important}
  .main-wrap{margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:10px 12px calc(86px + env(safe-area-inset-bottom))!important;background:var(--yi-bg)!important}
  .topbar{height:42px!important;margin:0 0 8px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
  .top-links,.topbar .mobile-menu,.top-actions .theme-toggle,.top-actions .pill:not(.primary){display:none!important}
  .top-actions{gap:0!important}.top-actions .pill.primary{height:34px!important;border-radius:18px!important;padding:0 16px!important;background:#242832!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(25,35,55,.08)!important;font-size:14px!important}

  /* compact search header */
  .hero-panel{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 14px!important;padding:16px!important;background:var(--yi-card)!important;border:0!important;border-radius:18px!important;box-shadow:var(--yi-shadow)!important;overflow:hidden!important}
  .hero-copy{margin:0 0 12px!important}.hero-copy .badge{display:none!important}.hero-copy h1{margin:0 0 4px!important;font-size:19px!important;line-height:1.32!important;letter-spacing:0!important;font-weight:750!important;color:var(--yi-text)!important}.hero-copy p{font-size:12px!important;line-height:1.5!important;color:var(--yi-sub)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .search-box{width:100%!important}.search-tabs{display:flex!important;gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto!important;margin:0 0 10px!important;padding-bottom:1px!important;-webkit-overflow-scrolling:touch!important}.search-tabs::-webkit-scrollbar{display:none!important}.search-tabs button{flex:0 0 auto!important;height:27px!important;border:0!important;border-radius:8px!important;background:#f3f5f8!important;color:#89909c!important;padding:0 10px!important;font-size:12px!important}.search-tabs button.active{background:#3b82f6!important;color:#fff!important}
  .search-line{height:42px!important;border:1px solid var(--yi-line)!important;background:#f8f9fb!important;border-radius:12px!important;padding:4px!important}.search-line input{font-size:13px!important;padding:0 10px!important;min-width:0!important}.search-line button{height:32px!important;border-radius:9px!important;padding:0 13px!important;font-size:13px!important;background:#252a32!important;color:#fff!important}
  .hot-words{margin-top:9px!important;gap:6px!important;max-height:58px!important;overflow:hidden!important}.hot-words a{height:24px!important;border:0!important;background:#f5f6f8!important;border-radius:7px!important;color:#8d96a2!important;padding:0 9px!important;font-size:12px!important;display:inline-flex!important;align-items:center!important}

  .content-grid{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.right-rail{display:none!important}.content-main{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}

  /* OneNav-like section cards */
  .io-home-block{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 14px!important;padding:16px 14px!important;background:var(--yi-card)!important;border:0!important;border-radius:19px!important;box-shadow:var(--yi-shadow)!important;overflow:hidden!important;contain:none!important}.io-home-block+.io-home-block{margin-top:0!important}
  .io-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 13px!important;padding:0!important}.io-section-title{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}.io-section-title h2{font-size:20px!important;line-height:1.15!important;margin:0!important;color:var(--yi-text)!important;font-weight:760!important;white-space:nowrap!important}.io-section-title p{display:none!important}.io-title-icon{width:22px!important;height:22px!important;flex:0 0 22px!important;border-radius:6px!important;background:transparent!important;color:#555c66!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;font-weight:700!important}.io-section-head>a{flex:0 0 auto!important;height:26px!important;border:0!important;background:transparent!important;color:#343941!important;font-size:17px!important;line-height:26px!important;padding:0!important;font-weight:400!important}

  /* default / cloud / hot: two-column compact resource grid */
  .home-site-grid,.home-app-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important}.home-site-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .home-site-card{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;text-decoration:none!important;overflow:hidden!important;color:inherit!important;background:#f9fafb!important;border:0!important;box-shadow:none!important;transform:none!important}.home-site-card:hover{transform:none!important;box-shadow:none!important}
  .home-site-card.site-grid{display:flex!important;align-items:center!important;gap:10px!important;min-height:78px!important;height:78px!important;padding:11px 10px!important;border-radius:14px!important;background:#f8f9fb!important}.home-site-card.site-grid .home-card-icon{width:45px!important;height:45px!important;flex:0 0 45px!important;border-radius:50%!important;background:#eef1f5!important;overflow:hidden!important}.home-site-card.site-grid .home-card-icon img{width:30px!important;height:30px!important;object-fit:contain!important}.home-site-card.site-grid .home-card-icon i{font-size:19px!important;color:#3b82f6!important;background:#eef5ff!important}.home-site-card.site-grid .home-card-body{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;min-width:0!important;overflow:hidden!important}.home-site-card.site-grid .home-card-title{display:block!important;min-width:0!important}.home-site-card.site-grid .home-card-title strong{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:15px!important;line-height:1.26!important;font-weight:760!important;color:#424850!important}.home-site-card.site-grid .home-card-title b{display:none!important}.home-site-card.site-grid .home-card-body small{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;line-height:1.34!important;color:#8f97a3!important}.home-site-card.site-grid .home-card-tags{display:none!important}

  /* feature list: like OneNav 常用推荐 */
  .home-site-card.site-feature{position:relative!important;display:block!important;min-height:116px!important;height:auto!important;padding:14px 38px 12px 14px!important;border-radius:17px!important;background:#fbfcfd!important}.home-site-card.site-feature+.home-site-card.site-feature{margin-top:0!important}.home-site-card.site-feature .home-card-icon{position:absolute!important;left:14px!important;top:16px!important;width:60px!important;height:60px!important;flex:0 0 60px!important;border-radius:50%!important;background:#f0f2f5!important}.home-site-card.site-feature .home-card-icon img{width:42px!important;height:42px!important;object-fit:contain!important}.home-site-card.site-feature .home-card-body{display:block!important;min-width:0!important;padding-left:76px!important;overflow:hidden!important}.home-site-card.site-feature .home-card-title strong{display:block!important;font-size:18px!important;line-height:1.25!important;font-weight:760!important;color:#414850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.home-site-card.site-feature .home-card-title b{display:none!important}.home-site-card.site-feature .home-card-body small{display:block!important;font-size:13px!important;line-height:1.45!important;color:#8e97a2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:3px!important}.home-site-card.site-feature .home-card-tags{display:flex!important;gap:7px!important;flex-wrap:nowrap!important;overflow:hidden!important;margin-top:14px!important;padding-top:10px!important;border-top:1px solid #edf0f4!important;max-width:100%!important}.home-site-card.site-feature .home-card-tags em{flex:0 0 auto!important;height:24px!important;line-height:24px!important;border-radius:7px!important;padding:0 8px!important;background:#f2f3f5!important;color:#727b86!important;font-size:12px!important;font-style:normal!important}.home-site-card.site-feature .home-card-tags em:first-child{background:#fff0f1!important;color:var(--yi-red)!important}.home-site-card.site-feature .home-card-tags em:nth-child(n+4){display:none!important}.home-card-arrow{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:22px!important;height:22px!important;border:2px solid #d1d6dd!important;border-radius:50%!important;color:#b3bac4!important;background:transparent!important;font-size:21px!important;line-height:17px!important;text-align:center!important}

  /* article cards */
  .home-article-list{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.home-article-card{display:grid!important;grid-template-columns:39% minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:124px!important;padding:10px!important;border-radius:17px!important;background:#fbfcfd!important;border:0!important;box-shadow:none!important;overflow:hidden!important}.home-article-cover{height:96px!important;border-radius:12px!important;background:#edf1f6!important;overflow:hidden!important}.home-article-cover img{width:100%!important;height:100%!important;object-fit:cover!important}.home-article-cover i{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;font-size:24px!important;color:#3b82f6!important;background:#eef5ff!important;font-style:normal!important;font-weight:800!important}.home-article-info{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}.home-article-info strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:16px!important;line-height:1.42!important;color:#424850!important;font-weight:740!important}.home-article-card .home-card-tags{display:flex!important;gap:6px!important;flex-wrap:nowrap!important;overflow:hidden!important}.home-article-card .home-card-tags em{flex:0 0 auto!important;height:22px!important;line-height:22px!important;padding:0 7px!important;border-radius:7px!important;background:#f2f3f5!important;color:#707985!important;font-size:12px!important;font-style:normal!important}.home-article-card .home-card-tags em:first-child,.home-article-card .home-card-tags em:nth-child(2){background:#fff0f1!important;color:var(--yi-red)!important}.home-article-card .home-card-tags em:nth-child(n+4){display:none!important}.home-article-meta{display:flex!important;justify-content:space-between!important;gap:8px!important;font-size:12px!important;color:#8f97a3!important}.home-article-meta i{font-style:normal!important;white-space:nowrap!important}

  /* software/app: taller two-column cards */
  .home-site-card.software-grid{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;justify-content:flex-start!important;min-height:204px!important;padding:20px 10px 12px!important;border-radius:18px!important;background:#fbfcfd!important}.home-site-card.software-grid .home-card-icon{width:76px!important;height:76px!important;flex:0 0 76px!important;border-radius:22px!important;background:#f0f2f5!important;margin:0 auto 8px!important}.home-site-card.software-grid .home-card-icon img{width:54px!important;height:54px!important;object-fit:contain!important}.home-site-card.software-grid .home-card-body{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important;overflow:hidden!important}.home-site-card.software-grid .home-card-title strong{font-size:16px!important;line-height:1.35!important;font-weight:740!important;color:#424850!important;text-align:center!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.home-site-card.software-grid .home-card-body small{font-size:12px!important;line-height:1.36!important;color:#8f97a3!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important}.home-site-card.software-grid .home-card-tags{display:flex!important;width:100%!important;gap:6px!important;justify-content:center!important;overflow:hidden!important;margin-top:auto!important;padding-top:9px!important;border-top:1px solid #edf0f4!important}.home-site-card.software-grid .home-card-tags em{flex:0 0 auto!important;height:22px!important;line-height:22px!important;border-radius:7px!important;padding:0 7px!important;background:#f2f3f5!important;color:#737c87!important;font-size:12px!important;font-style:normal!important}.home-site-card.software-grid .home-card-tags em:first-child{background:#fff0f1!important;color:var(--yi-red)!important}.home-site-card.software-grid .home-card-tags em:nth-child(n+3){display:none!important}

  /* old generic sections must not leak */
  .section-head,.site-grid,.site-card{max-width:100%!important}.post-list{gap:9px!important}.post-item{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important;border:0!important;border-radius:15px!important;background:#fbfcfd!important;box-shadow:none!important;padding:10px!important}.post-item em{display:none!important}.post-item b{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.post-item p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  .site-footer{display:none!important}.front-float-left{position:fixed!important;left:12px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;z-index:850!important}.front-float-right{position:fixed!important;right:12px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;z-index:850!important}.float-sidebar-btn,.float-theme-btn{width:50px!important;height:50px!important;border:0!important;border-radius:17px!important;background:rgba(255,255,255,.92)!important;color:#59616b!important;box-shadow:0 10px 24px rgba(20,30,45,.14)!important;backdrop-filter:saturate(140%) blur(12px)!important;-webkit-backdrop-filter:saturate(140%) blur(12px)!important}.float-sidebar-btn{font-size:22px!important}.float-theme-btn{font-size:21px!important}
}
@media(max-width:380px){
  .main-wrap{padding-left:10px!important;padding-right:10px!important}.hero-panel{padding:14px!important}.io-home-block{padding:14px 12px!important;border-radius:17px!important}.io-section-title h2{font-size:19px!important}.io-section-head>a{font-size:16px!important}.home-site-grid,.home-app-grid{gap:8px!important}.home-site-card.site-grid{height:72px!important;min-height:72px!important;padding:9px!important}.home-site-card.site-grid .home-card-icon{width:40px!important;height:40px!important;flex-basis:40px!important}.home-site-card.site-grid .home-card-icon img{width:27px!important;height:27px!important}.home-site-card.site-grid .home-card-title strong{font-size:14px!important}.home-site-card.site-grid .home-card-body small{font-size:11px!important}.home-site-card.site-feature{min-height:108px!important;padding:12px 34px 11px 12px!important}.home-site-card.site-feature .home-card-icon{width:52px!important;height:52px!important;left:12px!important;top:14px!important}.home-site-card.site-feature .home-card-body{padding-left:64px!important}.home-site-card.site-feature .home-card-title strong{font-size:16px!important}.home-site-card.site-feature .home-card-tags em:nth-child(n+3){display:none!important}.home-article-card{grid-template-columns:37% minmax(0,1fr)!important;gap:10px!important}.home-article-cover{height:88px!important}.home-article-info strong{font-size:14px!important}.home-site-card.software-grid{min-height:190px!important}.home-site-card.software-grid .home-card-icon{width:68px!important;height:68px!important}.home-site-card.software-grid .home-card-icon img{width:48px!important;height:48px!important}.front-float-left,.front-float-right{bottom:calc(12px + env(safe-area-inset-bottom))!important}.float-sidebar-btn,.float-theme-btn{width:48px!important;height:48px!important;border-radius:16px!important}
}


.dark{--yi-bg:#15171b;--yi-card:#1e2127;--yi-card2:#242832;--yi-text:#e8ebf0;--yi-sub:#969eaa;--yi-line:#303640;--yi-shadow:0 12px 30px rgba(0,0,0,.22)}
.dark body,.dark .main-wrap{background:var(--yi-bg)!important;color:var(--yi-text)!important}.dark .hero-panel,.dark .io-home-block,.dark .home-site-card,.dark .home-article-card,.dark .site-footer{background:var(--yi-card)!important;border-color:var(--yi-line)!important}.dark .home-card-icon,.dark .search-line,.dark .hot-words a{background:var(--yi-card2)!important}.dark .home-card-body small,.dark .hero-copy p,.dark .site-footer{color:var(--yi-sub)!important}
.front-float-right{display:flex;flex-direction:column;gap:10px;align-items:center}.float-action-btn,.float-theme-btn,.float-sidebar-btn{display:grid;place-items:center;text-decoration:none;cursor:pointer}.float-action-btn{width:50px;height:50px;border:0;border-radius:17px;background:rgba(255,255,255,.92);color:#59616b;box-shadow:0 10px 24px rgba(20,30,45,.14);font-weight:700;backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px)}.dark .float-action-btn,.dark .float-theme-btn,.dark .float-sidebar-btn{background:rgba(30,33,39,.92)!important;color:#d8dde6!important}
@media(max-width:980px){
  .top-actions{display:none!important}.topbar{justify-content:flex-end!important;pointer-events:none}.topbar>*{pointer-events:auto}.content-grid,.content-main,.io-home-block,.home-site-grid,.home-app-grid,.home-site-list,.home-article-list{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}.home-site-grid,.home-app-grid{grid-template-columns:repeat(2,calc((100% - 8px)/2))!important;gap:8px!important}.home-site-card,.home-article-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}.home-card-body,.home-card-title,.home-card-title strong{min-width:0!important;max-width:100%!important}.home-card-tags{max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;flex-wrap:nowrap!important}.home-site-card.site-grid{height:76px!important;min-height:76px!important;padding:9px!important;gap:8px!important}.home-site-card.site-grid .home-card-icon{width:40px!important;height:40px!important;flex:0 0 40px!important}.home-site-card.site-grid .home-card-title strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.home-site-card.site-grid .home-card-body small{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.home-site-card.software-grid{min-height:188px!important}{display:none!important}.site-footer{display:flex!important;flex-direction:column!important;gap:4px!important;margin:18px 0 0!important;padding:18px 4px calc(84px + env(safe-area-inset-bottom))!important;color:var(--yi-sub)!important;text-align:center!important}.front-float-left{left:12px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important}.front-float-right{right:12px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;z-index:900!important}.float-action-btn,.float-theme-btn,.float-sidebar-btn{width:50px!important;height:50px!important;border-radius:17px!important}.float-action-btn{font-size:15px!important}.float-theme-btn{font-size:21px!important}.float-sidebar-btn{font-size:22px!important}
}
@media(max-width:380px){.home-site-grid,.home-app-grid{grid-template-columns:repeat(2,calc((100% - 6px)/2))!important;gap:6px!important}.home-site-card.site-grid{padding:8px!important;gap:7px!important}.home-site-card.site-grid .home-card-icon{width:36px!important;height:36px!important;flex-basis:36px!important}.home-site-card.site-grid .home-card-title strong{font-size:13px!important}.home-site-card.site-grid .home-card-body small{font-size:10px!important}}
@media(max-width:980px){.io-home-block .post-list{display:flex!important;flex-direction:column!important}.io-home-block .post-list .post-item{display:grid!important}}

.mobile-top-brand{display:none}
html.dark,body.dark{background:#15171b;color:#e8ebf0}
html.dark{--bg:#15171b;--card:#1e2127;--card2:#242832;--text:#e8ebf0;--muted:#969eaa;--line:#303640;--soft:#282d36;--brand:#6aa2ff;--brand2:#24344d;--shadow:0 8px 26px rgba(0,0,0,.18);--yi-bg:#15171b;--yi-card:#1e2127;--yi-card2:#242832;--yi-text:#e8ebf0;--yi-sub:#969eaa;--yi-line:#303640}
html.dark body,body.dark{background:var(--bg)!important;color:var(--text)!important}
html.dark .side-nav,html.dark .topbar,html.dark .hero-panel,html.dark .io-home-block,html.dark .page-panel,html.dark .widget,html.dark .site-footer,html.dark .home-site-card,html.dark .home-article-card,html.dark .site-card{background:var(--card)!important;border-color:var(--line)!important;color:var(--text)!important}
html.dark .search-line,html.dark .hot-words a,html.dark .home-card-icon,html.dark .icon-wrap,html.dark .side-card{background:var(--card2)!important;border-color:var(--line)!important}
html.dark .hero-copy p,html.dark .home-card-body small,html.dark .io-section-title p,html.dark .site-footer,html.dark .side-card p{color:var(--muted)!important}
.front-float-left,.front-float-right{pointer-events:auto!important}.float-action-btn,.float-theme-btn,.float-sidebar-btn{position:relative!important;pointer-events:auto!important;z-index:2147483000!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.float-action-btn:hover,.float-theme-btn:hover,.float-sidebar-btn:hover{transform:translateY(-1px)}
@media(max-width:980px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.app-shell,.main-wrap,.content-grid,.content-main{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}.main-wrap{margin-left:0!important;padding:12px 12px 0!important;background:var(--bg)!important}.right-rail{display:none!important}
  .topbar{height:auto!important;min-height:64px!important;margin:0 0 12px!important;padding:10px 2px!important;justify-content:flex-start!important;align-items:center!important;pointer-events:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}.topbar .mobile-menu{display:none!important}.mobile-top-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;width:100%!important;color:var(--text)!important}.mobile-top-logo{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:14px!important;background:linear-gradient(135deg,#5b8cff,#78d6ff)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:850!important;box-shadow:0 10px 24px rgba(80,125,210,.18)!important}.mobile-top-brand b{display:block!important;font-size:18px!important;line-height:1.2!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-top-brand small{display:block!important;color:var(--muted)!important;font-size:12px!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.top-links,.top-actions{display:none!important}
  .hero-panel{display:block!important;margin:0 0 14px!important;padding:16px!important;border-radius:22px!important;background:var(--card)!important;border:1px solid rgba(223,228,235,.76)!important;box-shadow:0 12px 34px rgba(31,41,55,.055)!important;overflow:hidden!important}.hero-copy .badge{height:24px!important;font-size:12px!important;background:#eef5ff!important;color:#2f7cf6!important}.hero-copy h1{font-size:20px!important;line-height:1.3!important;margin:10px 0 4px!important;letter-spacing:0!important}.hero-copy p{font-size:12px!important;line-height:1.65!important;margin-bottom:12px!important}.search-tabs{display:flex!important;gap:7px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:3px!important;margin-bottom:9px!important;-webkit-overflow-scrolling:touch!important}.search-tabs::-webkit-scrollbar{display:none!important}.search-tabs button{flex:0 0 auto!important;height:28px!important;padding:0 11px!important;border-radius:10px!important;background:#f2f4f7!important;color:#7b8490!important;font-size:12px!important}.search-tabs button.active{background:#2f7cf6!important;color:#fff!important}.search-line{height:42px!important;border-radius:13px!important;padding:4px!important;background:#f6f8fb!important;border:1px solid #edf0f4!important}.search-line input{font-size:13px!important;padding:0 10px!important;min-width:0!important}.search-line button{height:32px!important;border-radius:10px!important;padding:0 13px!important;font-size:13px!important;background:#20242c!important;color:#fff!important}.hot-words{gap:7px!important;margin-top:9px!important;max-height:30px!important;overflow:hidden!important}.hot-words a{height:24px!important;line-height:22px!important;padding:0 8px!important;border-radius:8px!important;font-size:11px!important;background:#f7f8fa!important;color:#9098a3!important;border:1px solid #edf0f4!important}
  .io-home-block{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;margin:12px 0!important;padding:16px 14px!important;border-radius:22px!important;background:var(--card)!important;border:1px solid rgba(223,228,235,.72)!important;box-shadow:0 12px 34px rgba(31,41,55,.048)!important}.io-section-head{height:32px!important;margin:0 0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.io-section-title{min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important}.io-title-icon{width:auto!important;height:auto!important;background:transparent!important;color:#424850!important;font-size:18px!important;box-shadow:none!important}.io-section-title h2{margin:0!important;font-size:19px!important;line-height:1.2!important;font-weight:800!important;color:var(--text)!important}.io-section-title p{display:none!important}.io-section-head>a{flex:0 0 auto!important;font-size:16px!important;color:#3f444b!important;background:transparent!important;border:0!important;padding:0!important}.home-site-grid,.home-app-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}.home-site-list,.home-article-list{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.home-site-card,.home-article-card,.site-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}.home-site-card *,.home-article-card *,.site-card *{min-width:0!important;box-sizing:border-box!important}.home-site-card.site-grid{height:82px!important;min-height:82px!important;padding:11px!important;gap:9px!important;border-radius:16px!important;background:#fbfcfd!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important}.home-site-card.site-grid .home-card-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:50%!important;background:#f1f3f6!important}.home-site-card.site-grid .home-card-icon img{width:30px!important;height:30px!important;object-fit:contain!important}.home-site-card.site-grid .home-card-title strong{display:block!important;font-size:14px!important;font-weight:760!important;color:#414750!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.home-site-card.site-grid .home-card-body small{display:block!important;margin-top:4px!important;font-size:11px!important;line-height:1.25!important;color:#8e96a1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.home-site-card.site-grid .home-card-tags{display:none!important}
  .home-site-card.site-feature{position:relative!important;min-height:118px!important;padding:14px 38px 12px 14px!important;border-radius:18px!important;background:#fbfcfd!important;border:0!important;box-shadow:none!important;display:block!important}.home-site-card.site-feature .home-card-icon{position:absolute!important;left:14px!important;top:16px!important;width:56px!important;height:56px!important;border-radius:50%!important;background:#f1f3f6!important}.home-site-card.site-feature .home-card-body{display:block!important;padding-left:68px!important}.home-site-card.site-feature .home-card-title strong{font-size:17px!important;font-weight:780!important;color:#414750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.home-site-card.site-feature .home-card-body small{font-size:12px!important;color:#8e96a1!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.home-site-card.site-feature .home-card-tags{display:flex!important;gap:6px!important;margin-top:12px!important;padding-top:10px!important;border-top:1px solid #edf0f4!important;overflow:hidden!important;white-space:nowrap!important}.home-site-card.site-feature .home-card-tags em{height:24px!important;line-height:24px!important;flex:0 0 auto!important;border-radius:7px!important;padding:0 8px!important;background:#f2f3f5!important;color:#737c87!important;font-size:12px!important;font-style:normal!important}.home-site-card.site-feature .home-card-tags em:first-child{background:#fff0f1!important;color:#f04455!important}.home-card-arrow{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;border-radius:50%!important;border:2px solid #cdd3da!important;color:#9aa2ad!important;display:grid!important;place-items:center!important;font-size:20px!important;line-height:18px!important}.home-article-card{display:grid!important;grid-template-columns:38% minmax(0,1fr)!important;gap:11px!important;align-items:center!important;min-height:124px!important;padding:10px!important;border-radius:17px!important;background:#fbfcfd!important;border:0!important;box-shadow:none!important}.home-article-cover{height:96px!important;border-radius:13px!important;overflow:hidden!important;background:#eef1f5!important}.home-article-info strong{font-size:15px!important;line-height:1.45!important;font-weight:760!important;color:#414750!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.home-article-info small{display:none!important}.home-article-meta,.home-article-tags{max-width:100%!important;overflow:hidden!important}.home-site-card.software-grid{min-height:178px!important;padding:17px 9px 12px!important;border-radius:18px!important;background:#fbfcfd!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.home-site-card.software-grid .home-card-icon{width:66px!important;height:66px!important;flex:0 0 66px!important;border-radius:21px!important;margin:0 auto 8px!important;background:#f1f3f6!important}.home-site-card.software-grid .home-card-title strong{font-size:15px!important;line-height:1.35!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.home-site-card.software-grid .home-card-body small{font-size:11px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.home-site-card.software-grid .home-card-tags{display:none!important}
  .site-grid,.site-grid.wide{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.page-panel{padding:16px!important;border-radius:20px!important;margin-bottom:12px!important}.page-panel h1{font-size:21px!important;margin:8px 0 4px!important}.site-footer{display:flex!important;flex-direction:column!important;gap:4px!important;margin:16px 0 0!important;padding:18px 4px calc(88px + env(safe-area-inset-bottom))!important;color:var(--muted)!important;text-align:center!important}.front-float-left{position:fixed!important;left:12px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;z-index:2147482000!important}.front-float-right{position:fixed!important;right:12px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;z-index:2147482000!important;display:flex!important;flex-direction:column!important;gap:10px!important;align-items:center!important}.float-action-btn,.float-theme-btn,.float-sidebar-btn{width:50px!important;height:50px!important;border:0!important;border-radius:17px!important;background:rgba(255,255,255,.94)!important;color:#59616b!important;box-shadow:0 10px 24px rgba(20,30,45,.14)!important;backdrop-filter:saturate(140%) blur(12px)!important;-webkit-backdrop-filter:saturate(140%) blur(12px)!important}.float-action-btn{font-size:15px!important;font-weight:780!important}.float-theme-btn{font-size:21px!important}.float-sidebar-btn{font-size:22px!important}html.dark .float-action-btn,html.dark .float-theme-btn,html.dark .float-sidebar-btn{background:rgba(30,33,39,.94)!important;color:#d8dde6!important}
}
@media(max-width:380px){
  .main-wrap{padding-left:10px!important;padding-right:10px!important}.home-site-grid,.home-app-grid{gap:8px!important}.home-site-card.site-grid{height:76px!important;min-height:76px!important;padding:9px!important;gap:7px!important}.home-site-card.site-grid .home-card-icon{width:38px!important;height:38px!important;flex-basis:38px!important}.home-site-card.site-grid .home-card-title strong{font-size:13px!important}.home-site-card.site-grid .home-card-body small{font-size:10px!important}.home-site-card.site-feature{min-height:110px!important}.home-article-card{grid-template-columns:37% minmax(0,1fr)!important}.home-article-cover{height:86px!important}.home-site-card.software-grid{min-height:166px!important}.home-site-card.software-grid .home-card-icon{width:58px!important;height:58px!important}
}

.mobile-top-row{display:none}
.mobile-top-weather{display:none;border:0;background:transparent;color:inherit}

html.dark{
  --bg:#111821;
  --card:#1b2430;
  --card2:#202b38;
  --text:#edf3fb;
  --muted:#9ca9ba;
  --line:rgba(148,163,184,.16);
  --soft:#253244;
  --brand:#7dafee;
  --brand2:rgba(125,175,238,.16);
  --green:#52d58b;
  --red:#ff7783;
  --shadow:0 16px 44px rgba(0,0,0,.26);
  --yi-bg:#111821;
  --yi-card:#1b2430;
  --yi-card2:#202b38;
  --yi-text:#edf3fb;
  --yi-sub:#9ca9ba;
  --yi-line:rgba(148,163,184,.16);
  --yi-shadow:0 16px 44px rgba(0,0,0,.26);
}
html.dark body,
body.dark{
  background:radial-gradient(circle at 18% -8%,rgba(72,101,150,.28),transparent 34%),linear-gradient(180deg,#111821 0%,#0f151d 100%)!important;
  color:var(--text)!important;
}
html.dark .main-wrap{background:transparent!important;color:var(--text)!important}
html.dark .side-nav,
html.dark .topbar,
html.dark .hero-panel,
html.dark .io-home-block,
html.dark .page-panel,
html.dark .detail-panel,
html.dark .article-panel,
html.dark .form-panel,
html.dark .auth-card,
html.dark .widget,
html.dark .site-card,
html.dark .home-site-card,
html.dark .home-article-card,
html.dark .site-footer{
  background:linear-gradient(180deg,#1c2633 0%,#19222e 100%)!important;
  border-color:rgba(148,163,184,.14)!important;
  color:var(--text)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.24)!important;
}
html.dark .search-line,
html.dark .inline-search,
html.dark .search-tabs button,
html.dark .hot-words a,
html.dark .tag-cloud a,
html.dark .home-card-icon,
html.dark .icon-wrap,
html.dark .side-card,
html.dark .home-site-card.site-grid .home-card-icon,
html.dark .home-site-card.site-feature .home-card-icon,
html.dark .home-site-card.software-grid .home-card-icon,
html.dark .home-article-cover{
  background:#223044!important;
  border-color:rgba(148,163,184,.14)!important;
}
html.dark .home-site-card.site-grid,
html.dark .home-site-card.site-feature,
html.dark .home-site-card.software-grid,
html.dark .home-article-card{
  background:rgba(32,43,56,.84)!important;
}
html.dark .home-site-card.site-grid .home-card-title strong,
html.dark .home-site-card.site-feature .home-card-title strong,
html.dark .home-site-card.software-grid .home-card-title strong,
html.dark .home-article-info strong,
html.dark .io-section-title h2,
html.dark .hero-copy h1,
html.dark .mobile-top-brand b{
  color:#edf3fb!important;
}
html.dark .home-card-body small,
html.dark .hero-copy p,
html.dark .mobile-top-brand small,
html.dark .io-section-head>a,
html.dark .site-footer,
html.dark .side-card p,
html.dark .post-item p,
html.dark .rank-item em{
  color:#9ca9ba!important;
}
html.dark .search-tabs button.active{background:#5d8fe9!important;color:#fff!important}
html.dark .search-line button{background:#e7eef9!important;color:#142033!important}
html.dark .home-site-card.site-feature .home-card-tags{border-top-color:rgba(148,163,184,.15)!important}
html.dark .home-site-card.site-feature .home-card-tags em,
html.dark .home-article-tags em,
html.dark .home-card-tags em{background:#27364a!important;color:#aebbd0!important}
html.dark .home-site-card.site-feature .home-card-tags em:first-child,
html.dark .home-article-tags em:first-child{background:rgba(255,119,131,.14)!important;color:#ff8c96!important}
html.dark .float-action-btn,
html.dark .float-theme-btn,
html.dark .float-sidebar-btn{
  background:rgba(30,41,56,.88)!important;
  color:#ecf2fb!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.30)!important;
}

@media(max-width:980px){
  .mobile-top-row{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important}
  .mobile-top-row .mobile-top-brand{flex:1 1 auto!important;width:auto!important;min-width:0!important}
  .mobile-top-weather{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:62px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.88)!important;
    color:#4d5663!important;
    box-shadow:0 10px 24px rgba(25,35,55,.08)!important;
    border:1px solid rgba(226,232,240,.72)!important;
    backdrop-filter:saturate(130%) blur(10px)!important;
    -webkit-backdrop-filter:saturate(130%) blur(10px)!important;
    font-size:13px!important;
    line-height:1!important;
  }
  .mobile-top-weather .weather-icon{font-size:15px!important;line-height:1!important}
  .mobile-top-weather .weather-text{font-weight:720!important;white-space:nowrap!important;line-height:1!important}
  html.dark .mobile-top-weather{
    background:rgba(32,43,58,.88)!important;
    color:#e8eff8!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.26)!important;
  }
  html.dark .hero-panel,
  html.dark .io-home-block{
    background:linear-gradient(180deg,#1d2836 0%,#17212d 100%)!important;
  }
  html.dark .search-line,
  html.dark .hot-words a,
  html.dark .search-tabs button{background:#202b3a!important;color:#9facbd!important;border-color:rgba(148,163,184,.14)!important}
  html.dark .home-site-card.site-grid,
  html.dark .home-site-card.site-feature,
  html.dark .home-site-card.software-grid,
  html.dark .home-article-card{background:#202b38!important}
  html.dark .home-card-arrow{border-color:#526174!important;color:#7f8da1!important}
}


.mobile-top-weather{display:none!important}
.front-float-right{gap:10px!important}
.float-weather-btn{
  pointer-events:auto;
  position:relative;
  width:54px;
  height:54px;
  border:0;
  border-radius:18px;
  background:linear-gradient(135deg,#41bbff 0%,#5278ff 100%);
  color:#fff;
  box-shadow:0 14px 34px rgba(47,124,246,.28);
  display:grid;
  place-items:center;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  backdrop-filter:saturate(140%) blur(12px);
  -webkit-backdrop-filter:saturate(140%) blur(12px);
}
.float-weather-btn .weather-icon{
  font-size:23px;
  line-height:1;
  transform:translateY(2px);
}
.float-weather-btn .weather-badge{
  position:absolute;
  right:-7px;
  top:-9px;
  min-width:34px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  background:#e91414;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:800;
  line-height:1;
  box-shadow:0 8px 18px rgba(233,20,20,.26);
}
.float-weather-btn .weather-badge:empty{display:none}
.weather-popover{
  position:fixed;
  right:78px;
  bottom:190px;
  width:min(258px,calc(100vw - 96px));
  z-index:910;
  border-radius:18px;
  background:rgba(255,255,255,.96);
  color:#384150;
  border:1px solid rgba(226,232,240,.9);
  box-shadow:0 18px 46px rgba(25,35,55,.18);
  padding:12px 13px;
  backdrop-filter:saturate(150%) blur(14px);
  -webkit-backdrop-filter:saturate(150%) blur(14px);
}
.weather-popover[hidden]{display:none!important}
.weather-popover-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.weather-popover-head b{font-size:14px;color:#2d3440}
.weather-popover-head button{
  width:24px;
  height:24px;
  border:0;
  border-radius:999px;
  background:#f1f3f6;
  color:#7a838f;
  cursor:pointer;
}
.weather-popover p{margin:7px 0 0;color:#8a929f;font-size:12px;line-height:1.55}

html.dark .float-weather-btn{
  background:linear-gradient(135deg,#2d9fe7 0%,#4d67e8 100%)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
}
html.dark .float-weather-btn .weather-badge{background:#e21b2d!important;color:#fff!important}
html.dark .weather-popover{
  background:rgba(27,36,48,.96)!important;
  border-color:rgba(148,163,184,.18)!important;
  color:#edf3fb!important;
  box-shadow:0 18px 46px rgba(0,0,0,.34)!important;
}
html.dark .weather-popover-head b{color:#edf3fb!important}
html.dark .weather-popover-head button{background:#253244!important;color:#aebbd0!important}
html.dark .weather-popover p{color:#9ca9ba!important}

@media(max-width:980px){
  .front-float-right{right:14px!important;bottom:18px!important}
  .float-weather-btn,.float-action-btn,.float-theme-btn{width:52px!important;height:52px!important;border-radius:18px!important}
  .weather-popover{right:74px;bottom:190px}
}
@media(max-width:420px){
  .front-float-right{right:12px!important;bottom:16px!important}
  .float-weather-btn,.float-action-btn,.float-theme-btn{width:48px!important;height:48px!important;border-radius:17px!important}
  .float-weather-btn .weather-badge{height:22px;min-width:32px;font-size:13px;right:-7px;top:-8px}
  .weather-popover{right:66px;bottom:176px;width:min(240px,calc(100vw - 82px))}
}

.category-hero-v13{
  position:relative;
  min-height:260px;
  margin:-18px -24px 0;
  overflow:hidden;
  display:grid;
  place-items:center;
  color:#fff;
  border-radius:0 0 28px 28px;
  background:#d91d32;
}
.category-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 26%,rgba(255,255,255,.42) 0,rgba(255,255,255,.10) 24%,rgba(255,255,255,0) 48%),linear-gradient(135deg,#d70722 0%,#d9293c 48%,#bcc5ce 100%);filter:saturate(106%)}
.category-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.16));backdrop-filter:blur(.3px)}
.category-hero-inner{position:relative;z-index:1;text-align:center;padding:64px 18px 76px;width:100%}
.category-hero-icon{display:inline-grid;place-items:center;width:38px;height:30px;border-radius:10px;background:rgba(255,255,255,.16);font-size:20px;margin-bottom:8px;backdrop-filter:blur(8px)}
.category-hero-inner h1{margin:0 0 10px;font-size:32px;font-weight:800;letter-spacing:.3px;color:#fff}
.category-hero-inner p{margin:10px auto 0;max-width:620px;color:rgba(255,255,255,.86);font-size:14px;line-height:1.7}
.category-count-pill{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);font-size:14px;font-weight:700;color:#fff;backdrop-filter:blur(10px)}
.category-filter-card{position:relative;z-index:2;margin:-44px 0 18px;background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.88);border-radius:24px;padding:18px 20px;box-shadow:0 16px 44px rgba(25,35,55,.10);backdrop-filter:saturate(140%) blur(14px);overflow:hidden}
.category-tabs-scroll{display:flex;align-items:center;gap:24px;overflow-x:auto;white-space:nowrap;padding:0 0 10px;scrollbar-width:none}.category-tabs-scroll::-webkit-scrollbar{display:none}
.category-tabs-scroll a{font-size:15px;color:#8b929d;font-weight:700}.category-tabs-scroll a.active{color:#ef4050}.category-tabs-scroll a:hover{color:#ef4050}
.category-sort-line{display:flex;align-items:center;gap:10px;color:#8b929d;font-size:14px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.category-sort-line::-webkit-scrollbar{display:none}.category-sort-line a{color:#8b929d}.category-sort-line a.active,.category-sort-line a:hover{color:#2f333b;font-weight:750}.category-sort-line span{color:#a4aab3}
.category-stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}.category-stats-strip div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow)}.category-stats-strip b{display:block;font-size:18px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-stats-strip span{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.category-site-list-v13{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}.category-site-card-v13{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;box-shadow:0 12px 34px rgba(25,35,55,.06);overflow:hidden}.category-site-card-v13:hover{transform:translateY(-1px);border-color:rgba(239,64,80,.20);box-shadow:0 16px 40px rgba(25,35,55,.09)}.category-site-icon-v13{width:58px;height:58px;border-radius:50%;background:#f2f4f7;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.category-site-icon-v13 img{width:40px;height:40px;object-fit:contain}.category-site-icon-v13 i{display:grid;place-items:center;width:100%;height:100%;font-style:normal;font-size:20px;font-weight:800;color:#4c88f7}.category-site-body-v13{display:block;min-width:0}.category-site-body-v13 strong{display:block;font-size:19px;line-height:1.3;color:#3b4049;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-site-body-v13 small{display:block;margin-top:5px;font-size:14px;color:#8a929f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-site-tags-v13{display:flex;align-items:center;gap:8px;margin-top:13px;min-width:0;overflow:hidden}.category-site-tags-v13 em{font-style:normal;flex:0 0 auto;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:7px;background:#f3f4f6;color:#6f7681;padding:4px 8px;font-size:12px;line-height:1}.category-site-tags-v13 em:first-child{background:#fff0f1;color:#ef4050}.category-site-meta-v13{align-self:end;display:inline-flex;align-items:center;gap:4px;color:#9aa2ad;font-size:12px;white-space:nowrap}.empty-category-v13{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:34px 20px;text-align:center;box-shadow:var(--shadow);margin-bottom:24px}.empty-category-v13 b{display:block;font-size:18px}.empty-category-v13 p{color:var(--muted);margin:8px 0 16px}.empty-category-v13 a{display:inline-flex;height:36px;align-items:center;padding:0 16px;border-radius:999px;background:#ef4050;color:#fff}.category-load-more{border-radius:999px;background:transparent;color:var(--muted);box-shadow:none;border:0;text-align:center}
html.dark .category-filter-card,html.dark .category-stats-strip div,html.dark .category-site-card-v13,html.dark .empty-category-v13{background:rgba(29,40,54,.94)!important;border-color:rgba(148,163,184,.16)!important;box-shadow:0 16px 42px rgba(0,0,0,.26)!important}html.dark .category-site-body-v13 strong,html.dark .category-stats-strip b,html.dark .empty-category-v13 b{color:#edf3fb!important}html.dark .category-site-body-v13 small,html.dark .category-stats-strip span,html.dark .empty-category-v13 p{color:#9ca9ba!important}html.dark .category-site-icon-v13{background:#253244!important}html.dark .category-site-tags-v13 em{background:#27364a!important;color:#aebbd0!important}html.dark .category-site-tags-v13 em:first-child{background:rgba(255,119,131,.14)!important;color:#ff8c96!important}html.dark .category-tabs-scroll a,html.dark .category-sort-line,html.dark .category-sort-line a{color:#9ca9ba!important}html.dark .category-tabs-scroll a.active,html.dark .category-tabs-scroll a:hover,html.dark .category-sort-line a.active,html.dark .category-sort-line a:hover{color:#ff8c96!important}
@media(max-width:980px){.category-hero-v13{margin:-14px -14px 0;min-height:250px;border-radius:0 0 26px 26px}.category-hero-inner{padding:58px 16px 72px}.category-hero-inner h1{font-size:28px}.category-filter-card{margin:-38px 0 16px;border-radius:22px;padding:16px 17px}.category-tabs-scroll{gap:22px}.category-stats-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-stats-strip div{padding:11px 10px;border-radius:15px}.category-stats-strip b{font-size:15px}.category-site-list-v13{grid-template-columns:1fr;gap:14px}.category-site-card-v13{border-radius:19px;padding:16px;grid-template-columns:62px minmax(0,1fr) auto;gap:13px}.category-site-icon-v13{width:62px;height:62px}.category-site-icon-v13 img{width:43px;height:43px}.category-site-body-v13 strong{font-size:19px}.category-site-body-v13 small{font-size:14px;white-space:nowrap}.category-site-tags-v13{padding-top:12px;border-top:1px solid var(--line);margin-top:12px}}
@media(max-width:420px){.category-hero-v13{min-height:235px}.category-hero-inner{padding-top:50px}.category-filter-card{padding:15px 16px}.category-tabs-scroll{gap:18px}.category-tabs-scroll a{font-size:14px}.category-sort-line{font-size:14px}.category-stats-strip{display:none}.category-site-card-v13{padding:14px 13px;grid-template-columns:54px minmax(0,1fr) 34px;gap:12px}.category-site-icon-v13{width:54px;height:54px}.category-site-icon-v13 img{width:38px;height:38px}.category-site-body-v13 strong{font-size:18px}.category-site-body-v13 small{max-width:100%}.category-site-tags-v13 em{max-width:96px;padding:4px 7px}.category-site-meta-v13{font-size:11px;align-self:center;opacity:.75}}

.mobile-about-link{display:none}
@media(max-width:980px){
  .mobile-about-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    height:34px!important;
    min-width:48px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.82)!important;
    border:1px solid rgba(226,232,240,.92)!important;
    color:#667085!important;
    font-size:13px!important;
    font-weight:760!important;
    box-shadow:0 8px 24px rgba(25,35,55,.07)!important;
    backdrop-filter:saturate(140%) blur(10px)!important;
  }
  .mobile-about-link:active{transform:scale(.98)}
  html.dark .mobile-about-link{
    background:rgba(30,42,58,.88)!important;
    border-color:rgba(148,163,184,.18)!important;
    color:#d7e0ee!important;
    box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
  }
}
.category-hero-v14 .category-hero-inner h1,
.category-hero-v14 .category-count-pill,
.category-hero-v14 .category-hero-inner p{
  text-shadow:0 2px 12px rgba(0,0,0,.14)
}
.category-filter-card-v14 .category-tabs-scroll a.active{
  position:relative;
}
.category-filter-card-v14 .category-tabs-scroll a.active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:16px;
  height:3px;
  border-radius:999px;
  background:#ef4050;
  transform:translateX(-50%);
}
@media(max-width:420px){
  .category-hero-v14{min-height:226px!important}
  .category-hero-v14 .category-hero-inner{padding-top:46px!important;padding-bottom:68px!important}
  .category-hero-v14 .category-hero-icon{width:34px!important;height:28px!important;font-size:18px!important;margin-bottom:7px!important}
  .category-hero-v14 .category-hero-inner h1{font-size:27px!important;margin-bottom:9px!important}
  .category-hero-v14 .category-count-pill{min-height:30px!important;font-size:14px!important;padding:0 14px!important}
  .category-hero-v14 .category-hero-inner p{font-size:14px!important;margin-top:10px!important}
  .category-filter-card-v14{margin-top:-36px!important}
}.owner-kicker{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#eef5ff;color:#2f7cf6;font-size:13px;font-weight:850;line-height:1.15;text-align:center}.desktop-rank-widget .widget-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.desktop-rank-widget .widget-title-row h3{margin:0}.desktop-rank-widget .widget-title-row a{font-size:12px;color:var(--muted)}.rank-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;padding:4px;border-radius:13px;background:var(--soft)}.rank-tabs button{height:28px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:12px;font-weight:760;cursor:pointer}.rank-tabs button.active{background:var(--card);color:var(--brand);box-shadow:0 4px 12px rgba(25,35,55,.06)}.rank-panel{display:none}.rank-panel.active{display:block}.rank-hint{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.rank-page-tabs a.active{background:var(--brand);color:#fff;border-color:var(--brand)}html.dark .owner-kicker{background:rgba(106,162,255,.14);color:#8db8ff}html.dark .rank-tabs{background:#172131}html.dark .rank-tabs button.active{background:#243247;color:#8db8ff}
@media(max-width:980px){}
@media(max-width:420px){.owner-kicker{width:40px;height:40px;border-radius:14px;font-size:12px}}

.owner-self-block{position:relative;margin:0 0 18px;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 28px rgba(25,35,55,.045);overflow:hidden}
.owner-self-block:before{content:"";position:absolute;right:-70px;top:-90px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(239,64,80,.10),rgba(239,64,80,0) 66%);pointer-events:none}
.owner-self-head{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-bottom:12px}
.owner-self-icon{width:30px;height:30px;border-radius:10px;background:#fff1f2;color:#ef4050;display:grid;place-items:center;font-size:13px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(239,64,80,.08)}
.owner-self-head h2{margin:0;font-size:17px;line-height:1.2;font-weight:850;color:var(--text);letter-spacing:.1px}
.owner-self-head a{margin-left:auto;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--card2);color:var(--muted);display:inline-flex;align-items:center;font-size:12px;font-weight:750}
.owner-self-head a:hover{border-color:#ef4050;color:#ef4050;background:#fff7f8}
.owner-self-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.home-site-card.owner-self{min-width:0;min-height:72px;padding:10px;border-radius:15px;background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);box-shadow:none;display:grid;grid-template-columns:42px minmax(0,1fr) 16px;gap:9px;align-items:center;overflow:hidden}
.home-site-card.owner-self:hover{border-color:rgba(239,64,80,.25);box-shadow:0 8px 20px rgba(25,35,55,.055);transform:none}
.home-site-card.owner-self .home-card-icon{width:42px;height:42px;border-radius:13px;background:var(--soft)}
.home-site-card.owner-self .home-card-title{min-width:0;display:flex;align-items:center;gap:4px}
.home-site-card.owner-self .home-card-title strong{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:820}
.home-site-card.owner-self .home-card-tags{margin-top:5px;display:flex;gap:5px;overflow:hidden;white-space:nowrap;min-width:0}
.home-site-card.owner-self .home-card-tags em{max-width:72px;padding:2px 6px;border-radius:999px;background:#fff1f2;color:#ef4050;font-size:10px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;flex:0 1 auto}
.home-site-card.owner-self .home-card-arrow{width:16px;height:16px;border-radius:999px;background:#f4f6f9;color:var(--muted);display:grid;place-items:center;font-size:16px;line-height:1}
html.dark .owner-self-block{background:rgba(27,37,52,.94);border-color:rgba(148,163,184,.15);box-shadow:0 14px 36px rgba(0,0,0,.18)}
html.dark .owner-self-icon{background:rgba(239,64,80,.14);color:#ff7783}html.dark .owner-self-head a{background:#172131;border-color:rgba(148,163,184,.13)}
html.dark .owner-self-head a:hover{background:rgba(239,64,80,.08);color:#ff7783;border-color:rgba(239,64,80,.25)}
html.dark .home-site-card.owner-self{background:linear-gradient(180deg,rgba(31,43,60,.94),rgba(25,35,50,.94));border-color:rgba(148,163,184,.14)}
html.dark .home-site-card.owner-self .home-card-tags em{background:rgba(239,64,80,.12);color:#ff8791}html.dark .home-site-card.owner-self .home-card-arrow{background:#172131;color:#9aa9bc}
@media(max-width:980px){.owner-self-block{padding:13px;border-radius:18px;margin-bottom:14px}.owner-self-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-site-card.owner-self{min-height:68px;padding:9px;grid-template-columns:38px minmax(0,1fr);gap:8px}.home-site-card.owner-self .home-card-arrow{display:none}.home-site-card.owner-self .home-card-icon{width:38px;height:38px;border-radius:12px}.home-site-card.owner-self .home-card-title strong{font-size:13px}.home-site-card.owner-self .home-card-tags em{max-width:58px;font-size:10px;padding:2px 5px}}
@media(max-width:380px){.owner-self-block{padding:12px}.owner-self-grid{gap:7px}.home-site-card.owner-self{padding:8px;grid-template-columns:34px minmax(0,1fr);gap:7px}.home-site-card.owner-self .home-card-icon{width:34px;height:34px;border-radius:11px}.home-site-card.owner-self .home-card-tags{display:none}.home-site-card.owner-self .home-card-title strong{font-size:12.5px}}

.owner-self-block{
  margin-bottom:18px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 10px 28px rgba(25,35,55,.045)!important;
  overflow:hidden!important;
}
.owner-self-block:before{display:none!important}
.owner-self-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:14px!important;
  padding-bottom:0!important;
}
.owner-self-icon{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  background:var(--brand2)!important;
  color:var(--brand)!important;
  font-size:13px!important;
  font-weight:850!important;
}
.owner-self-head h2{
  font-size:18px!important;
  font-weight:850!important;
  color:var(--text)!important;
}
.owner-self-head a{
  margin-left:auto!important;
  height:28px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  border:1px solid var(--line)!important;
  background:var(--card2)!important;
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:760!important;
}
.owner-self-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
}
.home-site-card.owner-self{
  min-width:0!important;
  min-height:92px!important;
  height:auto!important;
  padding:13px!important;
  border-radius:15px!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  overflow:hidden!important;
}
.home-site-card.owner-self:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(47,124,246,.32)!important;
  box-shadow:0 14px 34px rgba(25,35,55,.075)!important;
}
.home-site-card.owner-self .home-card-icon{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  background:var(--soft)!important;
  overflow:hidden!important;
}
.home-site-card.owner-self .home-card-icon img{width:25px!important;height:25px!important;object-fit:contain!important}
.home-site-card.owner-self .home-card-icon i{font-size:16px!important;font-weight:800!important;color:var(--brand)!important;background:var(--brand2)!important}
.home-site-card.owner-self .home-card-title{display:block!important;min-width:0!important}
.home-site-card.owner-self .home-card-title strong{
  display:block!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:780!important;
  color:var(--text)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.home-site-card.owner-self .home-card-title b{display:none!important}
.home-site-card.owner-self .home-card-tags{
  margin-top:9px!important;
  display:flex!important;
  gap:6px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  min-width:0!important;
}
.home-site-card.owner-self .home-card-tags:empty{display:none!important}
.home-site-card.owner-self .home-card-tags em{
  max-width:86px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:var(--card2)!important;
  border:1px solid var(--line)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1.2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-style:normal!important;
  flex:0 1 auto!important;
}
.home-site-card.owner-self .home-card-arrow{display:none!important}
.owner-page-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(135deg,var(--card),var(--card2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.owner-page-kicker{display:inline-flex;height:26px;align-items:center;padding:0 11px;border-radius:999px;background:var(--brand2);color:var(--brand);font-size:12px;font-weight:780}
.owner-page-hero h1{margin:12px 0 6px;font-size:30px;line-height:1.2;color:var(--text)}
.owner-page-hero p{margin:0;color:var(--muted);max-width:640px}
.owner-page-hero em{font-style:normal;white-space:nowrap;border-radius:999px;background:var(--brand);color:#fff;padding:8px 14px;font-weight:780}
.owner-self-page-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.owner-empty{padding:30px 18px;border-radius:18px;background:var(--card2);border:1px dashed var(--line);text-align:center;color:var(--muted)}
.owner-empty b{display:block;color:var(--text);font-size:16px}.owner-empty p{margin:8px 0 14px}.owner-empty a{display:inline-flex;height:34px;align-items:center;padding:0 14px;border-radius:999px;background:var(--brand);color:#fff}
.category-optional small{color:var(--brand)!important}
html.dark .owner-self-block,html.dark .home-site-card.owner-self,html.dark .owner-page-hero{background:rgba(27,37,52,.94)!important;border-color:rgba(148,163,184,.15)!important;box-shadow:0 14px 36px rgba(0,0,0,.18)!important}
html.dark .home-site-card.owner-self .home-card-tags em{background:#172131!important;border-color:rgba(148,163,184,.13)!important;color:#9aa9bc!important}
@media(max-width:1280px){.owner-self-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:980px){
  .owner-self-block{padding:14px!important;border-radius:20px!important;margin-bottom:14px!important}
  .owner-self-grid,.owner-self-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .home-site-card.owner-self{min-height:86px!important;padding:11px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important;border-radius:15px!important}
  .home-site-card.owner-self .home-card-icon{width:40px!important;height:40px!important;border-radius:12px!important}
  .home-site-card.owner-self .home-card-title strong{font-size:13px!important}
  .home-site-card.owner-self .home-card-tags em{max-width:66px!important;font-size:10.5px!important;padding:3px 6px!important}
  .owner-page-hero{padding:18px;border-radius:22px;align-items:flex-start}.owner-page-hero h1{font-size:25px}.owner-page-hero p{font-size:13px}.owner-page-hero em{font-size:12px;padding:7px 11px}
}
@media(max-width:360px){
  .owner-self-grid,.owner-self-page-grid{grid-template-columns:1fr!important}
  .home-site-card.owner-self{min-height:82px!important}
}


.owner-more-toggle{
  margin-left:auto!important;
  height:28px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  border:1px solid var(--line)!important;
  background:var(--card2)!important;
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:760!important;
  cursor:pointer!important;
}
.owner-more-toggle:hover{border-color:var(--brand)!important;color:var(--brand)!important;background:var(--brand2)!important}
.owner-more-toggle.is-open{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.owner-self-more{
  position:relative!important;
  z-index:1!important;
  margin-top:15px!important;
  padding:16px!important;
  border-radius:18px!important;
  background:var(--card2)!important;
  border:1px solid var(--line)!important;
}
.owner-self-more[hidden]{display:none!important}
.owner-self-more-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}
.owner-self-more-head h3{margin:0!important;font-size:17px!important;line-height:1.25!important;font-weight:860!important;color:var(--text)!important}
.owner-self-more-head em{font-style:normal!important;min-width:44px!important;height:30px!important;padding:0 10px!important;border-radius:999px!important;background:var(--brand)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:820!important}
.owner-self-more-desc{margin:0 0 13px!important;color:var(--muted)!important;font-size:13px!important;line-height:1.75!important}
.owner-self-more-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;max-width:760px!important;margin:0 auto!important}
.owner-self-more-grid .home-site-card.owner-self{width:100%!important;min-height:94px!important;padding:14px!important;grid-template-columns:52px minmax(0,1fr)!important;gap:13px!important;border-radius:18px!important}
.owner-self-more-grid .home-site-card.owner-self .home-card-icon{width:52px!important;height:52px!important;border-radius:16px!important}
.owner-self-more-grid .home-site-card.owner-self .home-card-icon img{width:30px!important;height:30px!important}
.owner-self-more-grid .home-site-card.owner-self .home-card-title strong{font-size:15px!important}
.owner-self-more-grid .home-site-card.owner-self .home-card-tags em{max-width:128px!important;font-size:12px!important;padding:4px 9px!important}
.owner-page-hero-v19{
  position:relative!important;
  display:block!important;
  text-align:center!important;
  padding:30px 20px 28px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,var(--card),var(--card2))!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
  overflow:hidden!important;
}
.owner-page-hero-v19:before{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(47,124,246,.12),rgba(47,124,246,0) 68%);pointer-events:none}
.owner-page-hero-v19 .owner-page-hero-main{position:relative;z-index:1;max-width:720px;margin:0 auto!important}
.owner-page-hero-v19 .owner-page-kicker{display:none!important}
.owner-page-hero-v19 h1{margin:0!important;text-align:center!important;font-size:34px!important;line-height:1.18!important;font-weight:900!important;letter-spacing:-.8px!important;color:var(--text)!important}
.owner-page-hero-v19 .owner-page-desc{margin:14px auto 0!important;max-width:620px!important;color:var(--muted)!important;font-size:15px!important;line-height:1.85!important;text-align:center!important}
.owner-page-hero-v19 em{position:absolute!important;right:18px!important;top:18px!important;z-index:2!important;min-width:48px!important;height:36px!important;padding:0 13px!important;border-radius:999px!important;background:var(--brand)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:850!important;box-shadow:0 10px 24px rgba(47,124,246,.20)!important}
.owner-self-page-block-v19{padding:18px!important;border-radius:22px!important}
.owner-self-page-block-v19 .owner-self-head{margin-bottom:16px!important}
.owner-self-page-block-v19 .owner-self-page-grid{grid-template-columns:1fr!important;max-width:760px!important;margin:0 auto!important;gap:13px!important}
.owner-self-page-block-v19 .home-site-card.owner-self{width:100%!important;min-height:96px!important;padding:15px!important;border-radius:18px!important;grid-template-columns:54px minmax(0,1fr)!important;gap:14px!important}
.owner-self-page-block-v19 .home-site-card.owner-self .home-card-icon{width:54px!important;height:54px!important;border-radius:16px!important}
.owner-self-page-block-v19 .home-site-card.owner-self .home-card-icon img{width:31px!important;height:31px!important}
.owner-self-page-block-v19 .home-site-card.owner-self .home-card-title strong{font-size:16px!important}
.owner-self-page-block-v19 .home-site-card.owner-self .home-card-tags em{max-width:126px!important;font-size:12px!important;padding:4px 9px!important}
html.dark .owner-self-more{background:rgba(17,25,37,.88)!important;border-color:rgba(148,163,184,.14)!important}
html.dark .owner-page-hero-v19{background:linear-gradient(135deg,rgba(29,40,54,.96),rgba(20,28,40,.96))!important;border-color:rgba(148,163,184,.16)!important;box-shadow:0 16px 42px rgba(0,0,0,.24)!important}
html.dark .owner-page-hero-v19:before{background:radial-gradient(circle,rgba(106,162,255,.12),rgba(106,162,255,0) 68%)}
@media(max-width:980px){
  .owner-self-more{padding:14px!important;border-radius:18px!important;margin-top:13px!important}
  .owner-self-more-grid{grid-template-columns:1fr!important;max-width:none!important;gap:11px!important}
  .owner-self-more-grid .home-site-card.owner-self{grid-template-columns:50px minmax(0,1fr)!important;min-height:90px!important;padding:13px!important;gap:12px!important}
  .owner-self-more-grid .home-site-card.owner-self .home-card-icon{width:50px!important;height:50px!important;border-radius:15px!important}
  .owner-page-hero-v19{padding:28px 18px 24px!important;border-radius:24px!important;margin-bottom:14px!important}
  .owner-page-hero-v19 h1{font-size:31px!important}
  .owner-page-hero-v19 .owner-page-desc{font-size:14px!important;line-height:1.75!important;margin-top:12px!important}
  .owner-page-hero-v19 em{right:16px!important;top:16px!important;height:34px!important;font-size:13px!important}
  .owner-self-page-block-v19{padding:15px!important;border-radius:20px!important}
  .owner-self-page-block-v19 .owner-self-page-grid{grid-template-columns:1fr!important;max-width:none!important;gap:12px!important}
  .owner-self-page-block-v19 .home-site-card.owner-self{grid-template-columns:52px minmax(0,1fr)!important;min-height:92px!important;padding:14px!important;gap:13px!important}
  .owner-self-page-block-v19 .home-site-card.owner-self .home-card-icon{width:52px!important;height:52px!important;border-radius:16px!important}
  .owner-self-page-block-v19 .home-site-card.owner-self .home-card-title strong{font-size:15px!important}
}
@media(max-width:420px){
  .owner-self-more-desc{font-size:13px!important;line-height:1.7!important}
  .owner-self-more-grid .home-site-card.owner-self{grid-template-columns:48px minmax(0,1fr)!important;min-height:88px!important;padding:12px!important}
  .owner-self-more-grid .home-site-card.owner-self .home-card-icon{width:48px!important;height:48px!important}
  .owner-page-hero-v19{padding:26px 16px 22px!important}
  .owner-page-hero-v19 h1{font-size:29px!important}
  .owner-page-hero-v19 .owner-page-desc{font-size:13px!important;text-align:left!important;line-height:1.75!important}
  .owner-page-hero-v19 em{right:14px!important;top:14px!important;height:32px!important;min-width:44px!important;padding:0 11px!important}
  .owner-self-page-block-v19 .home-site-card.owner-self{grid-template-columns:50px minmax(0,1fr)!important;min-height:90px!important;padding:13px!important}
  .owner-self-page-block-v19 .home-site-card.owner-self .home-card-icon{width:50px!important;height:50px!important}
}

.home-site-card.owner-self .home-card-tags{display:none!important}
.home-site-card.owner-self .owner-card-desc{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  margin-top:8px!important;
  max-width:100%!important;
  color:var(--muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
  word-break:break-word!important;
}
.owner-self-page-block-v19 .home-site-card.owner-self .owner-card-desc,
.owner-self-more-grid .home-site-card.owner-self .owner-card-desc{
  margin-top:8px!important;
  font-size:13px!important;
  line-height:1.6!important;
  -webkit-line-clamp:2!important;
}
@media(max-width:980px){
  .home-site-card.owner-self .owner-card-desc{font-size:12.5px!important;line-height:1.55!important;margin-top:7px!important}
  .owner-self-page-block-v19 .home-site-card.owner-self .owner-card-desc{font-size:13px!important;-webkit-line-clamp:2!important}
}

.brand-logo,.mobile-top-logo,.hero-copy,.hot-words{display:none!important}
.hero-panel-compact{grid-template-columns:1fr!important;padding:18px!important}
.hero-panel-compact .search-box{align-self:stretch!important;width:100%!important}
@media(max-width:980px){
  .mobile-top-brand{gap:0!important}
  .mobile-top-brand span:not(.mobile-top-logo){min-width:0!important}
  .hero-panel-compact{padding:14px!important;margin-bottom:14px!important}
}


.mobile-about-link{display:none!important}
@media(max-width:980px){
  .topbar{
    justify-content:center!important;
    text-align:center!important;
  }
  .mobile-top-row{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    gap:0!important;
    padding:0 12px!important;
    min-width:0!important;
  }
  .mobile-top-row .mobile-top-brand,
  .mobile-top-brand{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    margin:0 auto!important;
    color:var(--text)!important;
  }
  .mobile-top-brand span:not(.mobile-top-logo){
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  .mobile-top-brand b,
  .mobile-top-brand small{
    text-align:center!important;
    max-width:74vw!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .mobile-top-brand b{
    font-size:20px!important;
    letter-spacing:.2px!important;
  }
  .mobile-top-brand small{
    margin-top:4px!important;
  }
}

@media(max-width:980px){
  .topbar{
    padding:12px 2px 14px!important;
    margin:0 0 14px!important;
  }
  .mobile-top-row{
    position:relative!important;
    justify-content:center!important;
    padding:0 8px!important;
  }
  .mobile-top-row:before{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8px;
    width:126px;
    height:3px;
    border-radius:999px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,rgba(47,124,246,0),rgba(47,124,246,.82),rgba(127,90,240,.75),rgba(255,83,128,0));
    opacity:.75;
  }
  .mobile-top-brand{
    position:relative!important;
    flex:0 1 auto!important;
    width:auto!important;
    max-width:86vw!important;
    padding:10px 22px 10px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(239,246,255,.90) 52%,rgba(255,247,252,.86))!important;
    border:1px solid rgba(226,232,240,.82)!important;
    box-shadow:0 14px 34px rgba(31,41,55,.08),inset 0 1px 0 rgba(255,255,255,.78)!important;
    backdrop-filter:saturate(140%) blur(14px)!important;
    -webkit-backdrop-filter:saturate(140%) blur(14px)!important;
    overflow:hidden!important;
  }
  .mobile-top-brand:before,
  .mobile-top-brand:after{
    content:"";
    position:absolute;
    pointer-events:none;
    border-radius:999px;
  }
  .mobile-top-brand:before{
    width:12px;
    height:12px;
    left:10px;
    top:12px;
    background:linear-gradient(135deg,#4f8cff,#6ee7ff);
    box-shadow:0 0 0 5px rgba(79,140,255,.10),0 8px 20px rgba(79,140,255,.22);
  }
  .mobile-top-brand:after{
    right:-22px;
    top:-28px;
    width:78px;
    height:78px;
    background:radial-gradient(circle,rgba(255,83,128,.20),rgba(127,90,240,.10) 48%,rgba(127,90,240,0) 70%);
  }
  .mobile-top-brand span:not(.mobile-top-logo){
    position:relative!important;
    z-index:1!important;
    padding-left:4px!important;
  }
  .mobile-top-brand b{
    display:block!important;
    font-size:22px!important;
    line-height:1.12!important;
    font-weight:920!important;
    letter-spacing:.6px!important;
    background:linear-gradient(90deg,#1f2937 0%,#2f7cf6 38%,#7c3aed 72%,#ef4777 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    text-shadow:none!important;
  }
  .mobile-top-brand small{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    margin-top:7px!important;
    padding:3px 10px!important;
    border-radius:999px!important;
    background:rgba(47,124,246,.08)!important;
    border:1px solid rgba(47,124,246,.10)!important;
    color:#778294!important;
    font-size:12px!important;
    line-height:1.2!important;
    letter-spacing:.3px!important;
  }
  .mobile-top-brand small:before{
    content:"";
    width:5px;
    height:5px;
    margin-right:6px;
    border-radius:50%;
    background:linear-gradient(135deg,#2f7cf6,#70e1ff);
    box-shadow:0 0 0 3px rgba(47,124,246,.10);
  }
  html.dark .mobile-top-row:before{
    background:linear-gradient(90deg,rgba(125,175,238,0),rgba(125,175,238,.72),rgba(167,139,250,.65),rgba(255,119,131,0));
    opacity:.72;
  }
  html.dark .mobile-top-brand{
    background:linear-gradient(135deg,rgba(29,40,54,.86),rgba(22,31,45,.92) 54%,rgba(42,32,54,.82))!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  html.dark .mobile-top-brand:before{
    background:linear-gradient(135deg,#7dafee,#6ee7ff);
    box-shadow:0 0 0 5px rgba(125,175,238,.10),0 8px 20px rgba(0,0,0,.25);
  }
  html.dark .mobile-top-brand:after{
    background:radial-gradient(circle,rgba(125,175,238,.18),rgba(167,139,250,.10) 48%,rgba(167,139,250,0) 70%);
  }
  html.dark .mobile-top-brand b{
    background:linear-gradient(90deg,#ecf2fb 0%,#7dafee 42%,#a78bfa 74%,#ff8c96 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
  }
  html.dark .mobile-top-brand small{
    background:rgba(125,175,238,.10)!important;
    border-color:rgba(125,175,238,.15)!important;
    color:#aebbd0!important;
  }
}
@media(max-width:380px){
  .mobile-top-brand{padding:9px 18px!important;border-radius:22px!important;max-width:90vw!important}
  .mobile-top-brand b{font-size:20px!important;letter-spacing:.3px!important}
  .mobile-top-brand small{font-size:11px!important;margin-top:6px!important;padding:3px 9px!important}
}

.mobile-top-brand small{display:none!important}
@media(max-width:980px){
  .topbar{
    width:100%!important;
    padding:10px 14px 14px!important;
    margin:0 0 14px!important;
    box-sizing:border-box!important;
  }
  .mobile-top-row{
    width:100%!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  .mobile-top-row:before{
    width:calc(100% - 42px)!important;
    max-width:none!important;
    bottom:-9px!important;
  }
  .mobile-top-brand{
    width:100%!important;
    max-width:none!important;
    min-height:78px!important;
    padding:0 18px!important;
    border-radius:26px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .mobile-top-brand:before{display:none!important;content:none!important}
  .mobile-top-brand:after{
    right:8%!important;
    top:-34px!important;
    width:116px!important;
    height:116px!important;
    opacity:.86!important;
  }
  .mobile-top-brand span:not(.mobile-top-logo){
    width:100%!important;
    padding-left:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .mobile-top-brand b{
    max-width:100%!important;
    font-size:28px!important;
    line-height:1.08!important;
    letter-spacing:1px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media(max-width:380px){
  .mobile-top-brand{width:100%!important;max-width:none!important;min-height:72px!important;padding:0 14px!important}
  .mobile-top-brand b{font-size:25px!important;letter-spacing:.7px!important}
}


@media(max-width:980px){
  .topbar{
    height:auto!important;
    min-height:0!important;
    padding:8px 14px 13px!important;
    margin:0 0 12px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    justify-content:center!important;
    align-items:center!important;
    pointer-events:auto!important;
  }
  .topbar>.mobile-menu{display:none!important}
  .mobile-spider-titlebar{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .mobile-spider-titlebar:before{
    content:""!important;
    position:absolute!important;
    left:4px!important;
    right:4px!important;
    bottom:-10px!important;
    width:auto!important;
    max-width:none!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#2fb8ff 0%,#8d6bff 34%,#ff79bb 68%,#ffdb62 100%)!important;
    opacity:.95!important;
    transform:none!important;
    box-shadow:0 8px 18px rgba(98,121,255,.16)!important;
  }
  .mobile-title-btn{
    display:grid!important;
    place-items:center!important;
    flex:0 0 52px!important;
    width:52px!important;
    height:52px!important;
    padding:0!important;
    border:0!important;
    border-radius:18px!important;
    background:rgba(24,28,38,.96)!important;
    color:#f7f8fb!important;
    box-shadow:0 12px 28px rgba(25,31,44,.13)!important;
    font-size:26px!important;
    line-height:1!important;
    cursor:pointer!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .mobile-title-search{font-size:29px!important;font-weight:600!important}
  .mobile-top-brand.mobile-top-brand-compact{
    position:relative!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:52px!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:18px!important;
    background:rgba(24,28,38,.96)!important;
    box-shadow:0 12px 28px rgba(25,31,44,.13)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    text-decoration:none!important;
    color:#fff!important;
    backdrop-filter:saturate(130%) blur(10px)!important;
    -webkit-backdrop-filter:saturate(130%) blur(10px)!important;
  }
  .mobile-top-brand.mobile-top-brand-compact:before,
  .mobile-top-brand.mobile-top-brand-compact:after{display:none!important;content:none!important}
  .mobile-title-mark{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:linear-gradient(135deg,#ff664a 0%,#ef3338 100%)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:0 7px 18px rgba(239,51,56,.35)!important;
  }
  .mobile-title-text{
    min-width:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .mobile-top-brand.mobile-top-brand-compact b{
    display:block!important;
    max-width:100%!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.7px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:#fff!important;
    text-shadow:none!important;
  }
  .mobile-top-brand.mobile-top-brand-compact small{display:none!important}
  html.dark .mobile-title-btn,
  html.dark .mobile-top-brand.mobile-top-brand-compact{
    background:rgba(20,23,31,.98)!important;
    box-shadow:0 13px 30px rgba(0,0,0,.34)!important;
  }
}
@media(max-width:420px){
  .mobile-spider-titlebar{gap:9px!important}
  .mobile-title-btn{flex-basis:48px!important;width:48px!important;height:48px!important;border-radius:17px!important;font-size:24px!important}
  .mobile-top-brand.mobile-top-brand-compact{min-height:48px!important;padding:0 12px!important;border-radius:17px!important;gap:9px!important}
  .mobile-title-mark{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:12px!important}
  .mobile-top-brand.mobile-top-brand-compact b{font-size:19px!important;letter-spacing:.4px!important}
}
@media(max-width:360px){
  .mobile-title-btn{flex-basis:44px!important;width:44px!important;height:44px!important;border-radius:16px!important}
  .mobile-top-brand.mobile-top-brand-compact{min-height:44px!important}
  .mobile-title-mark{width:28px!important;height:28px!important;flex-basis:28px!important}
  .mobile-top-brand.mobile-top-brand-compact b{font-size:18px!important}
}

.mobile-search-panel{display:none}
@media(max-width:980px){
  .hero-panel-compact{display:none!important}
  .mobile-search-panel[hidden]{display:none!important}
  .mobile-search-panel.open{
    display:block!important;
    width:calc(100% - 28px)!important;
    margin:-3px auto 16px!important;
    padding:11px!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(225,230,238,.86)!important;
    box-shadow:0 18px 42px rgba(33,42,60,.10)!important;
    box-sizing:border-box!important;
    backdrop-filter:saturate(135%) blur(14px)!important;
    -webkit-backdrop-filter:saturate(135%) blur(14px)!important;
  }
  html.dark .mobile-search-panel.open{
    background:rgba(31,33,41,.96)!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:0 20px 48px rgba(0,0,0,.42)!important;
  }
  .mobile-search-pop-form{display:block!important;width:100%!important;margin:0!important}
  .mobile-search-pop-line{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    height:56px!important;
    padding:5px!important;
    border-radius:17px!important;
    background:#f5f7fb!important;
    border:1px solid rgba(224,229,237,.86)!important;
    box-shadow:inset 0 1px 2px rgba(31,41,55,.03)!important;
    box-sizing:border-box!important;
  }
  html.dark .mobile-search-pop-line{
    background:#15181f!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
  }
  .mobile-search-engine-current{
    flex:0 0 auto!important;
    min-width:74px!important;
    height:44px!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:13px!important;
    background:#edf1f6!important;
    color:#666f7a!important;
    font-size:14px!important;
    font-weight:650!important;
    white-space:nowrap!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
  }
  html.dark .mobile-search-engine-current{background:#242833!important;color:#c9ced8!important}
  .mobile-search-engine-current span{font-size:12px!important;opacity:.75!important}
  .mobile-search-pop-line input{
    flex:1 1 auto!important;
    min-width:0!important;
    height:44px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#20242d!important;
    font-size:16px!important;
    padding:0 3px!important;
  }
  .mobile-search-pop-line input::placeholder{color:#9ca3af!important}
  html.dark .mobile-search-pop-line input{color:#f3f4f6!important}
  html.dark .mobile-search-pop-line input::placeholder{color:#666d7a!important}
  .mobile-search-submit{
    flex:0 0 48px!important;
    width:48px!important;
    height:44px!important;
    padding:0!important;
    border:0!important;
    border-radius:13px!important;
    background:#ef3e45!important;
    color:#fff!important;
    font-size:26px!important;
    font-weight:900!important;
    line-height:1!important;
    box-shadow:0 8px 20px rgba(239,62,69,.22)!important;
  }
  .mobile-search-pop-tabs{
    display:flex!important;
    align-items:center!important;
    gap:20px!important;
    width:100%!important;
    margin:11px 0 0!important;
    padding:0 4px 2px!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    box-sizing:border-box!important;
  }
  .mobile-search-pop-tabs::-webkit-scrollbar{display:none!important}
  .mobile-search-pop-tabs button{
    position:relative!important;
    flex:0 0 auto!important;
    height:32px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#8b929d!important;
    font-size:16px!important;
    font-weight:650!important;
    white-space:nowrap!important;
  }
  .mobile-search-pop-tabs button.active{color:#20242d!important}
  .mobile-search-pop-tabs button.active:after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:0!important;
    width:24px!important;
    height:4px!important;
    border-radius:999px!important;
    background:#ef3e45!important;
    transform:translateX(-50%)!important;
  }
  html.dark .mobile-search-pop-tabs button{color:#7b828f!important}
  html.dark .mobile-search-pop-tabs button.active{color:#f5f6f9!important}
  .mobile-title-search{font-size:0!important;position:relative!important}
  .mobile-title-search:before{
    content:"⌕"!important;
    font-size:29px!important;
    font-weight:700!important;
    line-height:1!important;
  }
  body.mobile-search-open .mobile-title-search:before{content:"×"!important;font-size:34px!important;font-weight:500!important}
  html:not(.dark) .mobile-title-btn,
  html:not(.dark) .mobile-top-brand.mobile-top-brand-compact{
    background:rgba(29,33,44,.97)!important;
    color:#fff!important;
    box-shadow:0 12px 30px rgba(25,31,44,.14)!important;
  }
  html:not(.dark) .mobile-title-btn{color:#fff!important}
  html:not(.dark) .mobile-top-brand.mobile-top-brand-compact b{color:#fff!important}
  html.dark .mobile-title-btn,
  html.dark .mobile-top-brand.mobile-top-brand-compact{
    background:rgba(25,27,34,.98)!important;
    border-color:rgba(255,255,255,.06)!important;
    color:#f7f8fb!important;
    box-shadow:0 16px 36px rgba(0,0,0,.38)!important;
  }
}
@media(max-width:380px){
  .mobile-search-pop-tabs{gap:16px!important}
  .mobile-search-pop-tabs button{font-size:15px!important}
  .mobile-search-engine-current{min-width:68px!important;padding:0 10px!important;font-size:13px!important}
  .mobile-search-submit{width:46px!important;flex-basis:46px!important}
}


.lucide-icon{width:1em;height:1em;display:block;stroke:currentColor;flex:0 0 auto}.side-menu a span .lucide-icon,.io-title-icon .lucide-icon,.owner-self-icon .lucide-icon{margin:auto}.mobile-title-icon{display:grid;place-items:center}.mobile-title-icon-close{display:none}body.mobile-search-open .mobile-title-icon-search{display:none!important}body.mobile-search-open .mobile-title-icon-close{display:grid!important}.engine-chevron{display:grid;place-items:center;opacity:.7}.search-line button svg,.mobile-search-submit svg{margin-right:6px}.mobile-search-submit svg{margin-right:0}.home-card-arrow{display:grid!important;place-items:center!important}.weather-icon{display:grid!important;place-items:center!important;font-size:22px!important}.weather-icon svg{width:22px;height:22px}.float-action-btn svg,.float-theme-btn svg,.float-sidebar-btn svg{width:22px;height:22px}.mobile-title-mark{display:none!important}

@media(min-width:981px){
  .desktop-search-panel{display:grid!important;grid-template-columns:1fr!important;max-width:100%;padding:18px 20px!important;margin:0 0 22px!important;border-radius:22px!important;background:rgba(255,255,255,.86)!important;border:1px solid rgba(225,230,238,.9)!important;box-shadow:0 18px 50px rgba(29,43,69,.07)!important;backdrop-filter:saturate(140%) blur(18px);-webkit-backdrop-filter:saturate(140%) blur(18px)}
  .desktop-search-panel .search-box{width:100%!important;align-self:stretch!important}.desktop-search-panel .search-tabs{margin-bottom:12px!important;gap:8px!important}.desktop-search-panel .search-tabs button{height:34px!important;padding:0 14px!important;border-radius:999px!important;background:#f2f4f8!important;color:#697282!important;font-weight:650!important}.desktop-search-panel .search-tabs button.active{background:#1d1f27!important;color:#fff!important}.desktop-search-panel .search-line{height:52px!important;border-radius:17px!important;background:#f6f7fa!important;border:1px solid #e7ebf1!important;padding:5px!important}.desktop-search-panel .search-line input{font-size:15px!important}.desktop-search-panel .search-line button{height:40px!important;border-radius:13px!important;padding:0 18px!important;gap:6px!important;background:#1d1f27!important;color:#fff!important}
  html.dark .desktop-search-panel{background:rgba(29,32,40,.86)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 18px 48px rgba(0,0,0,.28)!important}html.dark .desktop-search-panel .search-tabs button{background:#242935!important;color:#b6bdca!important}html.dark .desktop-search-panel .search-tabs button.active{background:#f5f6f8!important;color:#171a21!important}html.dark .desktop-search-panel .search-line{background:#171a21!important;border-color:rgba(255,255,255,.08)!important}html.dark .desktop-search-panel .search-line button{background:#f5f6f8!important;color:#171a21!important}
}

@media(max-width:980px){
  .hero-panel-compact,.desktop-search-panel{display:none!important}
  .topbar{padding:8px 12px 13px!important;margin:0 0 12px!important;background:transparent!important;border:0!important;box-shadow:none!important}.mobile-spider-titlebar{gap:9px!important;width:100%!important}.mobile-spider-titlebar:before{left:2px!important;right:2px!important;bottom:-10px!important;height:2px!important;background:linear-gradient(90deg,#69a7ff 0%,#7c5cff 38%,#ff6aa5 70%,#ffd166 100%)!important;box-shadow:0 10px 22px rgba(93,104,255,.14)!important}
  html:not(.dark) .mobile-title-btn,html:not(.dark) .mobile-top-brand.mobile-top-brand-compact{background:rgba(255,255,255,.88)!important;border:1px solid rgba(226,232,240,.9)!important;color:#1f2430!important;box-shadow:0 14px 34px rgba(30,42,62,.09)!important;backdrop-filter:saturate(160%) blur(16px)!important;-webkit-backdrop-filter:saturate(160%) blur(16px)!important}html:not(.dark) .mobile-top-brand.mobile-top-brand-compact b{color:#1f2430!important}
  html.dark .mobile-title-btn,html.dark .mobile-top-brand.mobile-top-brand-compact{background:rgba(24,27,35,.92)!important;border:1px solid rgba(255,255,255,.08)!important;color:#f5f7fb!important;box-shadow:0 18px 42px rgba(0,0,0,.36)!important;backdrop-filter:saturate(150%) blur(16px)!important;-webkit-backdrop-filter:saturate(150%) blur(16px)!important}html.dark .mobile-top-brand.mobile-top-brand-compact b{color:#f5f7fb!important}
  .mobile-title-btn{flex:0 0 50px!important;width:50px!important;height:50px!important;border-radius:18px!important;font-size:22px!important}.mobile-top-brand.mobile-top-brand-compact{min-height:50px!important;border-radius:18px!important;padding:0 14px!important}.mobile-top-brand.mobile-top-brand-compact b{font-size:20px!important;font-weight:850!important;letter-spacing:.4px!important}.mobile-title-search:before{display:none!important;content:none!important}.mobile-title-search{font-size:inherit!important}.mobile-title-search svg,.mobile-title-menu svg{width:23px;height:23px}
  .mobile-search-panel.open{width:calc(100% - 24px)!important;margin:-2px auto 16px!important;padding:11px!important;border-radius:22px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(226,232,240,.9)!important;box-shadow:0 20px 48px rgba(30,42,62,.12)!important;backdrop-filter:saturate(160%) blur(18px)!important;-webkit-backdrop-filter:saturate(160%) blur(18px)!important}html.dark .mobile-search-panel.open{background:rgba(23,26,34,.94)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 22px 52px rgba(0,0,0,.42)!important}
  .mobile-search-pop-line{height:54px!important;border-radius:17px!important;background:#f5f7fb!important;border:1px solid #e6ebf2!important;padding:5px!important;gap:8px!important}html.dark .mobile-search-pop-line{background:#141821!important;border-color:rgba(255,255,255,.08)!important}.mobile-search-engine-current{height:42px!important;min-width:76px!important;border-radius:13px!important;background:#eef2f7!important;color:#687383!important;font-weight:700!important}html.dark .mobile-search-engine-current{background:#232833!important;color:#cfd5df!important}.mobile-search-pop-line input{height:42px!important;font-size:16px!important;color:#1f2430!important}html.dark .mobile-search-pop-line input{color:#f6f7fb!important}.mobile-search-submit{width:46px!important;flex-basis:46px!important;height:42px!important;border-radius:13px!important;background:#ef3e45!important;color:#fff!important;box-shadow:0 12px 24px rgba(239,62,69,.22)!important}.mobile-search-submit svg{width:21px;height:21px}.mobile-search-pop-tabs{gap:19px!important;padding:0 5px 2px!important}.mobile-search-pop-tabs button{height:32px!important;color:#8d96a3!important;font-size:15px!important;font-weight:700!important}.mobile-search-pop-tabs button.active{color:#1f2430!important}html.dark .mobile-search-pop-tabs button{color:#7d8490!important}html.dark .mobile-search-pop-tabs button.active{color:#f6f7fb!important}.mobile-search-pop-tabs button.active:after{height:3px!important;background:#ef3e45!important}
  .owner-self-icon,.io-title-icon{display:grid!important;place-items:center!important;color:var(--brand)!important;background:var(--brand2)!important}.owner-self-icon svg,.io-title-icon svg{width:18px;height:18px}.float-action-btn,.float-theme-btn,.float-sidebar-btn,.float-weather-btn{display:grid!important;place-items:center!important;border-radius:18px!important}html:not(.dark) .float-action-btn,html:not(.dark) .float-theme-btn,html:not(.dark) .float-sidebar-btn,html:not(.dark) .float-weather-btn{background:rgba(255,255,255,.9)!important;color:#566070!important;border:1px solid rgba(226,232,240,.82)!important;box-shadow:0 14px 34px rgba(30,42,62,.12)!important}html.dark .float-action-btn,html.dark .float-theme-btn,html.dark .float-sidebar-btn,html.dark .float-weather-btn{background:rgba(26,30,39,.94)!important;color:#dce2ec!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 42px rgba(0,0,0,.36)!important}.weather-badge{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
}
@media(max-width:420px){.mobile-title-btn{flex-basis:47px!important;width:47px!important;height:47px!important;border-radius:17px!important}.mobile-top-brand.mobile-top-brand-compact{min-height:47px!important;border-radius:17px!important;padding:0 10px!important}.mobile-top-brand.mobile-top-brand-compact b{font-size:18px!important}.mobile-search-panel.open{width:calc(100% - 20px)!important}.mobile-search-pop-tabs{gap:15px!important}.mobile-search-pop-tabs button{font-size:14px!important}}