/* 抖音走光 y7mwrl.cn · local-only livestream video community stylesheet */
:root{--primary:#7c3aed;--primary-dark:#35106f;--primary-light:#a78bfa;--accent:#ff6b5e;--accent-dark:#d94f46;--cyan:#1ec8c8;--yellow:#ffd166;--bg-dark:#171129;--bg-card:#24183e;--bg-section:#201737;--surface:#fff8f5;--text-primary:#fffaf8;--text-secondary:#d9cfe6;--text-muted:#a89db9;--ink:#281b35;--ink-soft:#675873;--border:rgba(255,255,255,.12);--shadow:0 12px 32px rgba(24,10,49,.25);--shadow-hover:0 18px 44px rgba(124,58,237,.25);--radius:14px;--radius-sm:9px;--transition:all .25s cubic-bezier(.23,1,.32,1);--gradient-main:linear-gradient(135deg,#7c3aed 0%,#d946ef 52%,#ff6b5e 100%);--gradient-soft:linear-gradient(135deg,rgba(124,58,237,.28),rgba(30,200,200,.2));--gradient-card:linear-gradient(145deg,#2a1b49,#211532)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.7;overflow-x:hidden}a{color:var(--primary-light);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container-wide{max-width:1400px;margin:0 auto;padding:0 20px}.center-action{text-align:center;margin-top:28px}.muted,.update-time{color:var(--text-muted);font-size:13px}.long-copy{color:var(--text-secondary);line-height:1.95}.fp-noise-1a8c0bca,.fp-noise-node-1a8c0bca{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}
.top-bar{background:#2a1550;padding:7px 0;font-size:13px;color:#e9d7ff;border-bottom:1px solid rgba(255,255,255,.09)}.top-bar-inner{display:flex;justify-content:space-between;align-items:center}.top-bar-links a{color:#eadcff;margin-left:18px;font-size:12px}.top-bar-links a:hover{color:var(--yellow)}
header{background:rgba(23,17,41,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;box-shadow:0 2px 24px rgba(10,4,25,.25)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.logo{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.logo-mark{width:42px;height:42px;border-radius:12px;box-shadow:0 0 20px rgba(217,70,239,.35);flex-shrink:0}.logo-text{display:flex;flex-direction:column}.logo-text span:first-child{color:#fff;font-size:20px;font-weight:850;line-height:1.25}.logo-text span:last-child{font-size:10px;color:#d9b9ff;font-weight:500;letter-spacing:1.1px}
nav{display:flex;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0}nav a{color:var(--text-secondary);font-size:14px;padding:8px 10px;border-radius:var(--radius-sm);font-weight:600;white-space:nowrap}nav a:hover,nav a.active{color:#fff;background:rgba(167,139,250,.18)}.header-actions{display:flex;align-items:center;gap:9px}.btn-login,.btn-join{padding:7px 15px;border-radius:20px;font-size:13px;cursor:pointer;transition:var(--transition);font-weight:650}.btn-login{background:transparent;border:1px solid rgba(167,139,250,.7);color:#d9b9ff}.btn-login:hover{background:var(--primary);color:#fff}.btn-join{background:var(--gradient-main);border:0;color:#fff;box-shadow:0 5px 16px rgba(217,70,239,.25)}.btn-join:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.search-bar{background:#211536;border-bottom:1px solid var(--border);padding:10px 0}.search-inner{display:flex;align-items:center;max-width:660px;margin:0 auto;background:rgba(255,255,255,.06);border:1px solid rgba(167,139,250,.25);border-radius:24px;overflow:hidden}.search-inner:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(30,200,200,.12)}.search-inner input{flex:1;background:transparent;border:0;outline:0;padding:10px 18px;color:#fff;font-size:14px}.search-inner input::placeholder{color:#9f91b4}.search-inner button{background:var(--gradient-main);border:0;color:#fff;padding:10px 22px;cursor:pointer;font-size:14px;font-weight:700}
.breadcrumb{padding:12px 0;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-section)}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--primary-light)}.breadcrumb span{margin:0 8px;color:var(--accent)}
.hero{position:relative;min-height:590px;display:flex;align-items:center;overflow:hidden;background:var(--bg-dark)}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.62) saturate(1.15);z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,17,41,.96) 0%,rgba(23,17,41,.65) 42%,rgba(23,17,41,.08) 100%);z-index:1}.hero-content{position:relative;z-index:2;max-width:640px;padding:40px 0}.hero-badge,.eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(124,58,237,.24);border:1px solid rgba(167,139,250,.62);color:#eadcff;padding:5px 13px;border-radius:20px;font-size:12px;font-weight:750;letter-spacing:1px;margin-bottom:17px}.hero h1{font-size:clamp(32px,4.5vw,58px);font-weight:900;line-height:1.18;margin-bottom:16px;color:#fff;letter-spacing:-1px}.hero h1 em{font-style:normal;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:16px;color:#e4ddec;margin-bottom:28px;line-height:1.9}.hero-btns{display:flex;gap:12px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:12px 26px;border-radius:24px;font-size:15px;font-weight:750;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition)}.btn-primary{background:var(--gradient-main);color:#fff;border:0;box-shadow:0 9px 22px rgba(217,70,239,.2)}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-secondary{background:rgba(255,255,255,.04);color:#fff;border:1px solid rgba(255,255,255,.35)}.btn-secondary:hover{border-color:var(--cyan);color:#fff;background:rgba(30,200,200,.08)}.hero-stats{display:flex;gap:30px;margin-top:34px;flex-wrap:wrap}.hero-stat .num{font-size:27px;font-weight:900;color:var(--yellow)}.hero-stat .label{font-size:12px;color:#c2b3d0;margin-top:2px}
.section{padding:68px 0}.section-alt{background:var(--bg-section)}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:clamp(23px,3vw,33px);font-weight:850;color:var(--text-primary);margin-bottom:10px}.section-title h2 span{color:var(--primary-light)}.section-title p{color:var(--text-secondary);font-size:15px;max-width:650px;margin:0 auto}.section-title-line{width:58px;height:3px;background:var(--gradient-main);margin:14px auto 0;border-radius:2px}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.feature-card{background:var(--gradient-card);border-radius:var(--radius);padding:24px 20px;border:1px solid var(--border);text-align:center;transition:var(--transition)}.feature-card:hover{border-color:rgba(167,139,250,.75);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.feature-icon{width:58px;height:58px;background:var(--gradient-soft);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:16px;font-weight:850;color:#fff;border:1px solid rgba(167,139,250,.35)}.feature-card h3{font-size:16px;font-weight:750;margin-bottom:8px}.feature-card p{font-size:13px;color:var(--text-secondary);line-height:1.7}
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.video-card{background:var(--gradient-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:var(--transition);cursor:pointer}.video-card:hover{transform:translateY(-5px);border-color:rgba(167,139,250,.75);box-shadow:var(--shadow-hover)}.video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#110b21}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.video-card:hover .video-thumb img{transform:scale(1.06)}.video-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(13,7,25,.35);opacity:0;transition:var(--transition)}.video-card:hover .video-play-btn{opacity:1}.play-icon{width:54px;height:54px;background:var(--gradient-main);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.82);transform:scale(.8);transition:transform .25s}.video-card:hover .play-icon{transform:scale(1)}.play-icon svg{width:22px;height:22px;fill:#fff;margin-left:3px}.video-duration{position:absolute;bottom:8px;right:8px;background:rgba(10,5,20,.8);color:#fff;font-size:12px;padding:2px 7px;border-radius:4px}.video-tag{position:absolute;top:8px;left:8px;background:var(--accent);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:700}.video-info{padding:14px}.video-info h3{font-size:15px;font-weight:750;color:#fff;margin-bottom:7px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-desc{font-size:12px;color:var(--text-muted);line-height:1.6;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted)}.video-meta .likes{color:var(--yellow)}
.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.video-player-wrap{background:#0b0615;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;border:1px solid var(--border)}.video-player-wrap img{width:100%;height:100%;object-fit:cover;opacity:.78}.video-player-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:linear-gradient(180deg,transparent 30%,rgba(9,4,16,.55));color:#fff}.big-play-btn{width:78px;height:78px;background:var(--gradient-main);border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.8);transition:transform .3s}.big-play-btn:hover{transform:scale(1.08)}.big-play-btn svg{width:34px;height:34px;fill:#fff;margin-left:5px}.split-feature h2,.about-intro h2,.contact-info h2,.tool-board h2{font-size:28px;line-height:1.35;margin:12px 0 14px}.split-feature p,.about-intro p{color:var(--text-secondary);line-height:1.9;margin-bottom:18px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:14px;font-size:11px;font-weight:750}.badge-gold{background:rgba(255,209,102,.15);color:var(--yellow);border:1px solid rgba(255,209,102,.3)}.badge-green{background:rgba(30,200,200,.14);color:#83f0e3;border:1px solid rgba(30,200,200,.3)}.badge-red{background:rgba(255,107,94,.14);color:#ffaaa0;border:1px solid rgba(255,107,94,.3)}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.mini-stats>div{padding:12px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:10px;text-align:center}.mini-stats strong{display:block;color:var(--primary-light);font-size:21px}.mini-stats span{font-size:11px;color:var(--text-muted)}
.mosaic-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.mosaic-card{position:relative;min-height:240px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--gradient-card)}.mosaic-large{grid-row:span 2;min-height:500px}.mosaic-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s}.mosaic-card:hover img{transform:scale(1.06)}.mosaic-card>div{position:absolute;inset:auto 0 0;padding:20px;background:linear-gradient(transparent,rgba(10,5,20,.92));z-index:1}.mosaic-card h3{font-size:18px;color:#fff;margin-top:5px}.mosaic-card p{font-size:13px;color:#e2d7e9}.tag{display:inline-block;background:rgba(167,139,250,.15);color:#d9b9ff;font-size:12px;padding:3px 10px;border-radius:14px;border:1px solid rgba(167,139,250,.25);margin:3px}.ai-strip{display:grid;grid-template-columns:1fr 1.05fr;gap:25px;align-items:center;background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.ai-strip img{height:290px;width:100%;object-fit:cover;border-radius:10px}.ai-copy h3{font-size:24px;margin-bottom:10px}.ai-copy p{color:var(--text-secondary);line-height:1.9;margin-bottom:13px}.tag-row{margin-bottom:16px}.tag-cloud{display:flex;flex-wrap:wrap;gap:4px}.expert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:22px}.expert-card{background:var(--gradient-card);border-radius:var(--radius);padding:24px;border:1px solid var(--border);text-align:center;transition:var(--transition)}.expert-card:hover{border-color:rgba(167,139,250,.75);box-shadow:var(--shadow-hover)}.expert-avatar{width:94px;height:94px;border-radius:50%;margin:0 auto 14px;overflow:hidden;border:3px solid var(--primary-light);box-shadow:0 0 22px rgba(217,70,239,.28)}.expert-avatar img{width:100%;height:100%;object-fit:cover}.expert-card h3{font-size:17px;font-weight:750;margin-bottom:4px}.expert-card .role{font-size:13px;color:#cbb4ff;margin-bottom:10px}.expert-card p{font-size:13px;color:var(--text-secondary);line-height:1.65;margin-bottom:12px}.expert-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}.expert-tag{background:rgba(30,200,200,.1);color:#91eee6;font-size:11px;padding:3px 9px;border-radius:12px;border:1px solid rgba(30,200,200,.2)}.expert-btns{display:flex;gap:8px;justify-content:center}.btn-sm{padding:6px 13px;border-radius:16px;font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition);border:0}.btn-sm-primary{background:var(--gradient-main);color:#fff}.btn-sm-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-sm-outline:hover{border-color:var(--cyan);color:#fff}.social-handle{font-size:12px;color:var(--text-muted);margin-bottom:13px}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}.news-card{background:var(--gradient-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:var(--transition);display:flex;flex-direction:column}.news-card:hover{transform:translateY(-4px);border-color:rgba(167,139,250,.75);box-shadow:var(--shadow-hover)}.news-img{aspect-ratio:16/9;overflow:hidden}.news-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.news-card:hover .news-img img{transform:scale(1.05)}.news-body{padding:18px;flex:1;display:flex;flex-direction:column}.news-cat{display:inline-block;background:rgba(30,200,200,.13);color:#91eee6;font-size:11px;padding:3px 10px;border-radius:12px;margin-bottom:10px;border:1px solid rgba(30,200,200,.25);width:max-content}.news-body h2,.news-body h3{font-size:16px;font-weight:750;margin-bottom:10px;line-height:1.5}.news-body h2 a,.news-body h3 a{color:#fff}.news-body p{font-size:13px;color:var(--text-secondary);line-height:1.7;flex:1}.news-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.news-footer a{color:#cbb4ff;font-weight:700}.news-row{flex-direction:row;align-items:stretch}.news-row .news-img{width:260px;flex-shrink:0;aspect-ratio:unset}.news-row .news-img img{height:100%;min-height:180px}.news-list{display:flex;flex-direction:column;gap:20px}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.review-card{background:var(--gradient-card);border-radius:var(--radius);padding:20px;border:1px solid var(--border);transition:var(--transition)}.review-card:hover{border-color:rgba(167,139,250,.7)}.review-stars{color:var(--yellow);font-size:16px;margin-bottom:10px}.review-text{font-size:14px;color:var(--text-secondary);line-height:1.75;margin-bottom:14px}.review-user{display:flex;align-items:center;gap:10px}.review-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-main);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:750;color:#fff;flex-shrink:0}.review-user-info .name{font-size:14px;font-weight:700}.review-user-info .date{font-size:12px;color:var(--text-muted)}
.faq-list{max-width:850px;margin:0 auto}.faq-item{background:var(--gradient-card);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:12px;overflow:hidden}.faq-q{padding:16px 20px;font-size:15px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#fff}.faq-q:hover,.faq-q.open{background:rgba(124,58,237,.14);color:#e7d7ff}.faq-q span:last-child{font-size:20px;transition:transform .25s}.faq-q.open span:last-child{transform:rotate(45deg)}.faq-a{display:none;padding:0 20px 17px;font-size:14px;color:var(--text-secondary);line-height:1.85;border-top:1px solid var(--border)}.faq-a.open{display:block}.faq-a a{display:inline-block;margin-left:5px}
.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}.partner-item{background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;align-items:center;justify-content:center;min-height:68px;font-size:14px;font-weight:750;color:#decfff;transition:var(--transition)}.partner-item:hover{border-color:var(--cyan);color:#fff;background:rgba(30,200,200,.08)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.step-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.step-card b{font-size:44px;color:rgba(167,139,250,.22);position:absolute;top:11px;right:17px}.step-card h3{font-size:17px;margin:28px 0 8px}.step-card p{font-size:13px;color:var(--text-secondary);line-height:1.75}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px 34px;border-radius:var(--radius);background:var(--gradient-main);box-shadow:var(--shadow)}.cta-box h2{font-size:28px;margin:10px 0 8px}.cta-box p{color:#fff2fb;max-width:650px}.cta-box .btn-primary{background:#fff;color:#56127d;box-shadow:none}.cta-box .btn-primary:hover{color:#56127d}
footer{background:#110a20;border-top:1px solid var(--border);padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:38px;margin-bottom:40px}.footer-logo{margin-bottom:14px}.footer-brand p{font-size:13px;color:var(--text-muted);line-height:1.8;margin-top:13px}.footer-col h4{font-size:14px;font-weight:750;color:#fff;margin-bottom:16px}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a,.footer-col ul li span{font-size:13px;color:var(--text-muted)}.footer-col ul li a:hover{color:var(--primary-light)}.footer-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-muted)}.footer-bottom a{color:var(--text-muted)}.footer-bottom a:hover{color:var(--primary-light)}
.page-hero{background:radial-gradient(circle at 75% 35%,rgba(217,70,239,.2),transparent 38%),linear-gradient(135deg,#231444,#211737 55%,#123440);padding:48px 0;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.page-hero h1{font-size:clamp(26px,3.5vw,42px);font-weight:850;margin-bottom:10px}.page-hero p{font-size:15px;color:var(--text-secondary);max-width:720px}.page-hero-award{background:linear-gradient(135deg,#3d1d28,#2c1b42 58%,#1c3b4d)}.page-hero-vlog{background:linear-gradient(135deg,#302016,#2d1c37 58%,#153f4a)}.page-hero-community{background:linear-gradient(135deg,#25144c,#322052 58%,#0f4b50)}.page-hero-ai{background:linear-gradient(135deg,#201448,#26215e 55%,#123f63)}.page-hero-tools{background:linear-gradient(135deg,#3b1d46,#272045 55%,#143a50)}.page-hero-about{background:linear-gradient(135deg,#281342,#2a1d42 55%,#153f4c)}.page-hero-contact{background:linear-gradient(135deg,#3c1d35,#2d1a45 55%,#113d4a)}.page-hero-qa{background:linear-gradient(135deg,#281348,#241b41 55%,#19434c)}
.content-sidebar{display:grid;grid-template-columns:1fr 285px;gap:30px;align-items:start}.sidebar-widget{background:var(--gradient-card);border-radius:var(--radius);padding:20px;border:1px solid var(--border);margin-bottom:20px}.sidebar-widget h4{font-size:15px;font-weight:750;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.sidebar-list{list-style:none}.sidebar-list li{padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.sidebar-list li:last-child{border-bottom:0}.sidebar-list li a{color:var(--text-secondary);display:flex;justify-content:space-between;gap:10px}.sidebar-list li a:hover{color:var(--primary-light)}.sidebar-list li span{color:var(--text-muted);font-size:12px;white-space:nowrap}.sidebar-note{font-size:13px;color:var(--text-secondary);line-height:1.8}.subheading{font-size:22px;margin-bottom:14px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px;color:#fff;font-weight:750}.filter-row>div{display:flex;flex-wrap:wrap;justify-content:flex-end}
.article-content{background:var(--gradient-card);border-radius:var(--radius);padding:30px;border:1px solid var(--border)}.article-content h1{font-size:25px;font-weight:850;margin-bottom:16px;line-height:1.45}.article-meta{display:flex;gap:16px;font-size:13px;color:var(--text-muted);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.article-cover{width:100%;max-height:480px;object-fit:cover;border-radius:11px;margin-bottom:22px}.article-body{font-size:15px;line-height:1.95;color:var(--text-secondary)}.article-body h2{font-size:21px;color:#fff;margin:26px 0 12px}.article-body h3{font-size:18px;color:#fff;margin:20px 0 10px}.article-body p{margin-bottom:17px}.article-body .lead{font-size:16px;color:#f3e9f8}.comments-section{background:var(--gradient-card);border-radius:var(--radius);padding:24px;border:1px solid var(--border);margin-top:20px}.comments-section>h3{font-size:19px;margin-bottom:14px}.comments-section .review-card{background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:15px 0}.comments-section .review-card:last-child{border-bottom:0}.comments-section .reviews-grid{display:block}.comments-section .review-text{margin-bottom:9px}
.live-dashboard{display:grid;grid-template-columns:1.55fr .75fr;gap:20px}.live-main,.chat-panel,.tool-board,.contact-office,.award-hero{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.dashboard-head,.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.dashboard-head h2{font-size:21px;margin-top:8px}.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.live-card{border:1px solid var(--border);border-radius:11px;overflow:hidden;cursor:pointer;transition:var(--transition);background:rgba(255,255,255,.04)}.live-card:hover{transform:translateY(-4px);border-color:var(--accent)}.live-card>img{width:100%;aspect-ratio:16/10;object-fit:cover}.live-card-copy{padding:12px}.live-card-copy h3{font-size:14px;line-height:1.5;margin:8px 0}.live-card-copy p{font-size:12px;color:var(--text-muted)}.live-badge{display:inline-flex;align-items:center;gap:5px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:.8px}.live-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}.chat-panel{padding:18px}.chat-head h3{font-size:17px}.chat-head span{font-size:11px;color:#91eee6}.chat-list{height:310px;overflow:auto;background:rgba(0,0,0,.12);border-radius:9px;padding:12px}.chat-list p{font-size:13px;color:var(--text-secondary);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.chat-list p b{color:#e3caff}.chat-input{display:flex;gap:7px;margin-top:12px}.chat-input input{min-width:0;flex:1;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:#fff;outline:0}.chat-input button{background:var(--gradient-main);border:0;border-radius:8px;color:#fff;padding:0 13px;cursor:pointer;font-weight:700}
.award-hero{padding:0;position:relative;overflow:hidden;aspect-ratio:16/7}.award-hero>img{width:100%;height:100%;object-fit:cover}.award-overlay{position:absolute;inset:0;padding:42px;display:flex;justify-content:flex-end;align-items:flex-start;flex-direction:column;background:linear-gradient(90deg,rgba(17,8,27,.1),rgba(17,8,27,.8))}.award-overlay h2{font-size:30px;margin:12px 0 7px}.award-overlay p{color:#f1e6f6;max-width:580px;margin-bottom:17px}.award-ribbon{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:14px;color:var(--text-muted);font-size:13px}.award-ribbon strong{font-size:24px;color:var(--yellow)}.award-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.award-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.award-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.award-card>div{padding:18px}.award-card h3{font-size:17px;margin:7px 0}.award-card p{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:11px}.award-card a{font-size:13px;font-weight:700}
.timeline-layout{display:grid;grid-template-columns:1fr 280px;gap:28px}.timeline-feature{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.timeline-feature img{width:100%;height:280px;object-fit:cover;border-radius:10px}.timeline-feature h2{font-size:23px;line-height:1.4;margin:10px 0}.timeline-feature p{font-size:13px;color:var(--text-secondary);line-height:1.8;margin-bottom:15px}.timeline-list{margin-top:20px;background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 20px}.timeline-list article{display:grid;grid-template-columns:70px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--border)}.timeline-list article:last-child{border-bottom:0}.timeline-list article>span{color:var(--accent);font-weight:750}.timeline-list h3{font-size:16px;margin-bottom:4px}.timeline-list p{font-size:13px;color:var(--text-secondary)}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.tool-card{background:var(--gradient-card);border-radius:var(--radius);padding:23px;border:1px solid var(--border);text-align:center;transition:var(--transition);cursor:pointer}.tool-card:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.tool-icon{font-size:34px;font-weight:850;color:#d9b9ff;margin-bottom:10px}.tool-card h3{font-size:16px;margin-bottom:7px}.tool-card p{font-size:13px;color:var(--text-secondary);line-height:1.7}.tool-badge{display:inline-block;margin-top:12px;background:rgba(255,107,94,.15);color:#ffaaa0;padding:3px 10px;border-radius:12px;font-size:11px}.tool-board{display:grid;grid-template-columns:1fr 260px;gap:25px}.tool-board>p{color:var(--text-secondary)}.tool-board .tools-grid{margin-top:18px}.ordered-list{padding-left:20px;color:var(--text-secondary);line-height:2;margin:10px 0 19px}.ordered-list li::marker{color:var(--accent);font-weight:800}
.about-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.about-intro img{width:100%;height:370px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.principles>div{padding:24px;background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius)}.principles strong{font-size:20px;color:var(--primary-light)}.principles p{font-size:13px;color:var(--text-secondary);margin-top:6px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.contact-info h2{margin-top:12px}.contact-item{display:flex;align-items:flex-start;gap:14px;margin:18px 0}.contact-icon{width:45px;height:45px;background:var(--gradient-soft);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;color:#fff;border:1px solid rgba(167,139,250,.25)}.contact-item .label{font-size:12px;color:var(--text-muted);margin-bottom:3px}.contact-item .value{font-size:15px;font-weight:700;color:#fff}.contact-office{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:center}.contact-office img{width:100%;height:180px;object-fit:cover;border-radius:10px}.contact-office h3{font-size:18px;margin:8px 0}.contact-office p{font-size:13px;color:var(--text-secondary);line-height:1.75}.qr-codes{display:flex;gap:20px;margin-top:22px}.qr-item{text-align:center}.qr-box{width:104px;height:104px;background:#fff;border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:11px;gap:5px;position:relative;overflow:hidden}.qr-box span{position:absolute;font-size:9px;color:var(--ink);bottom:4px;left:0;right:0;z-index:2;background:rgba(255,255,255,.82)}.qr-box i{display:block;background:var(--ink);border-radius:2px}.qr-box i:nth-child(2),.qr-box i:nth-child(4){background:var(--primary)}.qr-box i:nth-child(3){background:var(--accent)}.qr-blue i:nth-child(2),.qr-blue i:nth-child(4){background:#218bff}.qr-blue i:nth-child(3){background:var(--cyan)}.qr-item p{font-size:12px;color:var(--text-muted);margin-top:7px}.contact-subtitle{font-size:18px;margin:25px 0 12px}.contact-links{display:flex;flex-direction:column;gap:10px}.contact-links a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 15px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:10px;color:#fff}.contact-links a:hover{border-color:var(--cyan)}.contact-links strong{font-size:14px}.contact-links span{font-size:12px;color:var(--text-muted);text-align:right}.share-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px 0}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;border:0;transition:var(--transition)}.share-wechat{background:#07c160;color:#fff}.share-weibo{background:#e6162d;color:#fff}.share-douyin{background:#09070e;color:#fff;border:1px solid #51475b}.share-bilibili{background:#00a1d6;color:#fff}.share-btn:hover{opacity:.86;transform:translateY(-1px)}
.qa-layout{display:grid;grid-template-columns:1fr 285px;gap:30px}.qa-index-list{display:flex;flex-direction:column;gap:14px}.qa-index-card{display:grid;grid-template-columns:60px 1fr;gap:16px;background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.qa-number{font-size:24px;font-weight:900;color:var(--accent)}.qa-index-card h2{font-size:18px;line-height:1.5;margin:3px 0 8px}.qa-index-card h2 a{color:#fff}.qa-index-card p{font-size:13px;color:var(--text-secondary);line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more{display:inline-block;margin-top:8px;font-size:13px;font-weight:750}.video-modal{position:fixed;inset:0;background:rgba(8,3,15,.86);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.video-modal-box{width:min(740px,94vw);background:#211533;border:1px solid rgba(167,139,250,.45);border-radius:16px;padding:17px;box-shadow:0 20px 70px rgba(0,0,0,.55);position:relative}.video-close{position:absolute;right:15px;top:9px;background:transparent;border:0;color:#fff;font-size:30px;cursor:pointer;z-index:2}.modal-screen{aspect-ratio:16/9;border-radius:11px;background:radial-gradient(circle at 60% 20%,rgba(217,70,239,.45),transparent 40%),linear-gradient(135deg,#201544,#0d3341);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;text-align:center}.modal-play{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-main);font-size:25px;padding-left:4px}.modal-screen strong{font-size:18px;max-width:85%}.modal-screen span{font-size:12px;color:#d7c8e4}.video-modal-box>p{font-size:13px;color:var(--text-muted);padding:12px 4px 0}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:transparent;border:0}.hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px}
img[data-src]{opacity:0;transition:opacity .35s}img.loaded{opacity:1}
@media (max-width:1100px){nav a{padding:8px 7px;font-size:13px}.btn-login,.btn-join{padding-left:10px;padding-right:10px}}
@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}.content-sidebar,.qa-layout,.timeline-layout{grid-template-columns:1fr}.live-dashboard{grid-template-columns:1fr}.tool-board{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.about-intro{grid-template-columns:1fr}.about-intro img{height:300px}.principles{grid-template-columns:1fr 1fr}}
@media (max-width:768px){nav{display:none;position:absolute;top:100%;left:0;right:0;background:#1a102d;border-top:1px solid var(--border);flex-direction:column;padding:15px;gap:4px;z-index:999}nav.open{display:flex}nav a{width:100%;padding:10px 16px}.hamburger{display:flex}.header-inner{position:relative}.header-actions .btn-login{display:none}.hero{min-height:520px}.hero h1{font-size:32px}.hero-stats{gap:20px}.section{padding:46px 0}.video-grid{grid-template-columns:repeat(2,1fr)}.expert-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.news-row{flex-direction:column}.news-row .news-img{width:100%;aspect-ratio:16/9}.split-feature,.ai-strip,.contact-office{grid-template-columns:1fr}.mosaic-grid{grid-template-columns:1fr 1fr}.mosaic-large{grid-row:auto;min-height:300px}.mosaic-card{min-height:220px}.steps-grid,.award-grid,.principles{grid-template-columns:1fr}.live-grid{grid-template-columns:1fr}.timeline-feature{grid-template-columns:1fr}.timeline-feature img{height:250px}.cta-box{align-items:flex-start;flex-direction:column}.filter-row{align-items:flex-start;flex-direction:column}.filter-row>div{justify-content:flex-start}}
@media (max-width:480px){.top-bar-links{display:none}.logo-text span:first-child{font-size:18px}.logo-mark{width:38px;height:38px}.btn-join{padding:7px 12px}.hero{min-height:580px}.hero p{font-size:14px}.hero-btns{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{justify-content:center}.hero-stats{gap:14px}.hero-stat{min-width:100px}.video-grid,.expert-grid,.features-grid,.mosaic-grid{grid-template-columns:1fr}.mosaic-card,.mosaic-large{min-height:260px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-bottom{align-items:flex-start;flex-direction:column}.article-content{padding:20px}.qa-index-card{grid-template-columns:1fr;gap:6px}.award-overlay{padding:22px}.award-overlay h2{font-size:23px}.contact-links a{align-items:flex-start;flex-direction:column}.contact-links span{text-align:left}.search-inner button{padding:10px 15px}}
/* six-layer domain variation: deterministic visual micro-tuning for y7mwrl.cn */
body.site-1a8c0bca{--fp-gap:20px;--fp-radius:13px;--fp-tint:98%}.site-1a8c0bca .feature-card:nth-child(3n){transform-origin:50% 55%}.site-1a8c0bca .section-title-line{width:59px}.site-1a8c0bca .video-card:hover{border-radius:13px}