/* 设计哲学：赛博东方影像主义；所有样式服务于抖音风的视频分镜、时间码、红金播放感与百度移动端可读性。 */

:root{--ink:#090b13;--panel:#12101b;--panel2:#1c1520;--red:#c63732;--gold:#d9a84b;--cyan:#39d5d8;--cream:#f8ecd2;--muted:#b9af9e;--line:rgba(217,168,75,.28);--shadow:0 24px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;line-height:1.78;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}p{margin:.45rem 0 1rem}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#111;z-index:10}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,11,19,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.topbar{max-width:1220px;margin:auto;padding:.76rem 1rem;display:flex;align-items:center;gap:1rem}.brand-link{display:flex;align-items:center;gap:.65rem;font-weight:900;letter-spacing:.04em}.brand-link img{width:48px;height:48px;object-fit:contain}.brand-name{font-size:1.12rem;color:#fff}.nav{margin-left:auto;display:flex;align-items:center;gap:.2rem}.nav a{padding:.62rem .86rem;border-radius:999px;color:#eadbbd;font-size:.95rem}.nav a:hover,.nav a.active{background:rgba(198,55,50,.22);color:#fff}.mobile-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:#fff;border-radius:10px;padding:.5rem}.search-band{border-top:1px solid rgba(255,255,255,.05);padding:.72rem 1rem;background:linear-gradient(90deg,rgba(198,55,50,.18),rgba(57,213,216,.08))}.search-wrap{max-width:1220px;margin:auto;display:flex;gap:.6rem;align-items:center}.search-wrap input{flex:1;background:#0f111a;border:1px solid var(--line);color:#fff;border-radius:14px;padding:.82rem 1rem}.search-wrap button,.btn{border:0;border-radius:999px;background:linear-gradient(135deg,var(--red),#8d221f);color:#fff;padding:.78rem 1.1rem;font-weight:800;box-shadow:0 12px 30px rgba(198,55,50,.25)}.fake-result{font-size:.9rem;color:#f0c978;min-height:1.7rem}.hero{min-height:760px;background-image:linear-gradient(90deg,rgba(7,8,13,.88) 0%,rgba(7,8,13,.68) 40%,rgba(7,8,13,.22) 100%),url('../images/tangxin-hero-wangzhe.webp');background-size:cover;background-position:center;position:relative;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 34%,rgba(198,55,50,.38),transparent 32%),linear-gradient(135deg,transparent 0 48%,rgba(217,168,75,.1) 48.2% 49%,transparent 49.3%);animation:breath 7s ease-in-out infinite alternate}.hero-inner{position:relative;max-width:1220px;margin:auto;padding:6rem 1rem 4rem;width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.62fr);gap:3rem}.crumb{color:#e7c070;font-size:.92rem}.kicker{display:inline-flex;border:1px solid var(--line);padding:.3rem .65rem;border-radius:999px;color:#f6d890;background:rgba(0,0,0,.22)}h1,h2,h3,h4,h5,h6{line-height:1.16;margin:.35rem 0 .8rem;color:#fff;font-weight:900}h1{font-size:clamp(2.4rem,6vw,5.8rem);letter-spacing:.02em;max-width:880px}h2{font-size:clamp(1.85rem,4vw,3.4rem)}h3{font-size:1.48rem}h4{font-size:1.18rem}h5,h6{font-size:1rem}.lead{font-size:1.16rem;max-width:760px;color:#f2e4c9}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}.btn.secondary{background:rgba(255,255,255,.08);border:1px solid var(--line);box-shadow:none}.hero-panel{align-self:end;background:rgba(17,14,24,.72);border:1px solid var(--line);box-shadow:var(--shadow);padding:1rem;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}.timecode{font-family:ui-monospace,Menlo,monospace;color:var(--cyan);letter-spacing:.08em}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.metric{background:rgba(255,255,255,.06);padding:.85rem;border-left:3px solid var(--gold)}.metric b{font-size:1.3rem;color:#fff;display:block}.section{max-width:1220px;margin:auto;padding:5.6rem 1rem}.section.alt{max-width:none;background:linear-gradient(180deg,rgba(198,55,50,.08),rgba(57,213,216,.05));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section.alt>.inner{max-width:1220px;margin:auto}.section-head{display:grid;grid-template-columns:.9fr 1fr;gap:2rem;align-items:end;margin-bottom:2rem}.section-head p{color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.video-card{position:relative;min-height:330px;background:linear-gradient(145deg,#15121d,#211621);border:1px solid var(--line);overflow:hidden;box-shadow:0 14px 50px rgba(0,0,0,.24);transition:.35s transform,.35s border-color}.video-card:hover{transform:translateY(-7px);border-color:rgba(217,168,75,.7)}.video-card video{width:100%;height:170px;display:block;object-fit:cover;background-size:cover;background-position:center;filter:saturate(1.08)}.video-card .play{position:absolute;left:50%;top:84px;transform:translate(-50%,-50%) scale(.85);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(198,55,50,.88);opacity:0;transition:.25s}.video-card:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1)}.play:before{content:"";border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}.video-body{padding:1rem}.tagline{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0}.tag{font-size:.78rem;border:1px solid var(--line);color:#f1cb7a;padding:.18rem .5rem;border-radius:999px}.stats{font-family:ui-monospace,Menlo,monospace;color:#c9c1b3;font-size:.82rem;display:flex;gap:.75rem;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:rgba(255,255,255,.055);border:1px solid var(--line);padding:1.2rem;position:relative;overflow:hidden}.card:before{content:attr(data-mark);position:absolute;right:.8rem;top:.3rem;color:rgba(217,168,75,.16);font-size:3rem;font-weight:900}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:2rem;align-items:center}.frame-img{border:1px solid var(--line);box-shadow:var(--shadow);clip-path:polygon(0 0,100% 0,100% 92%,92% 100%,0 100%)}.json-panel{background:#0c0f17;border:1px solid rgba(57,213,216,.26);padding:1rem;overflow:auto;color:#d5f8f8;border-radius:8px;font-size:.86rem;max-height:360px}.expert-list{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.expert{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);padding:1rem}.expert strong{color:#fff}.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem}.partner{min-height:88px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.05);font-weight:900;color:#f4dca3;letter-spacing:.06em}.howto{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.howto .card:after{counter-increment:step;content:"0" counter(step);position:absolute;right:1rem;bottom:.5rem;color:rgba(57,213,216,.25);font:900 2rem ui-monospace}.faq-list details{border:1px solid var(--line);margin:.7rem 0;background:rgba(255,255,255,.045);padding:1rem}.faq-list summary{cursor:pointer;color:#fff;font-weight:800}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.review{border-left:4px solid var(--red);background:rgba(255,255,255,.055);padding:1rem}.contact-grid{display:grid;grid-template-columns:1fr .7fr;gap:1.2rem}.qr-row{display:flex;gap:1rem}.qr-row img{width:148px;border:8px solid #f6efe4}.share-row{display:flex;gap:.6rem;flex-wrap:wrap}.share-row button{background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;border-radius:999px;padding:.55rem .85rem}.site-footer{background:#07080d;border-top:1px solid var(--line);padding:2.4rem 1rem;color:#cfc4ae}.footer-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr .9fr;gap:2rem}.footer-brand{display:flex;align-items:center;gap:.8rem}.footer-brand img{width:54px}.breadcrumb{max-width:1220px;margin:1.2rem auto 0;padding:0 1rem;color:#e7c070}.page-hero{padding:5rem 1rem 3rem;background:linear-gradient(135deg,rgba(198,55,50,.18),rgba(57,213,216,.08)),#10121b}.page-hero-inner{max-width:1220px;margin:auto}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.notice{border:1px solid var(--line);background:rgba(198,55,50,.11);padding:1rem}.mcp-widget{font-family:ui-monospace,Menlo,monospace;color:#8ff3f0;font-size:.85rem;border:1px dashed rgba(57,213,216,.35);padding:.8rem;margin-top:1rem}@keyframes breath{from{transform:scale(1);opacity:.86}to{transform:scale(1.025);opacity:1}}@media(max-width:960px){.mobile-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:#090b13;padding:1rem;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{min-height:auto}.hero-inner,.section-head,.split,.contact-grid,.footer-inner{grid-template-columns:1fr}.video-grid,.cards,.reviews{grid-template-columns:1fr 1fr}.expert-list{grid-template-columns:1fr 1fr}.logo-wall,.howto{grid-template-columns:1fr 1fr}.hero-inner{padding-top:4rem}h1{font-size:2.7rem}}@media(max-width:640px){.video-grid,.cards,.reviews,.expert-list,.logo-wall,.howto,.mini-grid{grid-template-columns:1fr}.topbar{padding:.6rem}.brand-link img{width:40px;height:40px}.hero-actions{flex-direction:column}.metrics{grid-template-columns:1fr}.qr-row{flex-direction:column}.section{padding:3.8rem 1rem}.search-wrap{flex-direction:column;align-items:stretch}.fake-result{width:100%}}

/* 抖音风赛博东方影像主义：EEAT可信模块延续分镜卡片、琥珀金与冷青线框。 */
.eeat-grid{grid-template-columns:repeat(4,1fr)}.seo-note{color:#f4dca3;border-left:3px solid var(--gold);padding-left:.85rem}@media(max-width:960px){.eeat-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.eeat-grid{grid-template-columns:1fr}}