:root{--bg:#f7f8fb;--card:#fff;--ink:#202734;--muted:#667085;--brand:#ff6a3d;--brand-dark:#374a5f;--line:#e7eaf0;--soft:#fff5ef;--green:#297f67;--shadow:0 18px 45px rgba(32,39,52,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{width:min(1180px,92vw);margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{background:linear-gradient(180deg,#fff,#fff8f4);border-bottom:1px solid var(--line);position:relative;z-index:2}.topbar{width:min(1180px,92vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.logo-link{display:inline-flex}.domain-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:var(--muted);box-shadow:0 8px 22px rgba(32,39,52,.05)}.domain-pill strong{color:var(--brand-dark)}.main-nav{width:min(1180px,92vw);margin:0 auto;display:flex;gap:8px;overflow-x:auto;padding:0 0 14px}.nav-item{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-weight:700;color:var(--brand-dark)}.nav-item:hover,.nav-item:focus{border-color:var(--brand);color:var(--brand)}.search-wrap{width:min(1180px,92vw);margin:0 auto;padding:0 0 18px}.search-form{display:flex;gap:10px}.search-form input{flex:1;border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-size:16px;background:#fff}.search-form button,.btn,.interaction button{border:0;background:var(--brand);color:#fff;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer}.search-form button:hover,.btn:hover,.interaction button:hover{filter:brightness(.96)}.search-notice{margin:10px 0 0;color:var(--green);font-weight:700}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch;padding:34px 0}.hero-card,.panel,.module-card,.content-card,.author-card,.faq-card,.comment-card,.form-card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.hero-card{padding:34px;background:radial-gradient(circle at top right,#fff0e8 0,#fff 45%,#fff 100%)}.breadcrumb{font-size:14px;color:var(--muted);margin:0 0 14px}.hero h1{font-size:clamp(30px,4vw,54px);line-height:1.12;margin:0 0 16px;letter-spacing:-.03em}.hero h1 span{color:var(--brand)}.hero p{color:var(--muted);font-size:18px;margin:0 0 18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn.secondary{background:#fff;color:var(--brand-dark);border:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.stat{background:var(--soft);border-radius:18px;padding:16px;text-align:center}.stat strong{display:block;font-size:24px;color:var(--brand-dark)}.stat span{color:var(--muted);font-size:14px}.panel{padding:22px}.panel h2,.section-title h2{margin:0;color:var(--brand-dark)}.section-title{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:28px 0 16px}.section-title p{margin:6px 0 0;color:var(--muted)}.video-card{position:relative;border-radius:24px;overflow:hidden;background:#111;min-height:268px}.video-card img,.video-card video{width:100%;height:100%;min-height:268px;object-fit:cover}.play-hover{position:absolute;inset:auto auto 24px 24px;width:68px;height:68px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--brand);font-size:26px;opacity:.1;transform:scale(.88);transition:.2s;box-shadow:0 12px 28px rgba(0,0,0,.16)}.video-card:hover .play-hover,.video-card:focus-within .play-hover{opacity:1;transform:scale(1)}.video-badge{position:absolute;top:16px;left:16px;background:rgba(255,106,61,.95);color:#fff;border-radius:999px;padding:7px 12px;font-weight:800}.caption{font-size:13px;color:#667085;margin:10px 0 0}.hot-list{display:grid;gap:12px;margin-top:16px}.hot-item{display:grid;grid-template-columns:86px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:14px}.hot-item img{border-radius:16px;aspect-ratio:1.2/1;object-fit:cover}.hot-item h3{font-size:16px;margin:0 0 4px}.hot-item p{font-size:13px;margin:0;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.module-card,.content-card,.author-card,.faq-card,.comment-card,.form-card{padding:22px}.module-card h3,.content-card h3,.author-card h3{margin:0 0 8px;color:var(--brand-dark)}.module-card .sub,.meta,.tagline{color:var(--muted);font-size:14px}.module-card ul{padding-left:18px;margin:14px 0}.heat{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.heat span{background:#f4f6fa;border-radius:999px;padding:5px 10px;color:var(--muted);font-size:13px}.more{display:inline-flex;color:var(--brand);font-weight:800}.content-card{display:flex;flex-direction:column;gap:14px}.content-card .video-card{min-height:210px}.content-card .video-card img,.content-card .video-card video{min-height:210px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:13px;color:var(--brand-dark);background:#fff}.interaction{display:flex;gap:8px;flex-wrap:wrap}.interaction button{padding:8px 12px;font-size:13px;background:var(--brand-dark)}.interaction button[data-action="report"]{background:#fff;color:var(--brand-dark);border:1px solid var(--line)}.author-card{display:grid;gap:10px}.avatar{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));display:grid;place-items:center;color:#fff;font-weight:900}.author-data{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:14px}.faq-card details{border-bottom:1px solid var(--line);padding:14px 0}.faq-card details:last-child{border-bottom:0}.faq-card summary{cursor:pointer;font-weight:800;color:var(--brand-dark)}.faq-card p{margin:8px 0 0;color:var(--muted)}.comments{display:grid;gap:14px}.comment-card p{margin:0 0 10px}.comment-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.site-footer{margin-top:42px;background:#202734;color:#fff;padding:36px 0}.footer-brand,.footer-links,.copyright{width:min(1180px,92vw);margin:0 auto}.footer-brand{display:flex;gap:20px;align-items:center}.footer-brand p{color:#c8ced8}.footer-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.footer-links a{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 14px;color:#fff}.copyright{color:#b7bdc8;margin-top:24px;font-size:14px}.page-hero{padding:34px 0 14px}.page-hero .hero-card{padding:28px}.list-table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden}.list-table th,.list-table td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.list-table th{background:#fff5ef;color:var(--brand-dark)}.form-grid{display:grid;gap:14px}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;font:inherit}.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:16px;color:#9a3412}.share-row{display:flex;gap:10px;flex-wrap:wrap}.share-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer}.share-row button:hover{border-color:var(--brand);color:var(--brand)}@media (max-width:900px){.hero,.grid-3,.grid-2{grid-template-columns:1fr}.topbar,.footer-brand{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.search-form{flex-direction:column}.hero-card{padding:24px}.section-title{align-items:flex-start;flex-direction:column}}@media (max-width:560px){main{width:min(94vw,1180px)}.stats-grid{grid-template-columns:1fr}.hot-item{grid-template-columns:74px 1fr}.module-card,.content-card,.author-card,.faq-card,.comment-card,.form-card{padding:18px}.hero h1{font-size:32px}.hero p{font-size:16px}}