:root{--navy:#172a69;--blue:#286df0;--ink:#152450;--muted:#64708d;--line:#e3e9f7;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1320px,calc(100% - 64px));margin:auto}.site-header{height:82px;display:flex;align-items:center;gap:20px;padding:0 max(30px,calc((100vw - 1480px)/2));border-bottom:1px solid #edf1fb;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-badge{width:58px;height:58px;overflow:hidden;border-radius:16px;background:var(--navy);box-shadow:0 8px 18px #172a692b}.brand-badge img{display:block;width:100%;height:100%;object-fit:cover}.brand-copy{display:grid;gap:3px;line-height:1}.brand-copy strong{font-size:17px;letter-spacing:.08em}.brand-copy small{font-size:7px;color:#7280a1;letter-spacing:.17em}.nav-links{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:14px;font-weight:650;white-space:nowrap}.nav-links a{transition:color .2s}.nav-links a:hover,.text-link:hover{color:var(--blue)}.nav-external{color:#405787}.button{min-height:43px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,#347cff,#1757d8);box-shadow:0 9px 20px #286df038}.button-ghost{border:1px solid #9abafb;color:var(--blue);background:#fff}.button-light{color:#215ed4;background:#fff;box-shadow:none}.button-large{min-height:53px;padding:0 25px;border-radius:15px;font-size:15px}.button-arrow{width:15px;height:15px;object-fit:contain}.button-arrow-down{width:12px;height:12px;filter:brightness(0) invert(1)}.button-light .button-arrow-down{filter:none}.header-download{margin-left:5px;flex-shrink:0}.menu-button{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 10%,#fff 0 2%,transparent 27%),linear-gradient(120deg,#eef7ff,#f9fbff 50%,#e9eeff)}.hero-layout{min-height:670px;display:flex;align-items:center;justify-content:space-between;position:relative}.hero-copy{z-index:2;max-width:610px}.eyebrow{margin:0 0 12px;color:#5877c2;font-size:11px;font-weight:800;letter-spacing:.14em}.hero h1{margin:0;color:var(--navy);font-size:clamp(48px,5vw,72px);line-height:1.12;letter-spacing:-.055em}.hero-lead{max-width:550px;margin:22px 0 30px;color:#5f6d89;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-notes{display:flex;gap:12px;align-items:center;margin-top:27px;color:#71809d;font-size:13px}.hero-notes i{width:4px;height:4px;border-radius:50%;background:#97b8f4}.hero-orb{position:absolute;border-radius:50%}.hero-orb-left{left:-100px;bottom:-80px;width:310px;height:310px;background:#abcdf759}.hero-orb-right{right:-100px;top:70px;width:390px;height:390px;background:#b8aeff38}.phone-stage{position:relative;z-index:3;width:286px;margin:25px 11% 0 20px;transform:rotate(4deg)}.phone-frame{position:relative;overflow:hidden;padding:10px;border:4px solid #121a2c;border-radius:40px;background:#121a2c;box-shadow:20px 26px 34px #2640764d}.phone-frame img{display:block;width:100%;border-radius:27px}.phone-speaker{position:absolute;z-index:2;left:50%;top:15px;width:71px;height:19px;border-radius:99px;background:#121a2c;transform:translateX(-50%)}.phone-shadow{position:absolute;z-index:-1;inset:10% -12%;border-radius:50%;background:#4473de47;filter:blur(28px)}
.platform-intro{padding:78px 0}.intro-layout{display:grid;grid-template-columns:.82fr 1.1fr 1fr;gap:42px;align-items:start}.intro-layout h2,.section-heading h2,.bean-card h2,.download-card h2{margin:0;color:var(--navy);font-size:clamp(30px,3vw,43px);line-height:1.25;letter-spacing:-.04em}.intro-layout>p:last-child{margin:3px 0;color:var(--muted);font-size:16px;line-height:1.9}.scene-section{padding:70px 0 82px;background:linear-gradient(#f7faff,#fff)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading p:not(.eyebrow){margin:9px 0 0;color:var(--muted)}.alliance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.alliance-card{position:relative;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:flex-end;padding:19px;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 12px 27px #314f8514;isolation:isolate}.alliance-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#0c183b00 28%,#0b1636e0)}.alliance-card h3{margin:0 0 6px;color:#fff;font-size:19px;text-shadow:0 1px 10px #0005}.alliance-card p{margin:0;color:#ffffffd9;font-size:13px}.card-visual{position:absolute;z-index:-2;inset:0;background-image:url('./assets/alliance-scenes-tech.png');background-size:400% auto;background-repeat:no-repeat;transition:transform .35s}.alliance-card:hover .card-visual{transform:scale(1.045)}.card-ad .card-visual{background-position:0 0}.card-taoke .card-visual{background-position:33.333% 0}.card-coupon .card-visual{background-position:66.666% 0}.card-bounty .card-visual{background-position:100% 0}.card-community .card-visual{background-position:0 100%}.card-ai .card-visual{background-position:33.333% 100%}.card-cross .card-visual{background-position:66.666% 100%}.card-farm .card-visual{background-position:100% 100%}
.text-link{color:#3978f3;font-weight:700}.bean-section{padding:88px 0}.bean-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:54px 72px;overflow:hidden;border-radius:28px;background:linear-gradient(120deg,#eff9ef,#eaf7ff 52%,#eff0ff)}.bean-card>div:first-child{max-width:610px}.bean-card>div:first-child>p:not(.eyebrow){margin:17px 0;color:#586c80;line-height:1.8}.bean-tags{display:flex;flex-wrap:wrap;gap:10px}.bean-tags span{padding:8px 13px;border:1px solid #48967a33;border-radius:99px;color:#2e7763;background:#ffffff9e;font-size:13px}.bean-orbit{position:relative;width:220px;height:220px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #337e572e;border-radius:50%;color:#267455}.bean-orbit span{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;font-size:21px;font-weight:800;background:linear-gradient(145deg,#fff8a3,#f3bd42);box-shadow:0 13px 28px #cd9d2c40}.bean-orbit i{position:absolute;width:23px;height:23px;border-radius:50%;background:#5fcf86;box-shadow:0 5px 14px #42aa6240}.bean-orbit i:nth-of-type(1){top:15px;left:32px}.bean-orbit i:nth-of-type(2){right:5px;bottom:50px;background:#81b5ff}.bean-orbit i:nth-of-type(3){bottom:8px;left:45px;background:#ef9d90}
.download-section{padding:92px 0 76px;background:linear-gradient(180deg,#fff,#f6f9ff)}.download-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:50px;min-height:230px;padding:49px 58px;overflow:hidden;border:1px solid rgba(138,181,255,.36);border-radius:30px;color:#fff;background:radial-gradient(circle at 78% 47%,rgba(169,214,255,.36),transparent 24%),linear-gradient(118deg,#112e7c,#2361d9 57%,#60a0ff);box-shadow:0 24px 50px rgba(36,91,193,.18)}.download-card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.17);border-radius:21px;pointer-events:none}.download-copy,.download-action{position:relative;z-index:2}.download-copy{max-width:640px}.download-card h2,.download-card p,.download-card .eyebrow{color:#fff}.download-card h2{font-size:clamp(32px,3vw,43px);letter-spacing:-.04em}.download-card p:last-of-type{margin:11px 0 0;color:rgba(255,255,255,.8);font-size:16px;line-height:1.7}.download-card .eyebrow{margin-bottom:9px;color:#c7dcff}.download-meta{display:flex;align-items:center;gap:18px;margin-top:19px;color:rgba(255,255,255,.75);font-size:13px}.download-meta span{display:flex;align-items:center;gap:7px}.download-meta i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;color:#2762d6;background:#fff;font-size:11px;font-style:normal}.download-action{display:grid;justify-items:center;gap:11px;flex:0 0 auto}.download-action .button{min-width:178px;min-height:58px;border:1px solid rgba(255,255,255,.72);font-size:16px;box-shadow:0 15px 26px rgba(12,49,135,.18)}.android-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;color:#fff;background:#326ddd;font-size:9px}.download-action small{color:rgba(255,255,255,.68);font-size:12px}.download-decor{position:absolute;right:-20px;top:-50px;width:370px;height:330px;opacity:.78}.download-decor:before,.download-decor:after,.download-decor i{content:"";position:absolute;border:1px solid rgba(255,255,255,.23);border-radius:50%}.download-decor:before{width:350px;height:350px;right:-100px;top:-12px}.download-decor:after{width:245px;height:245px;right:4px;top:42px}.download-decor i:nth-child(1){width:12px;height:12px;right:120px;top:33px;background:#fff;box-shadow:0 0 16px #fff}.download-decor i:nth-child(2){width:8px;height:8px;right:35px;bottom:53px;background:#9bd0ff}.download-decor i:nth-child(3){width:15px;height:15px;right:241px;bottom:38px;background:#f4d17c;box-shadow:0 0 18px rgba(255,213,119,.8)}footer{padding:30px 0;color:#9eabc3;background:#101b42}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner strong{color:#fff;font-size:17px}.footer-inner p{margin:6px 0 0;font-size:12px}.footer-links{display:flex;gap:22px;font-size:13px}.footer-links a:hover{color:#fff}
@media(max-width:1240px){.nav-links{gap:12px;font-size:13px}.header-download{padding:0 15px}.phone-stage{margin-right:3%}}
@media(max-width:1060px){.site-header{height:76px;padding:0 22px}.menu-button{display:block;margin-left:auto;padding:7px;border:0;color:var(--navy);background:transparent;font-size:23px;line-height:1}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;z-index:20;margin:0;padding:18px 24px;flex-direction:column;align-items:flex-start;gap:16px;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 15px 20px #1a2c5c14;font-size:15px}.nav-links.open{display:flex}.header-download{display:none}.hero-layout{min-height:0;padding:62px 0 48px;flex-direction:column;align-items:flex-start}.hero-copy{max-width:650px}.phone-stage{align-self:center;width:248px;margin:38px auto 0}.intro-layout{gap:46px}.bean-card{padding:45px}.alliance-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:660px){.container{width:calc(100% - 38px)}.brand-badge{width:49px;height:49px;border-radius:14px}.brand-copy strong{font-size:15px}.hero-layout{padding-top:47px}.hero h1{font-size:45px}.hero-lead{margin:16px 0 24px;font-size:15px}.hero-actions{gap:10px}.hero-actions .button{flex:1;min-width:0;padding:0 13px;font-size:13px}.hero-notes{gap:8px;font-size:11px}.phone-stage{width:222px;margin-top:33px}.phone-frame{padding:8px;border-width:3px;border-radius:31px}.phone-frame img{border-radius:21px}.phone-speaker{top:11px;width:54px;height:14px}.platform-intro,.scene-section,.bean-section,.download-section{padding:56px 0}.intro-layout{grid-template-columns:1fr;gap:22px}.section-heading{margin-bottom:22px}.section-heading h2,.intro-layout h2,.bean-card h2,.download-card h2{font-size:30px}.alliance-grid{gap:11px}.alliance-card{padding:13px;border-radius:15px}.alliance-card h3{margin-bottom:4px;font-size:15px}.alliance-card p{font-size:11px}.bean-card{padding:29px 24px;align-items:flex-start;flex-direction:column}.bean-orbit{align-self:center;width:175px;height:175px}.bean-orbit span{width:78px;height:78px;font-size:17px}.download-card{padding:32px 25px;align-items:flex-start;flex-direction:column;gap:23px}.footer-inner{align-items:flex-start;gap:22px;flex-direction:column}.footer-links{flex-wrap:wrap;gap:15px}}

/* 三个产品手机按 AI、首页、农场的顺序展示；原图本身已包含设备边框。 */
.phones-showcase{position:relative;z-index:3;width:550px;height:570px;margin:28px 0 0 16px;flex:0 0 auto;transform:translateY(-44px) scale(1.2);transform-origin:center}.product-phone{position:absolute;bottom:0;display:block;height:auto;border-radius:8%;filter:drop-shadow(0 22px 18px rgba(20,42,94,.22));transition:transform .25s ease}.phone-ai{left:0;width:182px;transform:rotate(-7deg);z-index:1}.phone-home{left:178px;width:228px;z-index:3}.phone-farm{right:-34px;width:182px;transform:rotate(7deg);z-index:2}.product-phone:hover{z-index:5;transform:translateY(-10px) rotate(0)}
@media(max-width:1060px){.phones-showcase{align-self:center;width:490px;height:500px;margin:38px auto 0;transform:translateX(-17px)}.phone-ai{width:160px}.phone-home{left:160px;width:200px}.phone-farm{width:160px}}
@media(max-width:660px){.phones-showcase{width:300px;height:320px;margin-top:30px}.phone-ai{width:105px;transform:rotate(-7deg)}.phone-home{left:96px;width:128px}.phone-farm{width:105px;transform:rotate(7deg)}}

/* 八大板块使用完整生态图，图内已包含标题、说明与八个业务模块。 */
.ecosystem-image{display:block;width:100%;height:auto;border-radius:24px}
@media(max-width:660px){.ecosystem-image{border-radius:14px}}

/* 微豆生态：结构与动线采用代码绘制，只有中心微豆使用独立素材。 */
.weidou-panel{min-height:430px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:20px;padding:60px 70px;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 74% 46%,rgba(255,255,255,.96),transparent 32%),linear-gradient(118deg,#edf6ff,#fbfdff 52%,#edf8ff)}.weidou-copy{position:relative;z-index:2}.weidou-copy h2{max-width:580px;margin:0;color:var(--navy);font-size:clamp(33px,3.2vw,48px);letter-spacing:-.045em;line-height:1.24}.weidou-copy>p:not(.eyebrow){max-width:560px;margin:17px 0 26px;color:#637495;font-size:16px;line-height:1.8}.weidou-tags{display:flex;flex-wrap:wrap;gap:11px}.weidou-tags span{display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid rgba(199,215,245,.72);border-radius:99px;color:#3f5c99;background:rgba(255,255,255,.75);box-shadow:0 7px 15px rgba(55,94,160,.06);font-size:14px;font-weight:650}.weidou-tags i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#5998ff,#3170e9);font-style:normal;font-size:12px}.weidou-visual{position:relative;width:530px;height:350px;margin-left:auto}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(87,160,255,.28);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:418px;height:174px}.orbit-two{width:350px;height:250px;transform:translate(-50%,-50%) rotate(-20deg)}.orbit-three{width:266px;height:150px;border-color:rgba(245,186,72,.38)}.orbit-node{position:absolute;z-index:3;width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:#64a8ff;box-shadow:0 0 0 2px rgba(83,158,255,.3)}.node-one{top:54px;left:108px}.node-two{top:34px;right:113px}.node-three{bottom:38px;left:144px}.node-four{right:88px;bottom:61px}.weidou-node{position:absolute;z-index:4;width:115px;min-height:108px;display:grid;place-items:center;align-content:center;gap:9px;border:1px solid rgba(255,255,255,.94);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(245,250,255,.64));box-shadow:0 13px 25px rgba(58,92,150,.12);color:#214b9d}.weidou-node b{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#75afff,#3974ec);box-shadow:0 7px 14px rgba(62,115,226,.23);font-size:23px}.weidou-node span{font-weight:750;font-size:15px}.study-node b{background:linear-gradient(145deg,#89b9ff,#4a81ee)}.social-node b{background:linear-gradient(145deg,#75b2ff,#3572e7)}.activity-node b{background:linear-gradient(145deg,#88b7ff,#4679eb)}.task-node{top:0;left:91px}.study-node{top:2px;right:66px}.social-node{bottom:0;left:56px}.activity-node{right:28px;bottom:-8px}.bean-stage{position:absolute;z-index:5;left:50%;top:50%;width:202px;height:164px;transform:translate(-50%,-50%);filter:drop-shadow(0 20px 19px rgba(45,104,210,.18))}.bean-stage:before{content:"";position:absolute;inset:33px 13px 7px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,237,150,.56),rgba(98,158,255,.27) 50%,transparent 72%)}.bean-stage img{position:absolute;z-index:2;left:50%;top:0;width:158px;transform:translateX(-50%) rotate(-7deg)}.stage-ring{position:absolute;z-index:1;left:50%;border:10px solid rgba(109,172,255,.38);border-radius:50%;transform:translateX(-50%) rotateX(65deg);box-shadow:0 13px 21px rgba(78,139,233,.14)}.ring-back{bottom:8px;width:180px;height:74px}.ring-front{bottom:-2px;width:141px;height:54px;border-color:rgba(255,255,255,.78)}
@media(max-width:1060px){.weidou-panel{grid-template-columns:1fr;padding:45px}.weidou-copy{max-width:650px}.weidou-visual{margin:10px auto 0}}
@media(max-width:660px){.weidou-panel{padding:34px 22px;border-radius:20px}.weidou-copy h2{font-size:31px}.weidou-copy>p:not(.eyebrow){font-size:14px}.weidou-tags{gap:8px}.weidou-tags span{padding:8px 10px;font-size:12px}.weidou-visual{width:300px;height:280px;transform:scale(.82);transform-origin:top center;margin-bottom:-48px}}

@media(max-width:660px){.download-section{padding:62px 0 55px}.download-card{min-height:0;align-items:flex-start;padding:35px 26px;gap:27px;border-radius:23px}.download-card:before{inset:8px;border-radius:17px}.download-card h2{font-size:31px}.download-card p:last-of-type{font-size:14px}.download-meta{flex-wrap:wrap;gap:9px 14px;margin-top:16px;font-size:12px}.download-action{justify-items:start;width:100%}.download-action .button{width:100%;min-width:0}.download-decor{right:-172px;top:18px;opacity:.45}}

/* 用独立 3D 素材替换微豆生态的字符图标。 */
.weidou-panel img{max-width:100%}.weidou-tags>span>img{display:block;width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important;object-fit:contain;flex:0 0 21px}.weidou-node{width:126px;height:122px;min-height:0;padding:13px 10px;overflow:hidden;border-color:rgba(255,255,255,.98);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(241,248,255,.72));box-shadow:0 16px 30px rgba(55,93,153,.15);transition:transform .25s ease,box-shadow .25s ease}.weidou-node:after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.68);border-radius:15px;pointer-events:none}.weidou-node>img{position:relative;z-index:1;display:block;width:49px!important;height:49px!important;max-width:49px!important;max-height:49px!important;min-width:0!important;min-height:0!important;object-fit:contain;flex:0 0 49px;filter:drop-shadow(0 5px 7px rgba(50,108,218,.18))}.weidou-node span{position:relative;z-index:1}.weidou-node:hover{z-index:7;transform:translateY(-7px);box-shadow:0 21px 35px rgba(44,94,177,.22)}.task-node{top:-6px;left:81px}.study-node{top:-4px;right:56px}.social-node{bottom:-5px;left:46px}.activity-node{right:18px;bottom:-13px}.weidou-tags i,.weidou-node b{display:none}
@media(max-width:660px){.weidou-node{width:118px;height:112px;min-height:0}.task-node{left:70px}.study-node{right:45px}.social-node{left:36px}.activity-node{right:8px}.weidou-node>img{width:43px!important;height:43px!important;max-width:43px!important;max-height:43px!important;flex-basis:43px}.weidou-tags>span>img{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;flex-basis:18px}}