:root{--primary:#E53935;--primary-2:#FF7043;--primary-light:#FFCDD2;--primary-soft:#FFF3E0;--gold:#F9A825;--gold-deep:#C62828;--sky:#3B82F6;--ink:#172033;--ink-2:#25324A;--ink-3:#34435E;--bg:#F7FAFC;--bg-2:#FFF8F1;--bg-3:#EFF6FF;--surface:#FFFFFF;--text:#172033;--text-2:#475569;--text-3:#718096;--line:rgba(229,57,53,.11);--line-strong:rgba(229,57,53,.24);--shadow:0 8px 28px rgba(23,32,51,.08);--shadow-hover:0 18px 44px rgba(23,32,51,.14);--radius:12px;--radius-card:16px;--radius-large:22px;--radius-pill:999px;--wrap:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}button,input{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin:auto}.skip-link{position:fixed;top:-60px;left:12px;z-index:9999;background:#fff;padding:10px}.skip-link:focus{top:12px}.announcement{height:30px;background:linear-gradient(90deg,#E53935,#FF7043,#F9A825);color:#fff;font-size:13px;overflow:hidden}.ticker{height:30px;display:flex;align-items:center;gap:36px;white-space:nowrap}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 3px 16px rgba(23,32,51,.06)}.header-inner{min-height:68px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:9px;color:var(--gold-deep);font-weight:800;white-space:nowrap}.brand-logo{width:42px;height:42px;object-fit:contain}.desktop-nav{display:flex;flex:1;gap:2px;overflow:hidden}.desktop-nav a{position:relative;padding:22px 7px 20px;font-size:14px;color:var(--text-2);white-space:nowrap}.desktop-nav a:hover{color:var(--primary)}.desktop-nav a.active{color:var(--gold);font-weight:800}.desktop-nav a.active:after{content:"";position:absolute;left:25%;right:25%;bottom:11px;height:2px;background:var(--primary)}.header-actions{display:flex;gap:8px;align-items:center}.header-actions button,.app-link{border:1px solid var(--line-strong);background:#fff;color:var(--gold-deep);border-radius:999px;padding:8px 13px}.search-open{background:var(--primary)!important;color:#fff!important}.menu-toggle{display:none}.hero{padding:56px 0;background:linear-gradient(135deg,#F7FAFC,#FFF8F1 50%,#EFF6FF)}.hero-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:48px;align-items:center}.hero-copy h1,.page-hero h1{font-size:clamp(36px,4.5vw,62px);line-height:1.12;margin:.35rem 0 1rem;letter-spacing:-.03em}.hero-copy p,.page-hero p{font-size:18px;color:var(--text-2);max-width:900px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800;font-size:13px;letter-spacing:.07em}.eyebrow:before{content:"";width:22px;height:2px;background:var(--primary)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.btn{display:inline-flex;padding:10px 18px;border-radius:999px;border:1px solid transparent;font-weight:800}.btn.primary{background:var(--primary);color:#fff}.btn.secondary{background:#fff;border-color:var(--line-strong);color:var(--gold-deep)}.btn.ghost{background:rgba(255,255,255,.55);border-color:var(--line)}.hero-media{margin:0;padding:14px;background:#ffffffc7;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.hero-img,.wide-img,.card-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.hero-media figcaption,.visual-grid figcaption,.duo-images figcaption{font-size:13px;color:var(--text-3);padding-top:9px}.section{padding:70px 0}.section.alt{background:var(--bg-2)}.section-head{max-width:820px;margin-bottom:28px}.section-head h2{font-size:clamp(28px,3vw,42px);line-height:1.2;color:var(--gold-deep);margin:.3rem 0 .8rem}.section-head p{font-size:17px;color:var(--text-2)}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.channel-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;min-height:190px}.channel-card:hover{background:var(--primary-soft)}.channel-card p{color:var(--text-2);font-size:14px}.channel-card span,.text-link{color:var(--primary);font-weight:800}.featured-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 4px 18px rgba(23,32,51,.07)}.content-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.content-card h3{line-height:1.35}.content-card p{color:var(--text-2)}.badge{display:inline-block;background:var(--primary-soft);color:var(--gold);font-size:12px;padding:4px 9px;border-radius:999px}.app-preview-grid,.app-interface-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-preview-grid a,.interface-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}.app-preview-grid strong,.app-preview-grid span{display:block;margin-top:8px}.app-preview-grid span{font-size:14px;color:var(--text-2)}.phone-shot{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px}.duo-images,.visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.duo-images figure,.visual-grid figure{margin:0;background:#fff;padding:12px;border:1px solid var(--line);border-radius:16px}.page-hero{padding:48px 0;background:linear-gradient(135deg,#fff,#fff8f1 65%,#eff6ff)}.breadcrumb{display:flex;gap:8px;color:var(--text-3);font-size:13px;margin-bottom:22px}.layout-with-aside{display:grid;grid-template-columns:220px 1fr;gap:28px}.filter-aside{position:sticky;top:110px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.filter-aside a{display:block;padding:8px 10px;border-radius:8px;color:var(--text-2)}.filter-aside a.active,.filter-aside a:hover{background:var(--primary-soft);color:var(--primary)}.link-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.link-panels a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.link-panels strong,.link-panels span{display:block}.link-panels span{color:var(--text-2);font-size:14px;margin-top:6px}.faq-list{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-item h3{margin:0}.faq-toggle{width:100%;display:flex;justify-content:space-between;text-align:left;border:0;background:#fff;padding:18px 20px;font-weight:800}.faq-answer{padding:0 20px 18px;background:var(--primary-soft)}.search-modal{display:none;position:fixed;inset:0;z-index:3000;background:rgba(23,32,51,.52);align-items:flex-start;justify-content:center;padding:10vh 20px 20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-panel{width:min(760px,100%);background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.search-head{display:flex;justify-content:space-between;gap:20px}.search-close{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px}.search-form label{display:block;margin:16px 0 7px}.search-row,.inline-search{display:flex;gap:8px}.search-row input,.inline-search input{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:999px;padding:12px 16px}.search-row button,.inline-search button{border:0;background:var(--primary);color:#fff;border-radius:999px;padding:11px 18px}.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.search-suggestions a{background:var(--primary-soft);color:var(--gold-deep);padding:6px 10px;border-radius:999px;font-size:13px}body.search-open,body.menu-open{overflow:hidden}.mobile-drawer{position:fixed;inset:0;z-index:2500;background:rgba(23,32,51,.45)}.drawer-panel{margin-left:auto;width:min(390px,88vw);height:100%;overflow:auto;background:#fff;padding:20px}.drawer-head{display:flex;justify-content:space-between}.drawer-panel nav{display:grid;margin-top:15px}.drawer-panel nav a{padding:10px 4px;border-bottom:1px solid #eee}.site-footer{background:linear-gradient(135deg,#172033,#25324A,#34435E);color:#fff;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:26px}.footer-grid h2{font-size:16px}.footer-grid p,.footer-grid a{color:rgba(255,255,255,.72);font-size:14px}.footer-grid a{display:block;padding:4px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(249,168,37,.3);margin-top:28px;padding-top:16px;color:rgba(255,255,255,.65);font-size:13px}.mobile-bar{display:none}.back-top{position:fixed;right:22px;bottom:24px;width:42px;height:42px;border:0;border-radius:50%;background:var(--primary);color:#fff;opacity:0;pointer-events:none}.back-top.visible{opacity:1;pointer-events:auto}@media(max-width:1200px){.featured-grid{grid-template-columns:repeat(3,1fr)}.channel-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.layout-with-aside{grid-template-columns:1fr}.filter-aside{display:none}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.channel-grid,.featured-grid,.card-grid,.app-interface-grid{grid-template-columns:repeat(2,1fr)}.link-panels{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.app-link{display:none}.hero-copy h1,.page-hero h1{font-size:36px}.section{padding:52px 0}.channel-grid,.featured-grid,.card-grid,.app-preview-grid,.app-interface-grid,.duo-images,.visual-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bar{position:sticky;bottom:0;z-index:900;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--primary-light)}.mobile-bar a{text-align:center;padding:10px 4px;font-size:12px}.search-row,.inline-search{flex-direction:column}.back-top{bottom:68px}}@media(max-width:600px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.hero-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.space-y-1{padding-block:3px}.gap-1{gap:1px}.radius-1{border-radius:1px}
.space-y-2{padding-block:6px}.gap-2{gap:2px}.radius-2{border-radius:2px}
.space-y-3{padding-block:9px}.gap-3{gap:3px}.radius-3{border-radius:3px}
.space-y-4{padding-block:12px}.gap-4{gap:4px}.radius-4{border-radius:4px}
.space-y-5{padding-block:15px}.gap-5{gap:5px}.radius-5{border-radius:5px}
.space-y-6{padding-block:18px}.gap-6{gap:6px}.radius-6{border-radius:6px}
.space-y-7{padding-block:21px}.gap-7{gap:7px}.radius-7{border-radius:7px}
.space-y-8{padding-block:24px}.gap-8{gap:8px}.radius-8{border-radius:8px}
.space-y-9{padding-block:27px}.gap-9{gap:9px}.radius-9{border-radius:9px}
.space-y-10{padding-block:30px}.gap-10{gap:10px}.radius-10{border-radius:10px}
.space-y-11{padding-block:33px}.gap-11{gap:11px}.radius-11{border-radius:11px}
.space-y-12{padding-block:36px}.gap-12{gap:12px}.radius-12{border-radius:12px}
.space-y-13{padding-block:39px}.gap-13{gap:13px}.radius-13{border-radius:13px}
.space-y-14{padding-block:42px}.gap-14{gap:14px}.radius-14{border-radius:14px}
.space-y-15{padding-block:45px}.gap-15{gap:15px}.radius-15{border-radius:15px}
.space-y-16{padding-block:48px}.gap-16{gap:16px}.radius-16{border-radius:16px}
.space-y-17{padding-block:51px}.gap-17{gap:17px}.radius-17{border-radius:17px}
.space-y-18{padding-block:54px}.gap-18{gap:18px}.radius-18{border-radius:18px}
.space-y-19{padding-block:57px}.gap-19{gap:19px}.radius-19{border-radius:19px}
.space-y-20{padding-block:60px}.gap-20{gap:20px}.radius-20{border-radius:20px}
.space-y-21{padding-block:63px}.gap-21{gap:21px}.radius-21{border-radius:21px}
.space-y-22{padding-block:66px}.gap-22{gap:22px}.radius-22{border-radius:22px}
.space-y-23{padding-block:69px}.gap-23{gap:23px}.radius-23{border-radius:23px}
.space-y-24{padding-block:72px}.gap-24{gap:24px}.radius-24{border-radius:24px}
.space-y-25{padding-block:75px}.gap-25{gap:25px}.radius-25{border-radius:25px}
.space-y-26{padding-block:78px}.gap-26{gap:26px}.radius-26{border-radius:26px}
.space-y-27{padding-block:81px}.gap-27{gap:27px}.radius-27{border-radius:27px}
.space-y-28{padding-block:84px}.gap-28{gap:28px}.radius-28{border-radius:28px}
.space-y-29{padding-block:87px}.gap-29{gap:29px}.radius-29{border-radius:29px}
.space-y-30{padding-block:90px}.gap-30{gap:30px}.radius-30{border-radius:30px}
.space-y-31{padding-block:93px}.gap-31{gap:31px}.radius-31{border-radius:30px}
.space-y-32{padding-block:96px}.gap-32{gap:32px}.radius-32{border-radius:30px}
.space-y-33{padding-block:99px}.gap-33{gap:33px}.radius-33{border-radius:30px}
.space-y-34{padding-block:102px}.gap-34{gap:34px}.radius-34{border-radius:30px}
.space-y-35{padding-block:105px}.gap-35{gap:35px}.radius-35{border-radius:30px}
.space-y-36{padding-block:108px}.gap-36{gap:36px}.radius-36{border-radius:30px}
.space-y-37{padding-block:111px}.gap-37{gap:37px}.radius-37{border-radius:30px}
.space-y-38{padding-block:114px}.gap-38{gap:38px}.radius-38{border-radius:30px}
.space-y-39{padding-block:117px}.gap-39{gap:39px}.radius-39{border-radius:30px}
.space-y-40{padding-block:120px}.gap-40{gap:40px}.radius-40{border-radius:30px}
.space-y-41{padding-block:123px}.gap-41{gap:41px}.radius-41{border-radius:30px}
.space-y-42{padding-block:126px}.gap-42{gap:42px}.radius-42{border-radius:30px}
.space-y-43{padding-block:129px}.gap-43{gap:43px}.radius-43{border-radius:30px}
.space-y-44{padding-block:132px}.gap-44{gap:44px}.radius-44{border-radius:30px}
.space-y-45{padding-block:135px}.gap-45{gap:45px}.radius-45{border-radius:30px}
.space-y-46{padding-block:138px}.gap-46{gap:46px}.radius-46{border-radius:30px}
.space-y-47{padding-block:141px}.gap-47{gap:47px}.radius-47{border-radius:30px}
.space-y-48{padding-block:144px}.gap-48{gap:48px}.radius-48{border-radius:30px}
.space-y-49{padding-block:147px}.gap-49{gap:49px}.radius-49{border-radius:30px}
.space-y-50{padding-block:150px}.gap-50{gap:50px}.radius-50{border-radius:30px}
.space-y-51{padding-block:153px}.gap-51{gap:51px}.radius-51{border-radius:30px}
.space-y-52{padding-block:156px}.gap-52{gap:52px}.radius-52{border-radius:30px}
.space-y-53{padding-block:159px}.gap-53{gap:53px}.radius-53{border-radius:30px}
.space-y-54{padding-block:162px}.gap-54{gap:54px}.radius-54{border-radius:30px}
.space-y-55{padding-block:165px}.gap-55{gap:55px}.radius-55{border-radius:30px}
.space-y-56{padding-block:168px}.gap-56{gap:56px}.radius-56{border-radius:30px}
.space-y-57{padding-block:171px}.gap-57{gap:57px}.radius-57{border-radius:30px}
.space-y-58{padding-block:174px}.gap-58{gap:58px}.radius-58{border-radius:30px}
.space-y-59{padding-block:177px}.gap-59{gap:59px}.radius-59{border-radius:30px}
.space-y-60{padding-block:180px}.gap-60{gap:60px}.radius-60{border-radius:30px}
.space-y-61{padding-block:183px}.gap-61{gap:61px}.radius-61{border-radius:30px}
.space-y-62{padding-block:186px}.gap-62{gap:62px}.radius-62{border-radius:30px}
.space-y-63{padding-block:189px}.gap-63{gap:63px}.radius-63{border-radius:30px}
.space-y-64{padding-block:192px}.gap-64{gap:64px}.radius-64{border-radius:30px}
.space-y-65{padding-block:195px}.gap-65{gap:65px}.radius-65{border-radius:30px}
.space-y-66{padding-block:198px}.gap-66{gap:66px}.radius-66{border-radius:30px}
.space-y-67{padding-block:201px}.gap-67{gap:67px}.radius-67{border-radius:30px}
.space-y-68{padding-block:204px}.gap-68{gap:68px}.radius-68{border-radius:30px}
.space-y-69{padding-block:207px}.gap-69{gap:69px}.radius-69{border-radius:30px}
.space-y-70{padding-block:210px}.gap-70{gap:70px}.radius-70{border-radius:30px}
.space-y-71{padding-block:213px}.gap-71{gap:71px}.radius-71{border-radius:30px}
.space-y-72{padding-block:216px}.gap-72{gap:72px}.radius-72{border-radius:30px}
.space-y-73{padding-block:219px}.gap-73{gap:73px}.radius-73{border-radius:30px}
.space-y-74{padding-block:222px}.gap-74{gap:74px}.radius-74{border-radius:30px}
.space-y-75{padding-block:225px}.gap-75{gap:75px}.radius-75{border-radius:30px}
.space-y-76{padding-block:228px}.gap-76{gap:76px}.radius-76{border-radius:30px}
.space-y-77{padding-block:231px}.gap-77{gap:77px}.radius-77{border-radius:30px}
.space-y-78{padding-block:234px}.gap-78{gap:78px}.radius-78{border-radius:30px}
.space-y-79{padding-block:237px}.gap-79{gap:79px}.radius-79{border-radius:30px}
.space-y-80{padding-block:240px}.gap-80{gap:80px}.radius-80{border-radius:30px}