:root{--main: #0e5df6;--text: #1a1a1a;--muted: #667085;--chip: #eef4ff;--border: #eef0f4;--bg: #f7f8fa}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.topbar{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;gap:28px;height:64px}.brand{font-weight:800;font-size:20px;color:var(--main)}.nav a{color:#344054}.nav a.active{color:var(--main);font-weight:600}.section{padding:40px 0}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border:1px solid var(--border);border-radius:16px;background:#fff;overflow:hidden}.card .meta{padding:14px}.card .thumb{width:100%;height:160px;background-size:cover;background-position:center;border-radius:8px}.card h3{margin:0 0 6px}.desc{color:var(--muted);font-size:14px}.thumb{background:#f5f7fa}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{font-size:12px;background:#f3f4f6;border:1px solid #eceef3;border-radius:999px;padding:4px 8px;color:#475569}.pagination{display:flex;justify-content:center;gap:8px;padding:24px 0}.page-btn{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:8px 12px;min-width:40px;cursor:pointer}.page-btn.active{background:var(--main);color:#fff;border-color:var(--main)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.hero{background-size:cover;background-position:center}.hero .inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px}.hero h1{font-size:40px;margin:0 0 12px}.hero p{color:var(--muted);margin:0 0 20px;line-height:1.6}.hero .banner{width:100%;height:205px;border-radius:12px;background:#f5f7fa}.btn{padding:10px 16px;border-radius:10px;border:1px solid #cfd8ff;background:#fff}.btn.primary{background:var(--main);color:#fff;border-color:var(--main)}.btns{display:flex;gap:12px}.marquee{position:relative;overflow:hidden;border-bottom:1px solid #eee;background:#fafcff;margin-bottom:30px}.marquee .track{display:flex;gap:48px;white-space:nowrap;animation:scroll 18s linear infinite;padding:10px 0;will-change:transform}.marquee:hover .track{animation-play-state:paused}.marquee .item{color:#0b3fb9;background:var(--chip);padding:6px 12px;border-radius:999px;font-size:14px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer{border-top:1px solid #eee;padding:24px 0;background:#fff;color:#555;font-size:14px;margin-top:40px}@media (max-width:1100px){.grid-4{grid-template-columns:repeat(3,1fr)}.hero .inner{grid-template-columns:1fr}}@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}}:root{--footer-h: 56px}.site-footer-fixed{position:fixed;left:0;right:0;bottom:0;height:var(--footer-h);z-index:50;background:#ffffffeb;backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px);border-top:1px solid #eceff5;box-shadow:0 -4px 16px #1118270f}.site-footer-fixed .footer-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.footer-left{color:var(--muted);font-size:14px;white-space:nowrap}.footer-right{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:14px}.footer-link{color:var(--muted);text-decoration:none}.footer-link:hover{color:var(--text);text-decoration:underline}.footer-text{color:var(--muted)}@media (max-width: 640px){:root{--footer-h: 52px}.site-footer-fixed .footer-inner{flex-direction:column;justify-content:center;gap:6px;text-align:center}.footer-left,.footer-right{font-size:13px}}.main-with-fixed-footer{min-height:calc(100vh - var(--footer-h));padding-bottom:calc(var(--footer-h) + env(safe-area-inset-bottom))}.footer-icon{width:16px;height:16px;display:inline-block;margin-right:6px;fill:currentColor;opacity:.82}.footer-left .footer-line{font-weight:600;color:#1f2937}.footer-left .footer-sub{font-size:12px;color:#6b7280;margin-top:2px}.footer-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;color:#374151;font-size:13px;text-decoration:none;transition:all .18s ease;box-shadow:0 1px #11182708}.footer-chip:hover{border-color:#c7d2fe;background:#f8fafc;transform:translateY(-1px)}.footer-chip.is-text{cursor:default}.footer-chip.is-text:hover{transform:none}.footer-qr{position:relative;display:inline-flex}.footer-qr-trigger{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;color:#374151;font-size:13px;box-shadow:0 1px #11182708}.footer-qr-trigger:hover{border-color:#c7d2fe;background:#f8fafc}.footer-qr-pop{position:absolute;bottom:calc(100% + 10px);right:0;width:160px;padding:10px 10px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000014;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .18s ease;text-align:center}.footer-qr:hover .footer-qr-pop{opacity:1;visibility:visible;transform:translateY(0)}.footer-qr-pop img{width:100%;border-radius:8px;display:block}.footer-qr-pop em{display:block;margin-top:6px;font-size:12px;color:#6b7280}.site-footer-fixed{position:fixed;left:0;right:0;bottom:0;height:var(--footer-h);z-index:50;background:#fffffff0;backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px);border-top:1px solid #eef0f4;box-shadow:0 -6px 24px #1118270f}.site-footer-fixed .footer-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}.footer-right{display:flex;align-items:center;flex-wrap:wrap;gap:10px}@media (max-width: 640px){:root{--footer-h: 64px}.site-footer-fixed .footer-inner{flex-direction:column;justify-content:center;gap:8px;text-align:center;padding:6px 0}.footer-right{justify-content:center}}.footer-support{margin-left:100px}