:root{--bg:#f7f8fc;--card:#fff;--text:#172033;--muted:#64748b;--line:#e5e7eb;--accent:#f59e0b;--dark:#111827;--soft:#fff7ed;--radius:22px;--shadow:0 18px 42px rgba(15,23,42,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.72}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{background:linear-gradient(180deg,#111827 0%,#1f2937 62%,#f7f8fc 62%);padding-bottom:18px}.topbar{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;color:#fde68a;font-size:14px;padding:9px 16px;background:rgba(0,0,0,.22)}.topbar strong{color:#fff}.topbar-note{color:#d1d5db}.brand-row{max-width:1180px;margin:0 auto;padding:28px 20px 22px;display:flex;align-items:center;gap:22px;color:#fff}.brand-logo,.footer-logo{display:inline-flex}.brand-copy{max-width:760px}.eyebrow{margin:0 0 4px;color:#fde68a;font-weight:700}.brand-copy p{margin:0}.main-nav{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;gap:10px;flex-wrap:wrap}.main-nav a{padding:11px 15px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.18)}.main-nav a[aria-current="page"],.main-nav a:hover{background:var(--accent);color:#111827}.search-wrap{max-width:1180px;margin:18px auto 0;padding:16px 20px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:12px}.search-wrap input{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 15px;font-size:16px}.search-wrap button,.btn,.card-actions button{border:0;border-radius:14px;padding:12px 16px;font-weight:800;background:var(--dark);color:#fff;cursor:pointer}.search-msg{grid-column:1/-1;margin:0;color:var(--muted)}.breadcrumb{max-width:1180px;margin:6px auto 0;padding:0 20px;color:var(--muted);font-size:14px}.breadcrumb a{color:#334155}.breadcrumb span{margin:0 8px}.hero,.section,.page-main{max-width:1180px;margin:0 auto;padding:26px 20px}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:stretch}.hero-card,.panel,.content-card,.module-card,.author-card,.faq-item,.comment-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:30px}.hero-card h1{font-size:clamp(32px,5vw,58px);line-height:1.08;margin:0 0 16px}.hero-card p{color:#475569;margin:0 0 18px}.hero-meta{display:flex;gap:12px;flex-wrap:wrap}.stat{background:var(--soft);border:1px solid #fed7aa;border-radius:16px;padding:10px 14px}.stat b{display:block;font-size:22px;color:#111827}.panel{padding:20px}.panel h2,.section-title h2{margin:0 0 6px;font-size:28px}.panel p,.section-title p{margin:0;color:var(--muted)}.hot-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}.hot-list li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:16px;background:#f8fafc}.rank{width:30px;height:30px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;font-weight:800}.heat{color:#b45309;font-weight:700}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-title a{color:#b45309;font-weight:800}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.video-card{position:relative;overflow:hidden;border-radius:20px;background:#0f172a}.video-card img,.video-card video{aspect-ratio:16/9;width:100%;object-fit:cover;opacity:.96}.play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.38));opacity:0;transition:.22s}.video-card:hover .play-overlay,.video-card.is-hover .play-overlay{opacity:1}.play-button{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#111827;font-weight:900;font-size:24px;box-shadow:0 14px 28px rgba(0,0,0,.22)}.content-card{overflow:hidden}.content-body{padding:18px}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.badge{font-size:12px;background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 9px;font-weight:800}.badge.video{background:#fff7ed;color:#b45309}.content-card h3{font-size:20px;line-height:1.34;margin:0 0 8px}.content-card p{margin:0 0 12px;color:#64748b}.meta{display:flex;gap:10px;flex-wrap:wrap;color:#64748b;font-size:13px}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.card-actions button{padding:8px 10px;background:#f1f5f9;color:#334155}.module-card{padding:20px;display:flex;flex-direction:column;gap:10px}.module-card h3{margin:0;font-size:21px}.module-card ul{margin:0;padding-left:18px;color:#475569}.module-card .more{color:#b45309;font-weight:800;margin-top:auto}.author-card{padding:18px;display:flex;gap:14px;align-items:center}.avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#fde68a);display:grid;place-items:center;font-weight:900;color:#111827}.author-card h3{margin:0}.author-card p{margin:2px 0;color:#64748b}.faq-list,.comment-list{display:grid;gap:14px}.faq-item{padding:18px}.faq-item h3{margin:0 0 6px}.faq-item p,.comment-card p{margin:0;color:#475569}.comment-card{padding:18px}.comment-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#64748b}.page-main h1{font-size:40px;margin:0 0 10px}.page-lead{font-size:18px;color:#475569;margin:0 0 22px}.info-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.info-table th,.info-table td{border-bottom:1px solid var(--line);padding:14px;text-align:left}.info-table th{width:160px;background:#f8fafc}.notice{background:#fffbeb;border:1px solid #fde68a;border-radius:18px;padding:18px;color:#78350f}.site-footer{margin-top:30px;background:#111827;color:#e5e7eb;padding:34px 20px}.footer-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:24px}.site-footer h2{font-size:18px;color:#fff}.site-footer a{display:block;color:#fde68a;margin:8px 0}.copyright{max-width:1180px;margin:20px auto 0;color:#9ca3af}.screen-reader-text{position:absolute;left:-9999px}.share-box{display:flex;gap:10px;flex-wrap:wrap}.share-box button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer}.load-more{text-align:center;margin-top:18px}.load-more a{display:inline-flex;border-radius:999px;padding:11px 18px;background:#111827;color:#fff;font-weight:800}@media (max-width:900px){.hero-grid,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}.brand-row{align-items:flex-start;flex-direction:column}.search-wrap{grid-template-columns:1fr}.main-nav{overflow-x:auto;flex-wrap:nowrap}.main-nav a{white-space:nowrap}.section-title{align-items:flex-start;flex-direction:column}.hero-card{padding:22px}}@media (max-width:520px){.hero,.section,.page-main{padding:20px 14px}.site-header{background:#111827}.hero-card h1{font-size:34px}.meta{font-size:12px}.grid-3,.grid-2{gap:14px}}

.section-tight{padding-left:0;padding-right:0}.video-card{min-height:0}.video-card video{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.video-card img{aspect-ratio:16/9;width:100%;object-fit:cover}