*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#202124;background:#f7f7f5;line-height:1.7}a{color:#1f4f8f;text-decoration:none}img{max-width:100%;display:block}.site-header,.site-footer{background:#fff;border-bottom:1px solid #e9e7e2}.topbar{padding:8px 5vw;background:#242424;color:#fff;font-size:14px}.brand-row{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw}.logo,.footer-logo{font-size:28px;font-weight:800;color:#111}.logo span,.footer-logo span{display:block;font-size:13px;color:#666;font-weight:500}.main-nav{display:flex;gap:10px;flex-wrap:wrap;padding:0 5vw 14px}.main-nav a{padding:9px 13px;border-radius:999px;background:#f1efe9;color:#333}.main-nav a:hover,.main-nav a.active{background:#111;color:#fff}.search-wrap{display:flex;gap:8px;align-items:center;padding:0 5vw 18px;flex-wrap:wrap}.search-wrap input{min-width:280px;flex:1;padding:12px 14px;border:1px solid #ddd;border-radius:12px}.search-wrap button,.hero-actions a,.more,.contact-cta a,.contact-form button{background:#111;color:white;border:0;border-radius:12px;padding:12px 18px;cursor:pointer}.search-wrap p{margin:0;color:#777}.container{max-width:1180px;margin:auto;padding:24px 18px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;margin:18px 0}.hero-text,.panel,.ranking,.faq,.comments,.contact-cta,.page,.article-page article{background:#fff;border:1px solid #ebe8e0;border-radius:24px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.04)}.breadcrumb,.meta{color:#70757a;font-size:14px}.hero h1,.page h1,.article-head h1{font-size:clamp(28px,4vw,48px);line-height:1.15;margin:12px 0}.hero-media,.article-cover,.thumb{position:relative;overflow:hidden;border-radius:24px;background:#eee}.hero-media figcaption,.article-cover figcaption{font-size:13px;color:#666;background:#fff;padding:10px}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.72);color:white;opacity:0;transition:.2s}.play.big{width:76px;height:76px;font-size:26px;opacity:.9}.thumb:hover .play,.hero-media:hover .play,.article-cover:hover .play{opacity:1}.grid-section{margin:28px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{background:#fff;border:1px solid #ebe8e0;border-radius:22px;overflow:hidden}.thumb{display:block;aspect-ratio:16/10}.thumb img{width:100%;height:100%;object-fit:cover}.card-body{padding:16px}.card-body h3{font-size:20px;line-height:1.35}.stats,.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.stats span,.tags a{background:#f4f2ed;border-radius:999px;padding:5px 9px;font-size:13px;color:#555}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.news-list{padding-left:18px}.news-list li{margin-bottom:14px}.news-list span{display:block;color:#777;font-size:13px}.ranking ol{columns:2}.authors{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.authors h2{grid-column:1/-1}.authors article,.comments blockquote,.faq details{background:#fff;border:1px solid #ebe8e0;border-radius:18px;padding:16px;margin:10px 0}.comments{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.comments h2{grid-column:1/-1}.contact-cta{text-align:center;margin:28px 0}.site-footer{margin-top:36px;padding:30px 5vw;color:#555}.article-page article p{font-size:17px}.video-box{border:1px dashed #ccc;border-radius:20px;padding:16px;margin:20px 0}.video-box video{width:100%;min-height:220px;background:#111;border-radius:16px}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{display:block;width:100%;padding:12px;border:1px solid #ddd;border-radius:12px;margin-top:6px}.contact-form textarea{min-height:130px}@media(max-width:860px){.hero,.split{grid-template-columns:1fr}.cards,.authors,.comments{grid-template-columns:1fr}.ranking ol{columns:1}.brand-row{align-items:flex-start;gap:8px;flex-direction:column}.main-nav{overflow:auto}.search-wrap input{min-width:100%}}