:root{--gap:16px;--radius:14px;--accent:#d02424;--text:#0f172a;--muted:#64748b}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;height:auto}.container{width:min(1140px,92%);margin:0 auto}.header{padding:14px 0;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-weight:800;letter-spacing:-.3px;font-size:22px}.nav a{margin-right:12px;font-weight:600;color:#374151}.nav a:last-child{margin-right:0}.grid{display:grid;grid-template-columns:2.35fr 1fr;gap:24px}@media (max-width:900px){.grid{grid-template-columns:1fr}}.badge{display:inline-block;background:var(--accent);color:#fff;font-weight:700;font-size:12px;padding:6px 10px;border-radius:999px;line-height:1}.meta{color:var(--muted);font-size:12px}.meta .dot{margin:0 6px;opacity:.65}.top-picks{margin:16px 0 6px}.top-picks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid #eee;background:#fff;border-radius:12px;overflow:hidden}.card-thumb{position:relative;overflow:hidden;border-radius:0}.card-thumb img{width:100%;height:auto;object-fit:cover;aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.card-thumb{padding-top:56.25%}.card-thumb img{position:absolute;inset:0;width:100%;height:100%}}.card-body{display:block;padding:10px 12px}.card-title{font-weight:800;font-size:16px;line-height:1.35;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-time{color:#8a8a8a;font-size:12px}@media (max-width:1100px){.top-picks-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.top-picks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.top-picks{display:none !important}}.list{display:flex;flex-direction:column;gap:14px;margin:10px 0 28px}.item{display:grid;grid-template-columns:128px 1fr;gap:12px;padding:10px;border:1px solid #eee;border-radius:var(--radius);background:#fff}.item-thumb{width:128px;height:128px;border-radius:12px;overflow:hidden}.item-thumb img{width:100%;height:100%;object-fit:cover}.item-title{font-weight:800;font-size:18px;line-height:1.25;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width:480px){.item{grid-template-columns:112px 1fr}.item-thumb{width:112px;height:112px}}.hot-box{background:#fff;border:1px solid #eee;border-radius:12px;padding:12px}.hot-head{font-size:18px;font-weight:800;margin:0 0 10px}.hot-list{display:flex;flex-direction:column;gap:12px}.hot-item{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center}.hot-thumb{width:110px;height:70px;border-radius:10px;overflow:hidden}.hot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hot-title{font-weight:800;line-height:1.3;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-list{display:flex;flex-direction:column;gap:12px}.sidebar-item{display:grid;grid-template-columns:160px 1fr;gap:10px;align-items:center}.sidebar-item .thumb{width:160px;height:100px;overflow:hidden;border-radius:10px}.sidebar-item .thumb img{width:100%;height:100%;object-fit:cover}.post-header{margin:8px 0 14px}.post-title{font-size:clamp(28px,3.2vw,38px);line-height:1.15;font-weight:900;margin:10px 0 14px;letter-spacing:-.3px}.hero-figure{margin:0 0 16px;border-radius:12px;overflow:hidden;background:#f3f4f6}.hero-figure img{width:100%;height:auto;display:block}@supports (aspect-ratio:16/9){.hero-figure img{aspect-ratio:16/9;object-fit:cover}}.post-content{font-size:17px;line-height:1.78;color:#0f172a}.post-content p{margin:0 0 1.05em}.post-content h2{font-size:24px;margin:1.6em 0 .5em;font-weight:800}.post-content h3{font-size:20px;margin:1.2em 0 .4em;font-weight:800}.post-content img{border-radius:12px;margin:12px 0}.post-content blockquote{margin:16px 0;padding:12px 16px;background:#fafafa;border-left:4px solid #e11d48;border-radius:8px;color:#334155}.related{margin:28px 0 10px}.related-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.related .swiper{overflow:hidden}.related-card{width:260px}.related-thumb{position:relative;border-radius:12px;overflow:hidden}.related-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.related-title{font-size:16px;font-weight:700;line-height:1.35;margin:.5rem .1rem 0}@media (max-width:640px){.related-card{width:68vw}.related-head .nav{display:none}}.footer{border-top:1px solid #eee;margin-top:28px;padding:18px 0;color:#6b7280;font-size:13px}.content-col{max-width:730px}.sidebar-col{position:relative}.top-picks .card{border:1px solid rgba(208,36,36,.18);border-radius:12px;overflow:hidden;background:#fff}.top-picks .card .card-body{display:block;background:#f7f8fa;border-top:2px solid var(--accent);padding:10px 12px}.top-picks .card .card-title{font-weight:800;font-size:16px;line-height:1.35;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.top-picks .card .card-time{color:#8a8a8a;font-size:12px}.top-picks .card:hover{box-shadow:0 6px 16px rgba(0,0,0,.06);transform:translateY(-1px);transition:.18s ease}@media (max-width:1100px){.top-picks .top-picks-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.top-picks .top-picks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.list .item{background:linear-gradient(90deg,rgba(215,25,32,.08) 0%,rgba(91,44,230,.08) 100%) !important;border-color:rgba(208,36,36,.22) !important}}.ticker{animation-duration:22s !important}@media (max-width:768px){.ticker{animation-duration:12s !important}}.related{margin-top:28px}.related-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.related-head h3{margin:0;font-weight:700;font-size:clamp(1.05rem,1.2vw + .8rem,1.25rem);display:flex;gap:10px;align-items:center}.related-head h3:before{content:"";width:10px;height:10px;border-radius:2px;background:#1f6fff}.nav{display:inline-flex;gap:8px}.nav-btn{width:36px;height:36px;border:0;border-radius:999px;background:#fff;display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.08);cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.12)}.related .swiper{overflow:visible}.related-card{background:#fff;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 2px 12px rgba(0,0,0,.06)}.related-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1)}.related-thumb{display:block;overflow:hidden;aspect-ratio:16/9;background:#f3f4f6}.related-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.related-card:hover .related-thumb img{transform:scale(1.05)}.related-title{margin:12px 14px 14px;font-weight:700;font-size:clamp(.95rem,.5vw + .8rem,1rem);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-title a{color:inherit;text-decoration:none}.related-title a:hover{text-decoration:underline}