*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#f4f6f4;--bg2:#fff;--bg3:#edf2ef;--border:#d8e0dc;--text:#2f3d3a;--text2:#5c6b67;--text3:#899590;--accent:#4f7f78;--accent2:#6f9f96;--gold:#a77a2c;--green:#5f9364;--red:#c7685b}
[data-theme="dark"]{--bg:#101513;--bg2:#18201d;--bg3:#222c28;--border:#33413c;--text:#e4ebe8;--text2:#aab7b2;--text3:#7fa99f;--accent:#89b9ae;--accent2:#6f9f96;--gold:#d6ad65;--green:#81b887;--red:#df8d82}
html,body{height:100%;background:var(--bg);color:var(--text);font-family:'Microsoft YaHei',sans-serif;font-size:14px}
#hero{position:relative;height:var(--hero-height,182px);min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#eef4f1,#f8faf8);border-bottom:1px solid var(--border)}
#hero.has-media{height:min(88vh,max(var(--hero-height,280px),calc(100vw / var(--hero-aspect,1.7778))))}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101513;filter:none;opacity:1;transform:translateZ(0);backface-visibility:hidden}.hero-shade{position:absolute;inset:0;background:transparent;pointer-events:none}#hero.no-media .hero-shade{background:linear-gradient(135deg,rgba(238,244,241,.72),rgba(248,250,248,.84))}
#home-title{padding:16px 20px 12px;background:var(--bg2);border-bottom:1px solid var(--border);text-align:center}#home-title h1{font-size:26px;font-weight:800;color:#314943;letter-spacing:0;line-height:1.25}
.site-logo{position:absolute;z-index:3;left:28px;top:22px;width:min(190px,22vw);height:76px;object-fit:contain}.custom-hero-item{position:absolute;z-index:3;display:block;overflow:hidden;text-decoration:none}.custom-hero-item img{width:100%;height:100%;object-fit:contain;display:block}.top-actions{position:absolute;z-index:4;right:22px;top:18px;display:flex;align-items:center;gap:10px}
#theme-btn{padding:6px 12px;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:14px;line-height:1}#theme-btn:hover{background:var(--border)}
#category-bar{display:flex;justify-content:center;gap:8px;padding:16px 0;background:var(--bg2);border-bottom:1px solid var(--border)}.cat-btn{padding:6px 20px;border-radius:4px;border:1px solid var(--border);background:var(--bg2);color:var(--text2);cursor:pointer;font-size:14px;transition:all .2s}.cat-btn:hover{color:var(--accent);border-color:var(--accent)}.cat-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}
#search-bar{display:flex;justify-content:center;gap:12px;padding:16px;background:var(--bg2);border-bottom:1px solid var(--border)}#search-input{width:480px;padding:8px 16px;border:1px solid var(--border);border-radius:4px;font-size:14px;color:var(--text);outline:none;transition:border-color .2s}#search-input:focus{border-color:var(--accent)}#search-input::placeholder{color:var(--text3)}#search-btn{padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}#search-btn:hover{background:var(--accent2)}
#card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;padding:26px;max-width:1520px;margin:0 auto}.featured-section{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,340px));justify-content:center;gap:22px;margin:0 auto 6px;width:100%}
.version-card{background:var(--bg2);border-radius:8px;border:1px solid var(--border);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer;position:relative}.version-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(45,67,60,.13);border-color:#b9cbc4}.version-card.is-featured{border-color:#d8c08a;box-shadow:0 4px 16px rgba(167,122,44,.14)}
.card-image{width:100%;height:190px;background:linear-gradient(135deg,#f4f0e5,#e4eee9);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-image video{width:100%;height:100%;object-fit:contain;background:#101513;filter:none;opacity:1;transform:translateZ(0);backface-visibility:hidden}.card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;background:linear-gradient(135deg,#f3eee2,#dfe9e4)}.card-placeholder span{font-size:28px;font-weight:800;line-height:1.25;color:#35524b;word-break:break-word}
.exclusive-stamp{position:absolute;right:9px;top:9px;width:48px;height:48px;border-radius:8px;background:radial-gradient(circle at 28% 20%,rgba(255,112,102,.45),rgba(255,112,102,0) 30%),linear-gradient(145deg,#f23836 0%,#df171d 58%,#ba0d14 100%);color:#fff;box-shadow:0 3px 7px rgba(65,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16),inset -4px -5px 0 rgba(70,0,0,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;padding:6px 5px 5px;font-family:'STXingkai','KaiTi','STKaiti','SimSun',serif;text-align:center;overflow:hidden}.exclusive-stamp span{display:block;font-size:16px;font-weight:900;line-height:1.02;letter-spacing:1px;color:#fff;text-shadow:0 1px 1px rgba(72,0,0,.28)}
.card-body{padding:14px}.card-title-row{display:flex;align-items:center;gap:10px;margin-bottom:9px;border-bottom:1px dashed var(--border);padding-bottom:8px}.card-title{font-size:16px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.card-category{font-size:13px;color:#2f3d3a;flex-shrink:0}.card-desc{font-size:13px;color:var(--text2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;min-height:40px}.card-footer{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.card-btn{flex:1;padding:7px 0;border-radius:4px;border:1px solid var(--border);background:var(--bg2);color:var(--text2);cursor:pointer;font-family:inherit;font-size:13px;text-align:center;transition:all .2s;text-decoration:none}.card-btn:hover{border-color:var(--accent);color:var(--accent);background:#f1f7f5}.card-btn.primary{background:#f7fbff;color:#3676a8;border-color:#c8dceb}.card-btn.success{background:#f3fbf4;color:#4d8b55;border-color:#cfe5d1}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--text3);gap:12px}.empty-state .empty-icon{font-size:48px;opacity:.4}.empty-state p{font-size:14px}
@media(max-width:1180px){#card-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;padding:20px}.featured-section{grid-template-columns:repeat(auto-fit,minmax(270px,320px));gap:18px}.site-logo{width:min(168px,24vw);height:68px}}@media(max-width:900px){#hero.no-media{height:var(--hero-height,164px)}#home-title h1{font-size:23px}.site-logo{left:18px;top:18px;width:138px;height:58px}.top-actions{right:14px;top:14px;gap:7px}#category-bar{justify-content:flex-start;overflow-x:auto;padding:12px 14px;scrollbar-width:none}#category-bar::-webkit-scrollbar{display:none}.cat-btn{white-space:nowrap;flex:0 0 auto}#search-bar{padding:12px 14px}#search-input{width:min(100%,520px)}#card-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:14px}.featured-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-image{height:170px}.card-footer{gap:6px}.card-btn{font-size:12px}}@media(max-width:560px){html,body{font-size:13px}#hero.no-media{height:var(--hero-height,150px)}#home-title{padding:13px 12px 10px}#home-title h1{font-size:21px;word-break:break-word}.site-logo{left:12px;top:12px;width:112px;height:48px}.top-actions{right:10px;top:10px;gap:6px}#theme-btn{padding:5px 9px}#search-bar{flex-direction:column;gap:8px}#search-input{width:100%;min-width:0}#search-btn{width:100%}#card-grid{grid-template-columns:1fr;padding:12px;gap:12px}.featured-section{grid-template-columns:1fr;gap:12px}.card-image{height:176px}.card-body{padding:13px}.card-footer{flex-wrap:wrap}.card-btn{min-width:30%;padding:7px 6px}.empty-state{padding:42px 18px}}