*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f2;color:#242722;font:17px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #365946;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 40px}.proof{background:#e9eee7;color:#365946;text-align:center;font-size:13px;padding:7px 16px}header{border-bottom:1px solid #d7d9d0}header .wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:650;letter-spacing:-.5px}nav{display:flex;gap:30px;font-size:15px}.muted,.eyebrow{color:#60655e}.eyebrow{font-size:13px;letter-spacing:2px}.hero{padding:108px 0 100px}.hero h1{font-size:68px;line-height:1.13;font-weight:550;letter-spacing:-3px;max-width:900px;margin:25px 0 30px}.hero p{max-width:660px;font-size:20px;color:#60655e}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;min-height:48px;padding:10px 24px;border:1px solid #b7beb3;border-radius:4px;font-size:16px}.button.primary{background:#365946;color:white;border-color:#365946}section{padding:80px 0;border-top:1px solid #d7d9d0}h2{font-size:38px;line-height:1.3;letter-spacing:-1px;font-weight:550;margin:12px 0 25px}h3{font-size:22px;font-weight:550;margin:0 0 12px}p{margin:0 0 18px}.intro{max-width:730px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:45px}.number{display:block;font-size:13px;color:#60655e;border-top:1px solid #b9c0b5;padding-top:16px;margin-bottom:30px}.scenario{display:grid;grid-template-columns:1fr 2fr auto;gap:28px;padding:26px 0;border-top:1px solid #d7d9d0}.scenario p{margin:0;color:#60655e}.tag{font-size:13px;color:#365946;white-space:nowrap}.dark{background:#242722;color:#f7f7f2}.dark .eyebrow,.dark .muted{color:#bdc7b8}.demo{border:1px solid #66715f;margin-top:36px;border-radius:8px;overflow:hidden}.demobar{padding:16px 24px;border-bottom:1px solid #66715f;display:flex;justify-content:space-between;font-size:13px}.demobody{display:grid;grid-template-columns:170px 1fr;min-height:280px}.sidebar{padding:24px;color:#bdc7b8;border-right:1px solid #66715f;font-size:14px}.demomain{padding:32px}.draft{background:#333c2e;padding:24px;margin-top:22px}.small{font-size:13px}.empty{padding:25px 0;border-top:1px solid #d7d9d0;color:#60655e}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}footer{padding:40px 0;border-top:1px solid #d7d9d0;color:#60655e;font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.reading{max-width:720px}.chapter{display:grid;grid-template-columns:210px 1fr;gap:55px}.chapter .label{font-size:14px;color:#60655e}.flow{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:30px 0}.flow span{padding:14px 20px;border:1px solid #b7beb3}.roles{margin:30px 0}.roles div{padding:22px 0;border-top:1px solid #d7d9d0}.roles strong{display:block}.notice{padding:24px;background:#e9eee7;color:#365946;border-left:3px solid #365946}details.mobile{display:none}ul{padding-left:22px} @media(max-width:767px){.wrap{padding:0 22px}header .wrap{height:auto;min-height:76px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:15px}.brand{font-size:20px}nav{display:none}details.mobile{display:block;font-size:15px}details.mobile nav{display:flex;flex-direction:column;gap:10px;padding:16px 0}summary{cursor:pointer}.hero{padding:65px 0 60px}.hero h1{font-size:38px;letter-spacing:-1px;line-height:1.25}.hero p{font-size:17px}h2{font-size:29px}h3{font-size:21px}section{padding:52px 0}.grid,.split,.chapter{grid-template-columns:1fr;gap:25px}.scenario{grid-template-columns:1fr;gap:8px}.scenario h3{margin:0}.demobody{grid-template-columns:1fr}.sidebar{display:none}.demomain{padding:22px}.demobar{padding:14px;font-size:12px;gap:10px}.actions{gap:12px}.button{padding:10px 18px}.hero.product h1{font-size:36px}.chapter .label{margin:0}.foot{display:block}.proof{font-size:12px}.flow{gap:9px}.flow span{padding:9px 12px}.dark h2{font-size:29px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}} .wrap.hero{padding-left:40px;padding-right:40px}@media(max-width:767px){.wrap.hero{padding-left:22px;padding-right:22px}}
/* V2: black editorial design */
body{background:#090a0b;color:#f2f3f1}header{background:#090a0bf2;border-color:#27292c;position:sticky;top:0;z-index:10}header .wrap{height:78px}.proof{background:#141618;color:#aab7ad}nav a{color:#b4b7bb}nav a:hover{color:#fff}.brand{font-weight:550}.hero{padding-top:90px;padding-bottom:90px}.hero h1{font-size:72px;font-weight:500;letter-spacing:-3px}.hero p,.muted,.eyebrow,.number,.scenario p,.empty,.chapter .label,footer{color:#a9adb3}.eyebrow{letter-spacing:2.5px}.hero-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.hero-layout h1{font-size:64px}.hero-layout p{font-size:18px}.button{border-color:#42474b;border-radius:999px;color:#eee;transition:background 160ms,border-color 160ms,transform 160ms}.button.primary{background:#eff2ee;color:#111;border-color:#eff2ee}.button:hover{background:#262a2d;text-decoration:none;transform:translateY(-2px)}.button.primary:hover{background:#d4ddd2}.actions{gap:12px}section,footer,.number,.scenario,.empty,.roles div{border-color:#2c3033}.dark{background:#121517}.dark .muted,.dark .eyebrow{color:#b6babf}.tag{color:#bacbbd}.grid{gap:50px}.grid>div{transition:transform 160ms}.grid>div:hover{transform:translateY(-4px)}.demo{background:#101214;border-color:#383e43;border-radius:10px}.demobar,.sidebar{border-color:#383e43}.draft{background:#1b2320;border-left:2px solid #a7bdaa}.flow span{border-color:#41484c;background:#131618}.notice{background:#18201c;color:#c6d5ca}.tech-visual{position:relative;background:linear-gradient(145deg,#171b1f,#0d0f11);border:1px solid #394149;border-radius:12px;padding:28px;color:#b5c0c7;min-height:360px}.tech-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}.tech-core{font-size:40px;line-height:1.3;color:#f0f2f1;margin:45px 0 25px;letter-spacing:-1px}.tech-line{height:1px;background:linear-gradient(90deg,#9daf9d,#33443c,transparent);margin:20px 0}.tech-nodes{display:flex;gap:8px;flex-wrap:wrap}.tech-nodes span{border:1px solid #434d49;padding:8px 12px;border-radius:4px;font-size:13px}.tech-note{font-size:12px;margin-top:30px;color:#a4aeb3}.dot{display:inline-block;width:6px;height:6px;background:#b5c6b7;border-radius:50%;margin-right:8px}.section-nav{border-top:1px solid #2c3033;border-bottom:1px solid #2c3033;background:#101214}.section-nav .wrap{display:flex;gap:28px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}.section-nav a{font-size:14px;color:#aab1b5}.section-nav a:hover{color:#f2f3f1}.section-nav a.active{color:#e4ece3}.section-nav a:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid #c0d2c2;outline-offset:5px}section{scroll-margin-top:95px}.interactive{margin:38px 0 0}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tabs button{font:inherit;font-size:15px;background:transparent;color:#b8bec3;border:1px solid #464c52;padding:10px 20px;border-radius:999px;cursor:pointer;min-height:46px}.tabs button[aria-selected=true]{background:#ecf0eb;color:#121512;border-color:#ecf0eb}.panel-text{margin-top:24px;padding:30px;border:1px solid #383e43;background:#121618;min-height:180px}.panel-text h3{margin:12px 0}.panel-text p{color:#b3bac0}.panel-text .tag{font-size:13px}.interactive-caption{font-size:13px;color:#a9adb3;margin-top:16px}.product .hero-note{font-size:13px}.version-link{position:fixed;bottom:18px;right:18px;background:#171d19;color:#d5e2d6;border:1px solid #536257;padding:8px 15px;border-radius:99px;font-size:12px;z-index:11}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr;gap:40px}.hero-layout h1{font-size:56px}.tech-visual{min-height:290px}.tech-core{margin-top:30px}.section-nav .wrap{gap:16px}.grid{gap:24px}}
@media(max-width:767px){.hero h1,.hero-layout h1{font-size:38px;letter-spacing:-1px}.hero{padding-top:55px;padding-bottom:55px}header .wrap{height:auto}.hero-layout p{font-size:17px}.tech-visual{padding:22px;min-height:280px}.tech-core{font-size:32px}.section-nav .wrap{gap:12px 20px}.section-nav a{font-size:13px}.panel-text{padding:22px}.tabs{gap:8px}.tabs button{padding:9px 15px}.version-link{position:static;display:block;width:max-content;margin:20px auto}.grid>div:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.button:hover,.grid>div:hover{transform:none}}
/* V3 immersive motion study */
header{background:#090a0b;border-color:#252a2e}.wordmark{display:flex;flex-direction:column;gap:2px;line-height:1.1}.brand-cn{font-size:24px;letter-spacing:-1px;font-weight:550}.brand-cn>span{font-size:14px;letter-spacing:2px;margin-left:9px;font-weight:400}.brand-en{font-size:8px;letter-spacing:2px;color:#a6b5ab;margin-top:5px}.skip{position:absolute;left:20px;top:-100px;z-index:30;background:white;color:black;padding:10px}.skip:focus{top:10px}.immersive{position:relative;min-height:760px;max-width:1600px;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,#13201b 0, #0b1110 28%,#090a0b 65%);isolation:isolate}.hero-copy{position:relative;z-index:2;padding:95px max(40px,calc((100% - 1120px)/2)) 150px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{color:#b8cabc}.art-title{margin:30px 0 22px;line-height:1.06;font-weight:450;letter-spacing:-5px;width:max-content;max-width:100%}.title-luye{display:flex;align-items:center;gap:32px;font-size:110px;letter-spacing:9px}.title-rule{height:1px;width:110px;background:linear-gradient(90deg,#cfe2d0,transparent)}.title-digital{display:block;font-size:70px;letter-spacing:8px;margin-top:12px;background:linear-gradient(125deg,#fff 5%,#a6b7ad 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.title-dot{color:#b6d2bc}.hero-slogan{font-size:26px;margin:24px 0 14px;color:#edf1ed}.hero-desc{font-size:17px;color:#aeb8b3;line-height:1.8}.visual-space{position:absolute;right:0;top:25px;width:58%;height:610px;z-index:0}.orbit-art{width:100%;height:100%;overflow:visible}.ribbon-group{transform-origin:350px 325px;animation:ribbon-drift 16s ease-in-out infinite alternate;transition:filter 300ms}.orbit-lines{transform-origin:350px 325px;animation:orbit-turn 50s linear infinite}.orbit-point{transform-origin:350px 325px;animation:orbit-turn 28s linear infinite}.signal{animation:signal-flow 6s linear infinite}.coord{position:absolute;font-size:10px;letter-spacing:2px;color:#a6b7ad}.coord-a{right:70px;top:45px}.coord-b{right:70px;bottom:10px}.hero-console{position:absolute;z-index:3;bottom:55px;left:max(40px,calc((100% - 1120px)/2));right:max(40px,calc((100% - 1120px)/2));display:flex;gap:26px;align-items:center;border-top:1px solid #35443b;padding-top:22px;flex-wrap:wrap}.stage-selector{display:flex;gap:12px}.stage-selector button,.motion-control{font:inherit;background:#0c1410e6;border:1px solid #506657;color:#b7c6bc;border-radius:99px;padding:10px 16px;cursor:pointer;min-height:44px;font-size:14px}.stage-selector button span{font-size:10px;margin-right:7px;color:#adc0b0}.stage-selector button[aria-pressed=true]{background:#e6f0e7;color:#15261a;border-color:#e6f0e7}.stage-selector button[aria-pressed=true] span{color:#38563e}.motion-control{margin-left:auto}.phase-readout{font-size:13px;color:#c1cdc4;max-width:320px}.visual-disclaimer{position:absolute;bottom:10px;left:max(40px,calc((100% - 1120px)/2));font-size:11px;color:#9aafa0}.immersive[data-phase=draft] .ribbon-group{filter:hue-rotate(35deg);animation-duration:9s}.immersive[data-phase=review] .ribbon-group{filter:brightness(1.2);animation-duration:23s}.immersive.paused *{animation-play-state:paused!important}.opening{max-width:960px}.opening h2{font-size:48px}.opening p{max-width:660px}.home-product{border-left:1px solid #3e5145;padding:28px}.home-product h3{margin-top:20px}.version-record{padding:28px 0;border-top:1px solid #3a403d}.version-record h3{margin-top:10px;overflow-wrap:anywhere}.contact-list>div{display:grid;grid-template-columns:120px 1fr;padding:25px 0;border-top:1px solid #3a403d}.contact-list dt{color:#afbab1}.contact-list dd{margin:0}
@keyframes ribbon-drift{from{transform:rotate(-8deg) scale(.94)}to{transform:rotate(8deg) scale(1.04)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes signal-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-1118}}
@media(max-width:1000px){.title-luye{font-size:90px}.title-digital{font-size:58px}.hero-copy{padding-left:40px;padding-right:40px}.visual-space{right:-70px;width:65%;opacity:.7}.hero-console{left:40px;right:40px}.phase-readout{order:3;max-width:none}.immersive{min-height:800px}}
@media(max-width:767px){.immersive{min-height:980px}.hero-copy{padding:48px 22px 0}.hero-copy .eyebrow{font-size:11px}.art-title{margin-top:24px}.title-luye{font-size:65px;letter-spacing:6px}.title-digital{font-size:40px;letter-spacing:5px}.title-rule{width:72px}.hero-slogan{font-size:22px}.hero-desc{font-size:16px}.visual-space{top:400px;right:-15%;width:120%;height:390px;opacity:.95}.coord-a{right:65px;top:20px}.coord-b{right:65px;bottom:0}.hero-console{bottom:48px;left:22px;right:22px;gap:14px;padding-top:16px}.stage-selector{gap:6px;flex-wrap:wrap}.stage-selector button{padding:9px 11px;font-size:12px}.phase-readout{width:100%;font-size:12px}.motion-control{font-size:12px;padding:8px 13px;min-height:40px;margin-left:0}.visual-disclaimer{left:22px;font-size:10px}.opening h2{font-size:32px}.home-product{padding:22px 0 22px 22px}.contact-list>div{grid-template-columns:1fr;gap:10px}.brand-cn{font-size:22px}.brand-cn>span{font-size:12px}.brand-en{font-size:7px}.immersive .actions{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.immersive *{animation:none!important;transition:none!important}.motion-control{display:none}.orbit-art{transform:none}}
/* V4: galaxy, scale and breathing room */
body{background:#000}header{background:#000;border-color:#1d2023}.proof{background:#0b0d10;color:#aeb5bd}.wrap{max-width:1320px;padding-left:64px;padding-right:64px}header .wrap{height:96px}.brand-cn{font-size:25px}.brand-cn>span{font-size:14px;letter-spacing:3px}.galaxy-hero{height:min(940px,calc(100svh - 130px));min-height:720px;position:relative;background:#000;overflow:hidden;isolation:isolate}.galaxy-hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.galaxy-copy{position:relative;z-index:1;padding:112px max(64px,calc((100% - 1192px)/2)) 100px;pointer-events:none}.galaxy-copy .eyebrow{color:#b4bcc5;font-size:11px;letter-spacing:4px}.galaxy-title{font-weight:400;line-height:1.13;letter-spacing:7px;margin:40px 0 34px}.galaxy-title>span{display:block;font-size:88px}.galaxy-title>span:first-child{font-size:128px;letter-spacing:15px}.period{color:#b9cee1}.galaxy-slogan{font-size:25px;letter-spacing:2px;margin:0 0 16px}.galaxy-description{font-size:16px;color:#aeb8c4;max-width:420px}.galaxy-copy .actions{margin-top:38px;pointer-events:auto}.galaxy-copy .button{font-size:14px;padding:13px 24px;min-height:50px}.galaxy-meta{position:absolute;left:max(64px,calc((100% - 1192px)/2));right:max(64px,calc((100% - 1192px)/2));bottom:32px;display:flex;justify-content:space-between;gap:22px;font-size:11px;letter-spacing:2px;color:#abb6c1;pointer-events:none}.galaxy-copy:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 65%)}section{padding:128px 0}h2{font-size:46px;font-weight:450;line-height:1.35}.opening{max-width:1040px}.opening h2{font-size:58px;margin:24px 0 40px}.opening .muted{font-size:19px;line-height:2}.split{gap:100px}.dark{background:#080b0e}.chapter{grid-template-columns:180px 1fr;gap:100px}.reading{max-width:740px}.hero.product{padding-top:100px;padding-bottom:100px}.hero.product h1{font-size:78px;margin-top:38px}.product-brand{display:flex;align-items:center;gap:26px}.product-brand img{object-fit:contain}.product-entry{margin:34px 0 14px}.button:disabled{opacity:1;background:#171d23;color:#aebbc8;border:1px solid #485462;cursor:not-allowed;transform:none}.product-entry+.small{font-size:13px}.roles div,.version-record{padding:34px 0}.section-nav .wrap{padding-top:22px;padding-bottom:22px;gap:38px}.panel-text{padding:40px}.home-product{padding:36px}.contact-list>div{padding:32px 0}footer{padding:58px 0}.hero:not(.product){padding-top:120px;padding-bottom:120px}
@media(max-width:1000px){.galaxy-title>span{font-size:64px}.galaxy-title>span:first-child{font-size:98px}.galaxy-copy{padding-left:44px;padding-right:44px}.galaxy-meta{left:44px;right:44px}.wrap{padding-left:44px;padding-right:44px}.chapter{gap:50px;grid-template-columns:145px 1fr}.hero.product h1{font-size:62px}}
@media(max-width:767px){.wrap{padding-left:26px;padding-right:26px}header .wrap{height:auto;min-height:88px}.galaxy-hero{min-height:820px;height:calc(100svh - 124px);max-height:980px}.galaxy-copy{padding:56px 26px 0}.galaxy-title{margin-top:32px;margin-bottom:24px}.galaxy-title>span{font-size:43px;letter-spacing:6px}.galaxy-title>span:first-child{font-size:76px;letter-spacing:9px}.galaxy-slogan{font-size:19px;letter-spacing:1px}.galaxy-description{font-size:16px;max-width:290px}.galaxy-copy .actions{margin-top:26px;gap:10px}.galaxy-copy .button{padding:11px 17px;font-size:13px}.galaxy-meta{left:26px;right:26px;bottom:25px;gap:12px;font-size:10px;letter-spacing:1px}.pointer-hint{display:none}.galaxy-copy:before{background:linear-gradient(180deg,rgba(0,0,0,.35),transparent)}section{padding:80px 0}.chapter,.split{grid-template-columns:1fr;gap:35px}h2,.opening h2{font-size:33px}.opening .muted{font-size:17px}.hero.product{padding-top:65px;padding-bottom:65px}.hero.product h1{font-size:40px}.product-brand{gap:18px}.product-brand img{width:56px;height:56px}.product-brand .eyebrow{font-size:11px;letter-spacing:1px}.section-nav .wrap{gap:14px 22px}.panel-text{padding:26px}.home-product{padding:24px}.hero:not(.product){padding:76px 26px}.product-entry{gap:12px}.product-entry .button{font-size:14px}.roles div,.version-record{padding:27px 0}}