*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:#172033;background:#f6f8fb;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{background:#fff;border-bottom:1px solid #e7ebf2;position:sticky;top:0;z-index:10}.topbar{max-width:1180px;margin:auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo,.footer-logo{display:inline-flex;align-items:center;gap:10px;font-weight:800}.logo-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#18233c,#5a6b91);color:#fff;letter-spacing:-1px}.logo-text{font-size:1.25rem}.domain-pill{background:#f0f4fb;border:1px solid #dde6f2;border-radius:999px;padding:8px 13px;color:#536075;font-size:.92rem}.main-nav{max-width:1180px;margin:auto;padding:0 20px 14px;display:flex;gap:10px;flex-wrap:wrap}.main-nav a{padding:9px 14px;border-radius:999px;background:#f6f8fb;border:1px solid #e5e9f0;font-weight:700;color:#28344b}.main-nav a:hover{background:#eaf0fa}.search-row{max-width:1180px;margin:0 auto 18px;padding:0 20px;display:grid;grid-template-columns:1fr auto;gap:10px}.search-row input{height:46px;border:1px solid #dce4ef;border-radius:14px;padding:0 14px;font-size:1rem;background:#fff}.search-row button,.btn{height:46px;border:0;border-radius:14px;padding:0 18px;background:#18233c;color:#fff;font-weight:800;cursor:pointer}.search-tip{grid-column:1/-1;margin:0;color:#68768c;font-size:.9rem}.container{max-width:1180px;margin:auto;padding:28px 20px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch}.hero-card,.panel,.article-card,.author-card,.faq-item,.comment-card,.video-card{background:#fff;border:1px solid #e6ebf3;border-radius:24px;box-shadow:0 12px 30px rgba(33,46,74,.06)}.hero-card{padding:34px;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;background:linear-gradient(135deg,#ffffff 0%,#f2f6fb 100%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#52617a;font-weight:800;font-size:.92rem;text-transform:none}.eyebrow::before{content:"";width:10px;height:10px;border-radius:999px;background:#68789e}.hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.12;margin:12px 0;color:#121b31}.hero p{font-size:1.06rem;color:#52617a}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.btn.secondary{background:#eef3fb;color:#1b263d}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.stat{padding:14px;border-radius:18px;background:#f7f9fd;border:1px solid #e5eaf2}.stat strong{display:block;font-size:1.35rem;color:#172033}.hero-side{display:grid;gap:16px}.panel{padding:22px}.panel h2,.section-title h2{margin:0 0 8px;color:#172033}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:42px 0 18px}.section-title p{margin:0;color:#66748a}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.article-card{overflow:hidden}.article-body{padding:18px}.article-card h3,.video-card h3{margin:0 0 8px;font-size:1.12rem;line-height:1.45}.meta{display:flex;flex-wrap:wrap;gap:8px;color:#68768c;font-size:.88rem}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{padding:4px 10px;border-radius:999px;background:#eff4fb;color:#52617a;font-size:.84rem}.video-card{overflow:hidden;position:relative}.video-shell{position:relative;aspect-ratio:16/10;background:#111827;overflow:hidden}.video-shell video,.video-shell img{width:100%;height:100%;object-fit:cover}.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.88);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);opacity:0;transition:.22s ease;font-weight:900;color:#172033}.video-card:hover .play-badge{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:#68768c;font-size:.9rem}.feature-list{display:grid;gap:12px}.feature-list a{display:block;padding:14px;border-radius:16px;background:#f7f9fd;border:1px solid #e6ebf3}.author-card,.comment-card,.faq-item{padding:18px}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#eef3fb;color:#172033;font-weight:900;margin-bottom:10px}.quote{color:#52617a;margin:.4rem 0 0}.breadcrumb{font-size:.92rem;color:#68768c;margin-bottom:18px}.content-page{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.article-main,.sidebar{background:#fff;border:1px solid #e6ebf3;border-radius:24px;padding:26px}.article-main h1{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2;margin:0 0 12px}.article-main p{color:#44516a}.article-main figure{margin:24px 0;border-radius:20px;overflow:hidden;background:#f4f7fb}.article-main figcaption{padding:10px 14px;color:#66748a;font-size:.9rem}.article-main h2{margin-top:28px}.table-wrap{overflow-x:auto}.info-table{width:100%;border-collapse:collapse;background:#fff}.info-table th,.info-table td{border:1px solid #e3e9f2;padding:10px;text-align:left}.info-table th{background:#f4f7fb}.faq-list{display:grid;gap:14px}.faq-item summary{cursor:pointer;font-weight:800}.site-footer{margin-top:46px;background:#151f35;color:#d9e1f0;padding:36px 20px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}.site-footer a{display:block;margin:8px 0;color:#fff}.site-footer p{color:#b8c3d7}.copyright{max-width:1180px;margin:22px auto 0;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}.notice{padding:14px 16px;border-radius:18px;background:#fff8e8;border:1px solid #f1dfb8;color:#705315}.mini-list{padding-left:18px}.mini-list li{margin:8px 0}.cta-band{margin-top:28px;padding:24px;border-radius:24px;background:#172033;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.cta-band p{margin:0;color:#d6deed}@media(max-width:900px){.hero,.content-page,.footer-grid{grid-template-columns:1fr}.grid,.grid.two{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start;flex-direction:column}.site-header{position:static}}@media(max-width:620px){.grid,.grid.two,.stats{grid-template-columns:1fr}.search-row{grid-template-columns:1fr}.hero-card{padding:24px}.container{padding:20px 14px}.main-nav{overflow-x:auto;flex-wrap:nowrap}.domain-pill{width:100%}.cta-band{flex-direction:column;align-items:flex-start}}