:root{--red:#ed5565;--yellow:#f8ac59;--green:#1ab394;--blue:#1054ff;--text:#34495e;--muted:#9aabb8;--line:#e6eaee;--bg:#fff}
.mb16{margin-bottom:16px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--text);background:var(--bg);font-size:14px}
a{text-decoration:none;color:inherit}
.container{max-width:100%;margin:0 auto;padding:0 20px}
.iconpark{vertical-align:-3px}
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;height:64px;gap:24px}
.logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;flex-shrink:0}
.logo-text em{font-style:normal;color:var(--blue)}
.main-nav{display:flex;gap:22px;flex-shrink:0}
.main-nav a{color:var(--text);font-weight:500;padding:6px 0;white-space:nowrap}
.main-nav a:hover{color:var(--blue)}
.header-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:8px 16px;width:230px;flex-shrink:0}
.header-search input{border:none;outline:0;background:0 0;width:100%;font-size:14px;color:var(--text)}
.hero{background:linear-gradient(135deg,#eef4ff 0,#fdeef0 55%,#fdf6ec 100%);padding:72px 0 64px;text-align:center}
.hero h1{font-size:56px;font-weight:800}
.hero .hl-blue{background:linear-gradient(87deg,#1054ff 6.96%,#8d67ea 44.33%,#c28ef0 58.89%,#ed5565 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-sub{color:var(--muted);margin:16px 0 32px;font-size:16px}
.hero-search{display:flex;max-width:640px;margin:0 auto;background:#fff;border-radius:999px;padding:6px;box-shadow:0 8px 24px rgba(16,84,255,.1)}
.hero-search input{flex:1;border:none;outline:0;padding:0 20px;font-size:14px;color:var(--text);border-radius:50px}
.hero-search button{display:flex;align-items:center;gap:6px;background:var(--blue);color:#fff;border:none;border-radius:999px;padding:12px 28px;font-size:14px;cursor:pointer}
.hero-search button:hover{background:#0d43d6}
.hero-stats{display:flex;justify-content:center;gap:64px;margin-top:40px}
.stat b{display:block;font-size:28px;color:var(--blue)}
.stat:nth-child(2) b{color:var(--red)}
.stat:nth-child(3) b{color:var(--green)}
.stat span{color:var(--muted);font-size:14px}
.section{padding:44px 0 0}
.section.last{padding-bottom:40px}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.section-head h2{font-size:22px;display:flex;align-items:center;gap:8px}
.more{color:var(--muted);font-size:14px;display:flex;align-items:center;gap:2px}
.more:hover{color:var(--blue)}
.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.cat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .2s}
.cat-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(52,73,94,.08);border-color:var(--blue)}
.cat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.cat-name{font-weight:600}
.cat-count{color:var(--muted);font-size:12px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.p-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .2s}
.p-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(52,73,94,.1);border-color:var(--blue)}
.p-card-top{display:flex;align-items:flex-start;gap:12px}
.p-icon{width:52px;height:52px;min-width:52px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.p-icon.sm{width:40px;height:40px;min-width:40px;border-radius:10px}
.p-icon.lg{width:76px;height:76px;min-width:76px;border-radius:18px}
.p-title{flex:1;min-width:0}
.p-title h3{font-size:16px}
.p-cat{color:var(--muted);font-size:12px}
.p-price{font-size:12px;padding:3px 10px;border-radius:999px;white-space:nowrap}
.p-price.free{background:rgba(26,179,148,.12);color:var(--green)}
.p-price.paid{background:rgba(237,85,101,.12);color:var(--red)}
.p-price.fm{background:rgba(248,172,89,.15);color:#d48b1f}
.p-tagline{color:var(--muted);font-size:14px;line-height:1.6;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p-meta{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:12px}
.meta-item{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:4px}
.p-tags-mini{margin-left:auto;display:flex;gap:6px;overflow:hidden}
.p-tags-mini i{font-style:normal;color:var(--muted);background:var(--bg);border-radius:5px;padding:2px 7px;font-size:11px;white-space:nowrap}
.two-col{display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:start}
.col-left,.col-right{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 20px 8px}
.col-left .section-head,.col-right .section-head{margin-bottom:12px}
.trend-item,.weekly-item{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line)}
.col-left .weekly-item:last-child,.col-right .trend-item:last-child{border-bottom:none}
.trend-item:hover,.weekly-item:hover{background:#f7f9fc}
.trend-info,.weekly-info{flex:1;min-width:0}
.trend-info h4,.weekly-info h4{font-size:14px}
.trend-info p,.weekly-info p{color:var(--muted);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trend-info h4 em{font-style:normal;font-size:11px;color:#d48b1f;border:1px solid rgba(248,172,89,.5);border-radius:4px;padding:1px 5px;margin-left:6px}
.weekly-date{color:var(--muted);font-size:12px}
.rank-badge{width:22px;height:22px;min-width:22px;border-radius:50%;background:#eef4ff;color:var(--blue);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
.rank-badge.r0{background:rgba(237,85,101,.12);color:var(--red)}
.rank-badge.r1{background:rgba(248,172,89,.15);color:#d48b1f}
.rank-badge.r2{background:rgba(26,179,148,.12);color:var(--green)}
.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rank-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .2s}
.rank-item:hover{border-color:var(--blue);box-shadow:0 8px 20px rgba(52,73,94,.08)}
.rank-num{font-size:16px;font-weight:800;color:var(--muted);width:24px;text-align:center;font-style:italic}
.rank-num.top{color:var(--red)}
.rank-info{flex:1;min-width:0}
.rank-info h4{font-size:14px}
.rank-info p{color:var(--muted);font-size:12px;margin-top:2px}
.rank-price{font-size:12px;color:var(--muted)}
.page-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding-top:24px}
.sidebar{position:sticky;top:88px;align-self:start}
.side-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.side-card h3{font-size:15px;display:flex;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.side-link{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;color:var(--text);font-size:14px}
.side-link b{margin-left:auto;color:var(--muted);font-weight:500;font-size:12px}
.side-link:hover{background:var(--bg)}
.side-link.active{background:rgba(16,84,255,.08);color:var(--blue);font-weight:600}
.side-link.active b{color:var(--blue)}
.list-toolbar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.crumbs{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:14px;flex-wrap:wrap}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--blue)}
.crumbs .cur{color:var(--text);font-weight:600}
.sort-tabs{display:flex;gap:4px}
.sort-tabs a{padding:6px 14px;border-radius:8px;color:var(--muted);font-size:14px}
.sort-tabs a:hover{color:var(--blue)}
.sort-tabs a.active{background:rgba(16,84,255,.08);color:var(--blue);font-weight:600}
.search-note{background:rgba(248,172,89,.1);border:1px solid rgba(248,172,89,.35);color:#b07a1e;border-radius:10px;padding:10px 16px;margin-bottom:16px;font-size:14px;display:flex;align-items:center}
.search-note a{margin-left:auto;color:var(--blue)}
.empty{background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center;padding:72px 0;color:var(--muted)}
.empty h3{margin:16px 0 6px;color:var(--text)}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:30px 0 40px}
.pg-btn{min-width:34px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:14px}
.pg-btn:hover{border-color:var(--blue);color:var(--blue)}
.pg-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}
.pg-btn.disabled{opacity:.4;pointer-events:none}
.pg-dots{color:var(--muted)}
.detail-crumbs{margin-top:20px}
.detail-hero{background:#fff;border:1px solid var(--line);border-top:3px solid var(--c,var(--blue));border-radius:14px;padding:28px;display:grid;grid-template-columns:1fr 360px;gap:28px;margin-top:16px;align-items:stretch}
.detail-hero-left{display:flex;gap:18px;align-items:flex-start}
.detail-hero-right{display:flex;flex-direction:column;gap:12px}
.detail-head-info{flex:1;min-width:0;display:flex;flex-direction:column}
.detail-head-info h1{font-size:24px;display:flex;align-items:center;gap:10px}
.detail-tagline{color:var(--muted);margin-top:8px}
.detail-meta{display:flex;gap:18px;margin-top:12px;color:var(--muted);font-size:14px;flex-wrap:wrap}
.detail-meta span{display:flex;align-items:center;gap:4px}
.detail-actions{margin-top:16px;display:flex;gap:10px}
.detail-fav{align-self:flex-start}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--blue);color:#fff;padding:11px 22px;border-radius:10px;font-weight:600;border:none;cursor:pointer;font-size:14px}
.btn-primary:hover{background:#0d43d6}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:var(--text);padding:10px 22px;border-radius:10px;border:1px solid var(--line);cursor:pointer;font-size:14px}
.btn-ghost:hover{border-color:var(--yellow);color:#d48b1f}
.detail-body{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:24px;align-items:start}
.detail-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}
.detail-card h3{font-size:17px;display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.detail-desc{line-height:1.9;color:var(--text)}
.detail-desc p{margin:0 0 10px}
.detail-desc p:last-child{margin-bottom:0}
.detail-desc img{max-width:100%;border-radius:8px}
.detail-desc h1,.detail-desc h2,.detail-desc h3{margin:14px 0 8px;font-size:17px}
.detail-desc ol,.detail-desc ul{padding-left:22px;margin:0 0 10px}
.detail-desc blockquote{margin:0 0 10px;padding:8px 14px;border-left:3px solid var(--blue);background:var(--bg);border-radius:0 8px 8px 0}
.p-tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.p-tags i{font-style:normal;background:var(--bg);color:var(--muted);padding:5px 12px;border-radius:6px;font-size:12px}
.p-tags .tag-link{display:inline-flex;align-items:center;gap:4px;background:var(--bg);color:var(--muted);padding:5px 12px;border-radius:6px;font-size:12px;transition:color .2s,background .2s}
.p-tags .tag-link:hover{color:var(--blue);background:var(--blue);opacity:.08}
.p-tags .tag-link:hover svg{stroke:var(--blue)}
.info-list{list-style:none}
.info-list li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14px}
.info-list li:last-child{border-bottom:none}
.info-list li>span{color:var(--muted);white-space:nowrap}
.info-list li a{color:var(--blue);word-break:break-all;text-align:right}
.info-list li b{font-weight:500}
.detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.nav-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:block}
.nav-card span{color:var(--muted);font-size:12px}
.nav-card b{display:block;margin-top:6px;font-size:14px}
.nav-card:hover{border-color:var(--blue)}
.nav-card.next{text-align:right}
.not-found{text-align:center;padding:90px 20px}
.not-found h2{margin:24px 0 8px}
.not-found p{color:var(--muted);margin-bottom:28px}
.page-main{min-height:calc(100vh - 260px)}
.site-footer{background:#fff;border-top:1px solid var(--line);margin-top:56px}
.footer-inner{margin:0 auto;padding:40px 20px 20px}
.footer-brand{margin-bottom:22px}
.footer-tagline{color:var(--text);margin-top:10px;font-size:14px}
.footer-langs{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.lang-item{color:var(--muted);font-size:14px}
.lang-item.active,.lang-item:hover{color:var(--text)}
.lang-sep{color:var(--line);font-size:14px}
.footer-friends{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.friends-label{color:var(--muted);font-size:14px}
.footer-friends a{color:var(--muted);font-size:14px}
.footer-friends a:hover{color:var(--blue)}
.footer-bottom-bar{padding:18px 0}
.footer-bottom-inner{margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.footer-copy{color:var(--muted);font-size:14px}
.footer-bottom-links{display:flex;gap:24px}
.footer-bottom-links a{color:var(--muted);font-size:14px}
.footer-bottom-links a:hover{color:var(--blue)}
.back-to-top{position:fixed;right:32px;bottom:32px;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--blue);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(0,0,0,.08);opacity:0;pointer-events:none;transition:opacity .25s;z-index:90}
.back-to-top:hover{background:var(--blue);color:#fff}
@media (max-width:1200px){.header-search{display:none}
.header-inner{gap:16px}
.main-nav{gap:16px}
}
@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
.grid-5{grid-template-columns:repeat(3,1fr)}
.cat-grid{grid-template-columns:repeat(4,1fr)}
.detail-body,.two-col{grid-template-columns:1fr}
.page-layout{grid-template-columns:200px 1fr}
}
@media (max-width:720px){.header-search{display:none}
.hero h1{font-size:28px}
.hero-stats{gap:32px}
.cat-grid,.detail-nav,.grid-3,.grid-4,.grid-5,.rank-grid{grid-template-columns:1fr}
.page-layout{grid-template-columns:1fr}
.sidebar{position:static}
.detail-hero{grid-template-columns:1fr}
.detail-hero-left{flex-direction:column;align-items:flex-start}
.detail-actions{flex-direction:row}
.footer-bottom-inner{flex-direction:column;gap:8px}
}
.page-layout.reverse{grid-template-columns:1fr 300px}
.a-cat{font-size:12px;padding:3px 10px;border-radius:999px;font-weight:500}
.news-list{display:flex;flex-direction:column;gap:16px}
.news-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:18px;transition:all .2s}
.news-row:hover{border-color:var(--blue);box-shadow:0 10px 24px rgba(52,73,94,.08)}
.news-cover{width:220px;min-width:220px;height:138px;border-radius:10px;overflow:hidden;background:var(--bg)}
.article-cover img,.news-card-cover img,.news-cover img{width:100%;height:100%;object-fit:cover;display:block}
.news-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.news-body h3{font-size:17px;line-height:1.5}
.news-row:hover .news-body h3{color:var(--blue)}
.news-body p{color:var(--muted);font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-meta{margin-top:auto;display:flex;align-items:center;gap:16px;color:var(--muted);font-size:12px}
.news-meta span{display:flex;align-items:center;gap:4px}
.news-author{margin-left:auto}
.news-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}
.news-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(52,73,94,.1);border-color:var(--blue)}
.news-card-cover{height:132px;overflow:hidden;background:var(--bg)}
.news-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;flex:1}
.news-card-body h3{font-size:14px;line-height:1.6}
.news-card:hover .news-card-body h3{color:var(--blue)}
.news-card-date{color:var(--muted);font-size:12px;margin-top:auto}
.hot-news .hn-item{display:flex;align-items:flex-start;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line)}
.hot-news .hn-item:last-child{border-bottom:none}
.hot-news .hn-item:hover .hn-title{color:var(--blue)}
.hn-title{font-size:14px;line-height:1.55}
.article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}
.article-head h1{font-size:24px;line-height:1.5;margin:12px 0}
.article-meta{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:14px;padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.article-meta span{display:flex;align-items:center;gap:4px}
.article-cover{height:340px;border-radius:12px;overflow:hidden;margin:20px 0 24px;background:var(--bg)}
.article-content p{line-height:2;margin-bottom:14px;font-size:15px;color:var(--text)}
.article-content img{width:100%;height:100%}
.article .p-tags{border-top:1px solid var(--line);padding-top:16px;margin-top:8px}
@media (max-width:1024px){.page-layout.reverse{grid-template-columns:1fr}
.article-cover{height:240px}
}
@media (max-width:720px){.news-row{flex-direction:column}
.news-cover{width:100%;min-width:0;height:180px}
.news-author{display:none}
.article{padding:20px}
.article-head h1{font-size:20px}
}
.logo-img{height:36px;width:auto;display:block}
.footer-logo-img{height:26px}
.p-icon img{width:100%;height:100%;object-fit:contain;border-radius:inherit;padding:8px}
.p-icon.sm img{padding:6px}
.p-icon.lg img{padding:12px}
.page-hero{background:linear-gradient(135deg,#eef4ff 0,#fdeef0 55%,#fdf6ec 100%);padding:48px 0 40px}
.page-hero h1{font-size:28px;font-weight:800;display:flex;align-items:center;gap:10px}
.page-hero p{color:var(--muted);margin:12px 0 24px;font-size:14px}
.page-hero .hero-search{margin:0}
.side-scroll{overflow-y:auto}
.side-card h3 .side-more{margin-left:auto;font-size:12px;color:var(--blue);font-weight:400}
.side-ic{display:inline-flex}
.cat-all-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cat-all-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .2s}
.cat-all-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(52,73,94,.1);border-color:var(--blue)}
.cat-all-head{display:flex;align-items:center;gap:12px}
.cat-all-meta{flex:1;display:flex;flex-direction:column;gap:2px}
.cat-all-meta b{font-size:16px}
.cat-all-meta span{color:var(--muted);font-size:12px}
.cat-all-go{width:28px;height:28px;border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center}
.cat-all-desc{color:var(--muted);font-size:14px;line-height:1.6;min-height:40px}
.cat-all-products{display:flex;gap:8px}
.mini-product{width:30px;height:30px;border-radius:8px;background:var(--bg);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.mini-product img{width:100%;height:100%;object-fit:contain;padding:5px}
.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.detail-tags i{font-style:normal;color:var(--blue);background:rgba(16,84,255,.08);padding:4px 12px;border-radius:6px;font-size:12px}
.detail-preview{position:relative;width:360px;height:220px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.detail-preview img.detail-img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}
.preview-fallback{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--c,#1054ff) 8%,#fff) 0,#f3f6f9 100%)}
.preview-fallback .pf-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c,#1054ff) 12%,#fff)}
.preview-fallback .pf-icon img{width:36px;height:36px;object-fit:contain;max-height:none;border-radius:10px}
.preview-fallback b{font-size:15px;color:var(--text)}
.preview-fallback p{color:var(--muted);font-size:12px;padding:0 12px}
.detail-preview.pending{min-height:220px}
.detail-preview.pending img{display:none}
.detail-preview.pending .preview-fallback{display:flex}
.detail-main{display:flex;flex-direction:column;gap:20px}
.detail-main .detail-card{padding:20px 24px}
.ib-val{text-align:right;word-break:break-all}
.traffic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.traffic-cell{background:var(--bg);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px}
.tc-label{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:4px}
.traffic-cell b{font-size:19px;color:var(--text)}
.domain-list{margin-top:14px}
.model-table-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.model-table{width:100%;border-collapse:collapse}
.model-table th{text-align:left;font-size:12px;color:var(--muted);font-weight:500;padding:12px 14px;background:#f7f9fc;white-space:nowrap}
.model-table td{padding:12px 14px;border-top:1px solid var(--line);font-size:14px;vertical-align:middle}
.model-table tbody tr{cursor:pointer;transition:background .15s}
.model-table tbody tr:hover{background:#f7f9fc}
.mt-model{display:flex;align-items:center;gap:10px;min-width:190px}
.mt-model b{display:block;font-size:14px}
.mt-model>div>a.vendor-link,.mt-model>div>span{color:var(--muted);font-size:11px;display:block;margin-top:2px;white-space:nowrap}
.mt-model>div>a.vendor-link:hover{color:var(--blue)}
.vendor-link{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor}
.vendor-link:hover{color:var(--blue)}
.like-btn{background:0 0;border:none;padding:0;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .2s}
.like-btn.is-liked,.like-btn:hover{color:#ed5565}
.like-btn.is-liked{cursor:default}
.vendor-logo-sm{width:16px;height:16px;border-radius:4px;object-fit:contain;vertical-align:-3px;margin-right:3px;background:#fff}
.vendor-select-row{display:flex;align-items:center;gap:10px}
.vendor-logo-preview{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;background:#fff;flex:none}
.vendor-logo-preview img{max-width:28px;max-height:28px;object-fit:contain}
.vendor-thumb{width:30px;height:30px;border-radius:7px;object-fit:contain;border:1px solid var(--line);background:#fff}
.vendor-hero{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:24px}
.vendor-hero-main{display:flex;align-items:center;gap:16px}
.vendor-head-info h1{font-size:24px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.vendor-en{font-size:14px;color:var(--muted);font-weight:400}
.vendor-meta{display:flex;gap:18px;margin-top:10px;font-size:14px;color:var(--muted);flex-wrap:wrap}
.vendor-meta a,.vendor-meta span{display:inline-flex;align-items:center;gap:4px}
.vendor-meta a{color:var(--blue)}
.vendor-desc{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:var(--text);font-size:14px;line-height:1.9}
.vendor-desc p{margin:0 0 6px}
.vendor-desc p:last-child{margin-bottom:0}
.mt-model .p-icon{width:40px;height:40px;min-width:40px}
.tag-green,.tag-muted{font-size:11px;padding:3px 9px;border-radius:999px;white-space:nowrap}
.tag-green{color:var(--green);background:rgba(26,179,148,.12)}
.tag-muted{color:var(--muted);background:var(--bg)}
.mt-cat{font-size:12px;padding:3px 10px;border-radius:999px;white-space:nowrap}
.mt-caps{display:flex;flex-wrap:wrap;gap:5px;max-width:230px}
.cap-cloud i,.mt-caps i,.side-caps i{font-style:normal;color:var(--muted);background:var(--bg);border-radius:5px;padding:2px 8px;font-size:11px;white-space:nowrap}
.mt-ctx{color:var(--blue);font-weight:600;white-space:nowrap}
.mt-param{color:var(--text);white-space:nowrap}
.mt-price{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px}
.mt-price em{font-style:normal;color:var(--muted)}
.mt-price span{color:var(--text)}
.cap-cloud{display:flex;flex-wrap:wrap;gap:8px}
.cap-cloud a{display:inline-flex;align-items:center;gap:4px}
.cap-cloud b{color:var(--muted);font-size:11px;font-weight:500}
.cap-cloud a:hover i{color:var(--blue);background:rgba(16,84,255,.08)}
.bench-list{display:flex;flex-direction:column;gap:16px}
.bench-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.bench-head b{font-size:14px}
.bench-score{font-size:18px;font-weight:700;color:var(--blue)}
.bench-bar{height:8px;background:var(--bg);border-radius:999px;overflow:hidden}
.bench-bar i{display:block;height:100%;border-radius:999px;transition:width .4s}
.bench-desc{color:var(--muted);font-size:12px;margin-top:5px}
.bench-avg{font-size:14px;color:var(--green);margin-left:auto;font-weight:600}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.price-cell{border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.price-cell b{font-size:18px;color:var(--blue)}
.price-cell em{font-style:normal;color:var(--muted);font-size:12px}
.pricing-note{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.7;display:flex;gap:6px}
.side-caps{display:flex;flex-wrap:wrap;gap:8px}
.side-caps i{font-size:12px;padding:4px 10px}
.model-hero{grid-template-columns:1fr;border-top-color:var(--c,var(--blue))}
@media (max-width:1024px){.cat-all-grid{grid-template-columns:repeat(2,1fr)}
.traffic-grid{grid-template-columns:repeat(2,1fr)}
.model-table-card{overflow-x:auto}
.model-table{min-width:900px}
}
@media (max-width:720px){.cat-all-grid,.pricing-grid{grid-template-columns:1fr}
.traffic-grid{grid-template-columns:repeat(2,1fr)}
.page-hero h1{font-size:22px}
.logo-img{height:30px}
}
.header-tools{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:22px}
.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:9px;background:0 0;color:var(--text);cursor:pointer;padding:0;transition:color .2s,background-color .2s}
.tool-btn:hover{color:var(--blue);background:rgba(16,84,255,.08)}
.tool-btn .ic-moon,.tool-btn .ic-sun{display:inline-flex;line-height:0}
.tool-btn .ic-sun{display:none}
[data-theme=dark] .tool-btn .ic-moon{display:none}
[data-theme=dark] .tool-btn .ic-sun{display:inline-flex}
.lang-switcher{position:relative}
.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:300;min-width:136px;padding:6px;display:none;flex-direction:column;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 32px rgba(20,32,54,.14)}
.lang-switcher.open .lang-dropdown{display:flex}
.lang-opt{font:inherit;text-align:left;width:100%;border:none;background:0 0;color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px;cursor:pointer}
.lang-opt:hover{color:var(--blue);background:rgba(16,84,255,.08)}
.lang-opt.active{color:var(--blue);font-weight:600;background:rgba(16,84,255,.08)}
body{transition:background-color .25s ease}
[data-theme=dark]{color-scheme:dark;--red:#ff6b7d;--yellow:#ffba61;--green:#38d4ae;--blue:#5b8cff;--text:#d8e0ee;--muted:#8a97ad;--line:#28324a;--bg:#0d1424;--card:#161e30;--soft:#1b2438}
[data-theme=dark] .article,[data-theme=dark] .back-to-top,[data-theme=dark] .btn-ghost,[data-theme=dark] .cat-all-card,[data-theme=dark] .cat-card,[data-theme=dark] .col-left,[data-theme=dark] .col-right,[data-theme=dark] .detail-card,[data-theme=dark] .detail-hero,[data-theme=dark] .detail-preview,[data-theme=dark] .empty,[data-theme=dark] .hero-search,[data-theme=dark] .lang-dropdown,[data-theme=dark] .list-toolbar,[data-theme=dark] .model-table-card,[data-theme=dark] .nav-card,[data-theme=dark] .news-card,[data-theme=dark] .news-row,[data-theme=dark] .p-card,[data-theme=dark] .pg-btn,[data-theme=dark] .rank-item,[data-theme=dark] .side-card,[data-theme=dark] .site-footer,[data-theme=dark] .site-header{background:var(--card)}
[data-theme=dark] .hero,[data-theme=dark] .page-hero{background:linear-gradient(135deg,#111a30 0,#1b1626 55%,#211b18 100%)}
[data-theme=dark] .hero-search{box-shadow:0 8px 24px rgba(0,0,0,.45)}
[data-theme=dark] .model-table tbody tr:hover,[data-theme=dark] .model-table th{background:var(--soft)}
[data-theme=dark] .trend-item:hover,[data-theme=dark] .weekly-item:hover{background:rgba(255,255,255,.04)}
[data-theme=dark] .cat-all-card:hover,[data-theme=dark] .cat-card:hover,[data-theme=dark] .news-card:hover,[data-theme=dark] .p-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.45)}
[data-theme=dark] .news-row:hover,[data-theme=dark] .rank-item:hover{box-shadow:0 8px 20px rgba(0,0,0,.4)}
[data-theme=dark] .back-to-top{box-shadow:0 2px 12px rgba(0,0,0,.5)}
[data-theme=dark] .lang-dropdown{box-shadow:0 14px 32px rgba(0,0,0,.55)}
[data-theme=dark] .btn-primary,[data-theme=dark] .hero-search button,[data-theme=dark] .pg-btn.active{background:#2f6bff;border-color:#2f6bff}
[data-theme=dark] .btn-primary:hover,[data-theme=dark] .hero-search button:hover{background:#4a80ff}
[data-theme=dark] .back-to-top:hover{background:#2f6bff;color:#fff}
[data-theme=dark] .cap-cloud a:hover i,[data-theme=dark] .detail-tags i,[data-theme=dark] .lang-opt.active,[data-theme=dark] .lang-opt:hover,[data-theme=dark] .side-link.active,[data-theme=dark] .sort-tabs a.active,[data-theme=dark] .tool-btn:hover{background:rgba(91,140,255,.16)}
[data-theme=dark] .p-price.fm{color:var(--yellow)}
[data-theme=dark] .rank-badge{background:rgba(91,140,255,.16);color:var(--blue)}
[data-theme=dark] .rank-badge.r1{color:var(--yellow)}
[data-theme=dark] .trend-info h4 em{color:var(--yellow)}
[data-theme=dark] .btn-ghost:hover{color:var(--yellow)}
[data-theme=dark] .search-note{background:rgba(248,172,89,.12);border-color:rgba(248,172,89,.3);color:#e0b25c}
.uc-entry-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:600;width:auto;height:36px;padding:0 14px;white-space:nowrap;flex-shrink:0}
.uc-account{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}
.uc-login-link{font-size:14px;font-weight:600;color:#fff;background:var(--blue);padding:7px 14px;border-radius:8px;white-space:nowrap}
.uc-acc-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:var(--blue)}
.uc-acc-logout{font-size:12px;color:var(--muted)}
.uc-acc-logout:hover{color:var(--red)}
.uc-wrap{background:#f4f6fa;padding:20px 0 30px;min-height:calc(100vh - 64px - 260px)}
.uc-layout{display:flex;align-items:stretch;gap:20px}
.uc-side{width:196px;flex-shrink:0;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;gap:4px}
.uc-side-item{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:9px;font-size:14px;font-weight:600;color:#516379;white-space:nowrap}
.uc-side-item .uc-side-ic{display:inline-flex;color:#7b8ba0}
.uc-side-item:hover{background:rgba(16,84,255,.05);color:var(--blue)}
.uc-side-item:hover .uc-side-ic{color:var(--blue)}
.uc-side-item.active{background:rgba(16,84,255,.08);color:var(--blue)}
.uc-side-item.active .uc-side-ic{color:var(--blue)}
.uc-panel{flex:1;min-width:0;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;padding:24px 26px}
.uc-tabbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.uc-tabs{display:flex;gap:14px}
.uc-tab{width:132px;height:46px;border:1px solid var(--line);border-radius:8px;background:0 0;font-size:15px;font-weight:600;color:#516379;cursor:pointer;font-family:inherit}
.uc-tab:hover{border-color:var(--blue);color:var(--blue)}
.uc-tab.active{border-color:var(--blue);color:var(--blue);background:rgba(16,84,255,.06)}
.uc-post-btn{margin-left:auto;padding:9px 18px;border-radius:8px;font-size:14px;font-weight:600;color:#fff;background:var(--blue);white-space:nowrap}
.uc-post-btn:hover{background:#0d43d6}
.uc-table-wrap{border:1px solid var(--line);border-radius:10px;overflow-x:auto}
.uc-table{width:100%;border-collapse:collapse;font-size:14px;min-width:720px}
.uc-table th{text-align:left;padding:12px 16px;color:var(--muted);font-weight:600;background:var(--soft,#f7faff);border-bottom:1px solid var(--line);white-space:nowrap}
.uc-table td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.uc-table tr:last-child td{border-bottom:none}
.uc-table a{color:var(--blue)}
.uc-state{padding:90px 20px;text-align:center}
.uc-state-art{display:flex;justify-content:center;margin-bottom:18px}
.uc-state-text{font-size:16px;color:#9aabb8;margin:0 0 6px}
.uc-state-sub{font-size:12px;color:var(--muted);margin:0}
.uc-state-btn{display:inline-block;margin-top:18px;padding:9px 22px;border-radius:8px;font-size:14px;font-weight:600;color:#fff;background:var(--blue)}
.uc-state-btn:hover{background:#0d43d6}
.uc-account-card{display:flex;align-items:center;gap:18px;padding:10px 4px;flex-wrap:wrap}
.uc-avatar{width:64px;height:64px;border-radius:50%;background:rgba(16,84,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.uc-account-info{flex:1;min-width:200px}
.uc-account-info h3{font-size:18px;margin:0 0 6px}
.uc-account-info p{font-size:14px;color:var(--muted);margin:0 0 4px}
.uc-account-time{font-size:12px!important}
.uc-logout-btn{margin-left:0;background:0 0;color:var(--red);border:1px solid rgba(237,85,101,.4)}
.uc-logout-btn:hover{background:var(--red);color:#fff}
.uc-toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:300;padding:11px 22px;border-radius:10px;font-size:14px;color:#0c8a6a;background:#e9f9f4;border:1px solid rgba(26,179,148,.4);box-shadow:0 8px 24px rgba(6,23,61,.12);transition:opacity .5s}
.uc-toast.out{opacity:0}
.uc-panel [hidden],.uc-tabbar [hidden]{display:none!important}
.uc-page-head{margin:20px 0 18px}
.uc-back{color:var(--muted);font-size:14px}
.uc-page-head h1{font-size:22px;margin:8px 0 6px}
.uc-page-head p{color:var(--muted);font-size:14px}
.uc-form{background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:24px 26px;margin-bottom:30px}
.uc-form-title{font-size:15px;font-weight:700;margin:8px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.uc-form-title:not(:first-child){margin-top:26px}
.uc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.uc-field{display:block;font-size:14px;font-weight:600;color:var(--text)}
.uc-full{grid-column:1/-1}
.uc-field input[type=color],.uc-field input[type=date],.uc-field input[type=email],.uc-field input[type=number],.uc-field input[type=text],.uc-field select,.uc-field textarea{width:100%;margin-top:7px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:14px;font-family:inherit;color:var(--text);background:var(--bg);outline:0}
.uc-field input[type=color]{height:42px;padding:4px;cursor:pointer}
.uc-field textarea{resize:vertical;line-height:1.7}
.uc-field input:focus,.uc-field select:focus,.uc-field textarea:focus{border-color:var(--blue)}
.uc-form .ql-toolbar.ql-snow{border-color:var(--line);border-radius:9px 9px 0 0}
.uc-form .ql-container.ql-snow{height:auto;border-color:var(--line);border-radius:0 0 9px 9px}
#descEditor.ql-container .ql-editor{min-height:260px}
#contentEditor.ql-container .ql-editor{min-height:320px}
.uc-form-actions{margin-top:24px;display:flex;gap:12px}
.uc-btn-ghost,.uc-btn-primary{padding:11px 28px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer}
.uc-btn-primary{background:var(--blue);color:#fff;border:none}
.uc-btn-ghost{background:0 0;color:var(--muted);border:1px solid var(--line)}
.uc-upload-row{display:flex;gap:16px;align-items:center;margin-top:7px}
.uc-upload-row .p-icon{width:56px;height:56px;min-width:56px;background:rgba(16,84,255,.08)}
.uc-upload-body{flex:1}
.uc-upload-btn{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 16px;border:1px dashed var(--blue);border-radius:9px;color:var(--blue);font-size:14px;font-weight:600;cursor:pointer;background:rgba(16,84,255,.05)}
.uc-upload-btn input[type=file]{display:none}
.uc-upload-btn.has-file{border-style:solid;border-color:var(--green);color:var(--green);background:rgba(26,179,148,.08)}
.uc-file-name{font-size:12px;font-weight:400}
.uc-hint{color:var(--muted);font-size:12px;margin-top:7px}
.uc-preview-thumb{width:120px;height:74px;border-radius:9px;overflow:hidden;border:1px solid var(--line)}
.uc-preview-thumb img{width:100%;height:100%;object-fit:cover}
.uc-query-status{display:block;margin-top:6px;font-size:12px;min-height:16px;color:var(--muted);font-weight:400}
.uc-query-status.loading{color:var(--yellow)}
.uc-query-status.ok{color:var(--green)}
.uc-field input.auto-filled{animation:ucFlash 1.5s ease}
@keyframes ucFlash{0%{background:rgba(26,179,148,.22);border-color:var(--green)}
100%{background:var(--bg)}
}
@media (max-width:760px){.uc-form-grid{grid-template-columns:1fr}
.uc-layout{flex-direction:column}
.uc-side{width:100%;flex-direction:row;overflow-x:auto;gap:8px}
.uc-side-item{flex-shrink:0}
}
[data-theme=dark] .uc-upload-btn{background:rgba(91,140,255,.1)}
[data-theme=dark] .uc-upload-row .p-icon{background:rgba(91,140,255,.14)}
[data-theme=dark] .uc-wrap{background:#0a1020}
[data-theme=dark] .uc-side-item{color:#aab6c9}
[data-theme=dark] .uc-tab{color:#aab6c9}
[data-theme=dark] .uc-toast{background:#10332b;color:#4fd6ae;border-color:rgba(56,212,174,.4)}
[data-theme=dark] .ql-container.ql-snow,[data-theme=dark] .ql-toolbar.ql-snow{background:#fff}
[data-theme=dark] .preview-fallback{background:linear-gradient(135deg,color-mix(in srgb,var(--c,#5b8cff) 18%,#161e30) 0,#131b2b 100%)}
[data-theme=dark] .preview-fallback .pf-icon{background:color-mix(in srgb,var(--c,#5b8cff) 22%,#161e30)}
[data-theme=dark] .logo-img{filter:invert(1) hue-rotate(150deg) saturate(.85)}
[data-theme=dark] input::placeholder{color:#6d7a91}
[data-theme=dark] circle[stroke="#9aabb8"],[data-theme=dark] path[stroke="#9aabb8"],[data-theme=dark] rect[stroke="#9aabb8"]{stroke:var(--muted)}
[data-theme=dark] circle[stroke="#dde6eb"],[data-theme=dark] path[stroke="#dde6eb"],[data-theme=dark] rect[stroke="#dde6eb"]{stroke:#35405a}
[data-theme=dark] circle[stroke="#1054ff"],[data-theme=dark] path[stroke="#1054ff"],[data-theme=dark] rect[stroke="#1054ff"]{stroke:var(--blue)}
[data-theme=dark] circle[stroke="#ed5565"],[data-theme=dark] path[stroke="#ed5565"],[data-theme=dark] rect[stroke="#ed5565"]{stroke:var(--red)}
[data-theme=dark] circle[stroke="#1ab394"],[data-theme=dark] path[stroke="#1ab394"],[data-theme=dark] rect[stroke="#1ab394"]{stroke:var(--green)}
[data-theme=dark] circle[stroke="#f8ac59"],[data-theme=dark] path[stroke="#f8ac59"],[data-theme=dark] rect[stroke="#f8ac59"]{stroke:var(--yellow)}
@media (max-width:1024px){.header-tools{margin-left:12px;gap:4px}
}
@media (max-width:720px){.header-tools{margin-left:8px}
.main-nav{gap:12px}
}
@media (max-width:768px){
.container{padding:0 14px}
.header-inner{height:56px;gap:12px}
.logo{font-size:18px}
.logo-img{height:28px}
.main-nav{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:var(--card,#fff);flex-direction:column;padding:20px 24px;gap:0;z-index:99;border-top:1px solid var(--line)}
.main-nav.open{display:flex}
.main-nav a{padding:12px 0;font-size:16px;border-bottom:1px solid var(--line)}
.mobile-menu-btn{display:inline-flex}
.header-tools{margin-left:auto;gap:6px}
.tool-btn{width:34px;height:34px}
.hero{padding:44px 0 36px}
.hero h1{font-size:26px}
.hero-sub{font-size:14px;margin:12px 0 20px}
.hero-search{max-width:100%}
.hero-search button{padding:10px 18px}
.hero-stats{gap:28px;margin-top:28px}
.stat b{font-size:22px}
.section{padding:32px 0 0}
.section-head h2{font-size:18px}
.grid-3,.grid-4,.grid-5,.cat-grid{grid-template-columns:1fr}
.rank-grid{grid-template-columns:1fr}
.page-layout{grid-template-columns:1fr}
.sidebar{position:static}
.two-col{grid-template-columns:1fr}
.detail-hero{grid-template-columns:1fr;padding:20px}
.detail-hero-left{flex-direction:column;align-items:flex-start;gap:14px}
.detail-preview{width:100%;height:auto;min-height:180px}
.detail-head-info h1{font-size:18px;gap:6px}
.detail-meta{gap:12px;font-size:13px}
.detail-actions{flex-wrap:wrap}
.detail-body{grid-template-columns:1fr}
.detail-card{padding:18px}
.article{padding:18px}
.article-head h1{font-size:18px}
.article-cover{height:180px}
.news-row{flex-direction:column}
.news-cover{width:100%;min-width:0;height:180px}
.news-author{display:none}
.footer-inner{padding:28px 14px 16px}
.footer-bottom-inner{flex-direction:column;gap:8px;text-align:center}
.footer-langs{flex-wrap:wrap;gap:10px}
.footer-friends{flex-wrap:wrap;gap:10px}
.back-to-top{right:14px;bottom:14px;width:40px;height:40px}
.cat-all-grid{grid-template-columns:1fr}
.pricing-grid{grid-template-columns:1fr}
.traffic-grid{grid-template-columns:1fr 1fr}
.vendor-hero{padding:18px}
.vendor-hero-main{flex-direction:column;align-items:flex-start}
.vendor-head-info h1{font-size:18px}
.vendor-meta{gap:12px;font-size:13px}
.page-hero{padding:32px 0 24px}
.page-hero h1{font-size:20px}
.list-toolbar{flex-direction:column;align-items:flex-start;gap:10px}
.sort-tabs{flex-wrap:wrap}
.pagination{flex-wrap:wrap;gap:6px}
.pg-btn{min-width:32px;height:32px;font-size:13px}
.model-table-card{overflow-x:auto}
.model-table{min-width:900px}
}
@media (max-width:480px){
.hero h1{font-size:22px}
.hero-stats{gap:20px}
.stat b{font-size:18px}
.stat span{font-size:12px}
.detail-preview{min-height:140px}
.detail-card h3{font-size:15px}
.rank-num{width:20px;font-size:14px}
.p-card{padding:14px}
.p-icon{width:44px;height:44px;min-width:44px}
.news-card-cover{height:110px}
.cat-card{padding:16px 12px}
.footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:12px}
}
.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:8px;background:0 0;color:var(--text);cursor:pointer;padding:0}
.mobile-menu-btn:hover{color:var(--blue);background:rgba(16,84,255,.08)}
/* 广告位（286×238，仅 PC 显示） */
.ad-slot{position:relative;width:286px;max-width:100%;height:238px;border-radius:8px;overflow:hidden;background:var(--bg)}
.ad-slot img{width:100%;height:100%;object-fit:cover;display:block}
.ad-tag{position:absolute;top:6px;right:6px;font-size:10px;line-height:1.5;color:#9aabb8;background:rgba(255,255,255,.88);border-radius:4px;padding:1px 5px}
.ad-offline{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:#9aabb8;font-size:13px;background:var(--bg)}
.ad-slot.expired a,.ad-slot.expired .ad-tag{display:none}
.ad-slot.expired .ad-offline{display:flex}
@media (max-width:768px){.ad-card{display:none}}
html.i18n-pending body{visibility:hidden}