:root{--color-primary:#d97a3e;--color-primary-light:#e8c4a0;--color-primary-dark:#b85e2a;--color-primary-subtle:#d97a3e14;--color-bg-start:#fbf7f2;--color-bg-end:#f3ece3;--color-bg-section:#f8f4ef;--color-text-primary:#1a1816;--color-text-secondary:#5a524a;--color-text-muted:#9a928a;--color-white:#fff;--color-border:#e8e0d8;--shadow-sm:0 2px 12px #0000000a;--shadow-md:0 8px 32px #0000000f;--shadow-lg:0 24px 64px #00000014;--radius-lg:20px;--radius-md:14px;--radius-sm:8px;--font-sans:"Inter","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--max-width:1100px;--header-height:68px;--transition:.5s cubic-bezier(.22,1,.36,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--color-bg-start);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 24px}.portal-header{z-index:1000;height:var(--header-height);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);transition:var(--transition);background:#fbf7f2d9;border-bottom:1px solid #e8e0d840;position:fixed;top:0;left:0;right:0}.portal-header.scrolled{background:#fbf7f2f2;box-shadow:0 2px 24px #0000000a}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;display:flex}.header-logo{color:var(--color-text-primary);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.logo-icon{background:var(--color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.header-nav{align-items:center;gap:6px;display:flex}.header-nav a{color:var(--color-text-secondary);transition:all var(--transition);letter-spacing:.01em;border-radius:30px;padding:6px 14px;font-size:13px;font-weight:500}.header-nav a:hover{color:var(--color-text-primary);background:#d97a3e0f}.btn-download-nav{cursor:pointer;border:none;font-family:inherit;background:var(--color-text-primary)!important;color:#fff!important;transition:all var(--transition)!important;letter-spacing:.02em!important;border-radius:30px!important;padding:6px 20px!important;font-size:12px!important;font-weight:600!important}.btn-download-nav:hover{box-shadow:0 4px 20px #d97a3e40;background:var(--color-primary)!important;color:#fff!important}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4.5px;padding:4px;display:none}.hamburger span{background:var(--color-text-primary);width:22px;height:2px;transition:var(--transition);transform-origin:50%;border-radius:2px}.hamburger.active span:first-child{transform:rotate(45deg)translate(4.5px,4.5px)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(4.5px,-4.5px)}.mobile-menu{top:var(--header-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:999;background:#fbf7f2fa;flex-direction:column;gap:12px;padding:20px 28px 28px;display:none;position:fixed;left:0;right:0}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--color-text-secondary);transition:color var(--transition);border-bottom:1px solid #e8e0d833;padding:8px 0;font-size:16px;font-weight:500}.mobile-menu a:hover{color:var(--color-text-primary)}.mobile-menu a:last-child{border-bottom:none}.section{align-items:center;min-height:100vh;padding:80px 0 60px;display:flex;position:relative;overflow:hidden}.section-alt{background:var(--color-bg-section)}.section-tag{color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;border-bottom:1.5px solid var(--color-primary-light);margin-bottom:12px;padding:4px 0;font-size:11px;font-weight:600;display:inline-block}.section-title{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.12}.section-title .highlight{color:var(--color-primary)}.section-desc{color:var(--color-text-secondary);max-width:540px;font-size:16px;line-height:1.8}.text-center{text-align:center}.text-center .section-desc{margin-left:auto;margin-right:auto}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.hero-section{background:linear-gradient(165deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);padding-top:calc(var(--header-height) + 20px);position:relative}.hero-section .container{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.hero-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#d97a3e0f 0%,#0000 70%);width:45%;height:70%;position:absolute;top:-15%;right:-8%}.hero-content{flex-direction:column;gap:16px;display:flex}.hero-badge{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;border-bottom:1.5px solid var(--color-primary-light);align-items:center;gap:8px;width:fit-content;padding:4px 0;font-size:12px;font-weight:600;display:inline-flex}.hero-badge .dot{background:var(--color-primary);border-radius:50%;width:5px;height:5px;display:inline-block}.hero-title{letter-spacing:-.035em;font-size:clamp(36px,5.2vw,64px);font-weight:900;line-height:1.04}.hero-title .highlight{color:var(--color-primary);position:relative}.hero-title .highlight:after{content:"";z-index:-1;background:#d97a3e24;border-radius:4px;height:10px;position:absolute;bottom:2px;left:0;right:0}.hero-sub{color:var(--color-text-secondary);max-width:440px;font-size:16px;line-height:1.8}.hero-sub strong{color:var(--color-text-primary);font-weight:600}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;display:flex}.hero-trust{color:var(--color-text-muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff6;border:1px solid #ffffff80;border-radius:40px;align-items:center;gap:6px;padding:4px 14px 4px 10px;font-size:13px;display:flex}.hero-trust .trust-number{color:var(--color-text-primary);font-size:14px;font-weight:700}.hero-visual{justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.art-circle{will-change:transform;border-radius:50%;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute}.art-circle-1{background:radial-gradient(circle at 30% 30%,#d97a3e40,#d97a3e0a);border:1.5px solid #d97a3e1f;width:200px;height:200px;animation:14s ease-in-out infinite alternate float1;top:10%;left:8%}.art-circle-2{background:radial-gradient(circle at 70% 20%,#c8aa8c33,#c8aa8c08);border:1.5px solid #c8aa8c1a;width:150px;height:150px;animation:16s ease-in-out infinite alternate float2;bottom:10%;right:12%}.art-circle-3{background:radial-gradient(circle,#d97a3e26,#d97a3e05);border:1.5px solid #d97a3e14;width:110px;height:110px;animation:12s ease-in-out infinite alternate float3;top:45%;right:32%}.art-circle-4{background:radial-gradient(circle,#d97a3e1a,#0000);border:1px solid #d97a3e0f;width:60px;height:60px;animation:18s ease-in-out infinite alternate float4;bottom:28%;left:22%}@keyframes float1{0%{transform:translate(0)scale(1)}to{transform:translate(14px,-20px)scale(1.04)}}@keyframes float2{0%{transform:translate(0)scale(1)}to{transform:translate(-16px,12px)scale(1.06)}}@keyframes float3{0%{transform:translate(0)scale(1)}to{transform:translate(12px,16px)scale(.96)}}@keyframes float4{0%{transform:translate(0)}to{transform:translate(-10px,-14px)}}.art-label{color:var(--color-text-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition);cursor:default;white-space:nowrap;background:#ffffffb3;border:1px solid #fff9;border-radius:40px;align-items:center;gap:6px;padding:5px 16px 5px 12px;font-size:13px;font-weight:500;display:flex;position:absolute;box-shadow:0 2px 16px #0000000a}.art-label:hover{background:#ffffffeb;transform:scale(1.04)}.art-label .emoji{font-size:16px}.art-label .name{color:var(--color-text-primary);font-weight:600}.art-label-1{animation:8s ease-in-out infinite alternate labelFloat1;top:16%;left:22%}.art-label-2{animation:10s ease-in-out infinite alternate labelFloat2;bottom:16%;right:20%}.art-label-3{animation:9s ease-in-out infinite alternate labelFloat3;top:48%;right:42%}@keyframes labelFloat1{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes labelFloat2{0%{transform:translateY(0)}to{transform:translateY(5px)}}@keyframes labelFloat3{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.hewei-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:16px;display:grid}.hewei-card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-top:4px solid var(--color-primary-light);transition:all var(--transition);padding:28px 24px}.hewei-card:nth-child(2){border-top-color:#c4b4a0}.hewei-card:nth-child(3){border-top-color:#a8c4b8}.hewei-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.hewei-card .level{letter-spacing:.08em;text-transform:uppercase;border-radius:30px;margin-bottom:10px;padding:2px 12px;font-size:11px;font-weight:700;display:inline-block}.hewei-card:first-child .level{color:var(--color-primary);background:#d97a3e14}.hewei-card:nth-child(2) .level{color:#8a7a64;background:#b8a68b1f}.hewei-card:nth-child(3) .level{color:#5a8a7a;background:#a8c4b826}.hewei-card h3{margin-bottom:4px;font-size:18px;font-weight:700}.hewei-card .sub{color:var(--color-text-secondary);margin-bottom:12px;font-size:14px}.hewei-card .example{background:var(--color-bg-start);border-radius:var(--radius-sm);color:var(--color-text-secondary);border-left:3px solid var(--color-primary-light);padding:12px 16px;font-size:14px}.hewei-card:nth-child(2) .example{border-left-color:#c4b4a0}.hewei-card:nth-child(3) .example{border-left-color:#a8c4b8}.hewei-card .example .label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.feature-item{background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition);gap:18px;padding:20px 22px;display:flex}.feature-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.feature-item .icon{background:var(--color-bg-start);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.feature-item h4{margin-bottom:2px;font-size:17px;font-weight:700}.feature-item p{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.scene-card{background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition);padding:24px 22px}.scene-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.scene-card .scene-title{align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.scene-card .scene-title .emoji{font-size:20px}.scene-perspectives{flex-direction:column;gap:8px;display:flex}.scene-perspectives .sp{background:var(--color-bg-start);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:8px 12px;font-size:14px;line-height:1.5;display:flex}.scene-perspectives .sp .who{color:var(--color-text-secondary);flex-shrink:0;min-width:36px;font-size:13px;font-weight:600}.scene-perspectives .sp .dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.scene-perspectives .sp:first-child .dot{background:#d97a3e}.scene-perspectives .sp:nth-child(2) .dot{background:#c4b4a0}.scene-perspectives .sp:nth-child(3) .dot{background:#7eb8a8}.download-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-top:8px;display:grid}.platform-buttons{flex-direction:column;gap:14px;display:flex}.platform-btn{background:var(--color-white);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:all var(--transition);cursor:pointer;text-align:left;align-items:center;gap:16px;width:100%;padding:18px 24px;display:flex}.platform-btn:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translate(4px)}.platform-btn .icon{background:var(--color-bg-start);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.platform-btn .info .name{font-size:18px;font-weight:700}.platform-btn .info .sub{color:var(--color-text-muted);font-size:14px}.platform-btn .arrow{color:var(--color-text-muted);transition:transform var(--transition);margin-left:auto;font-size:20px}.platform-btn:hover .arrow{color:var(--color-primary);transform:translate(4px)}.ios-coming{color:var(--color-text-muted);background:var(--color-bg-section);border-radius:var(--radius-sm);border:1px dashed var(--color-border);margin-top:12px;padding:10px 16px;font-size:14px;display:inline-block}.qr-card{background:var(--color-white);border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:28px 24px}.qr-card .qr-title{margin-bottom:12px;font-size:16px;font-weight:700}.qr-card .qr-image{border-radius:8px;width:150px;height:150px}.qr-card .qr-sub{color:var(--color-text-muted);margin-top:8px;font-size:14px}.support-grid{grid-template-columns:2fr 1fr;gap:32px;display:grid}.help-preview{flex-direction:column;gap:10px;display:flex}.help-item{background:var(--color-white);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all var(--transition);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.help-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translate(4px)}.help-item .title{font-size:14px;font-weight:500}.help-more{color:var(--color-primary);transition:gap var(--transition);align-items:center;gap:4px;margin-top:8px;font-size:14px;font-weight:500;display:inline-flex}.help-more:hover{gap:10px}.version-preview{background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:20px 22px}.version-preview h4{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.version-item{border-bottom:1px solid var(--color-border);align-items:baseline;gap:12px;padding:10px 0;display:flex}.version-item:last-child{border-bottom:none}.version-item .ver{flex-shrink:0;min-width:52px;font-size:14px;font-weight:700}.version-item .desc{color:var(--color-text-secondary);font-size:14px}.version-item .date{color:var(--color-text-muted);flex-shrink:0;margin-left:auto;font-size:12px}.about-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.about-story p{color:var(--color-text-secondary);margin-bottom:12px;font-size:15px;line-height:1.8}.about-story p:last-child{margin-bottom:0}.about-team{max-width:420px}.team-member{background:var(--color-white);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all var(--transition);align-items:center;gap:14px;padding:14px 18px;display:flex}.team-member:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.team-member .avatar{background:var(--color-bg-start);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex}.team-member .info .name{font-size:15px;font-weight:700}.team-member .info .role{color:var(--color-text-muted);font-size:13px}.contact-info{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.contact-info a{color:var(--color-text-secondary);background:var(--color-white);border:1px solid var(--color-border);transition:all var(--transition);border-radius:30px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;display:inline-flex}.contact-info a:hover{border-color:var(--color-primary-light);color:var(--color-primary);transform:translateY(-2px)}.portal-footer{background:var(--color-text-primary);color:#fff9;padding:40px 0 28px}.portal-footer .container{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;display:grid}.footer-brand .logo{color:#fff;align-items:center;gap:8px;margin-bottom:8px;font-size:18px;font-weight:700;display:flex}.footer-col h4{color:#fff;margin-bottom:10px;font-size:14px;font-weight:600}.footer-col a{color:#ffffff80;transition:color var(--transition);padding:3px 0;font-size:13px;display:block}.footer-col a:hover{color:#fff}.footer-bottom{text-align:center;color:#ffffff4d;border-top:1px solid #ffffff0f;margin-top:28px;padding-top:18px;font-size:12px}.btn-primary{background:var(--color-text-primary);color:#fff;transition:all var(--transition);letter-spacing:.02em;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 36px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 32px #d97a3e4d}.btn-primary .arrow{transition:transform var(--transition);font-size:17px;display:inline-block}.btn-primary:hover .arrow{transform:translate(4px)}.scroll-indicator{color:var(--color-text-muted);letter-spacing:.06em;opacity:.5;flex-direction:column;align-items:center;gap:4px;font-size:12px;animation:2s ease-in-out infinite bounceDown;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@keyframes bounceDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.fade-up{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards fadeUp;transform:translateY(32px)}.fade-up.delay-1{animation-delay:80ms}.fade-up.delay-2{animation-delay:.2s}.fade-up.delay-3{animation-delay:.35s}.fade-up.delay-4{animation-delay:.5s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.art-circle{opacity:0;animation:1s cubic-bezier(.22,1,.36,1) forwards circleIn;transform:scale(.85)translateY(20px)}.art-circle-1{animation-delay:.3s}.art-circle-2{animation-delay:.5s}.art-circle-3{animation-delay:.7s}.art-circle-4{animation-delay:.9s}@keyframes circleIn{to{opacity:1;transform:scale(1)translateY(0)}}.art-label{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards labelIn;transform:translateY(12px)scale(.95)}.art-label-1{animation-delay:.6s}.art-label-2{animation-delay:.8s}.art-label-3{animation-delay:1s}@keyframes labelIn{to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1024px){.grid-2{grid-template-columns:1fr;gap:36px}.grid-3,.hewei-grid{grid-template-columns:1fr 1fr}.hewei-grid .hewei-card:last-child{grid-column:1/-1;max-width:420px;margin:0 auto}.download-grid{grid-template-columns:1fr;gap:32px}.support-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:32px}.hero-section .container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-content{align-items:center}.hero-sub{margin:0 auto}.hero-actions{justify-content:center}.hero-visual{min-height:280px}.art-circle-1{width:160px;height:160px}.art-circle-2{width:120px;height:120px}.art-circle-3{width:90px;height:90px}.art-circle-4{width:50px;height:50px}.portal-footer .container{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width:768px){:root{--header-height:60px}.section{min-height:auto;padding:56px 0 40px}.header-nav{display:none}.hamburger{display:flex}.hero-section{padding-top:calc(var(--header-height)16px);min-height:auto;padding-bottom:40px}.hero-title{font-size:30px}.hero-visual{min-height:200px}.art-circle-1{width:120px;height:120px}.art-circle-2{width:90px;height:90px}.art-circle-3{width:70px;height:70px}.art-circle-4{width:40px;height:40px}.art-label{padding:3px 12px;font-size:11px}.grid-3{grid-template-columns:1fr;max-width:400px;margin:0 auto}.hewei-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.hewei-grid .hewei-card:last-child{grid-column:auto;max-width:100%}.section-title{font-size:26px}.btn-primary{justify-content:center;width:100%;padding:12px 28px;font-size:13px}.hero-actions{flex-direction:column;width:100%}.portal-footer .container{text-align:center;grid-template-columns:1fr}.scroll-indicator{display:none}}