:root{color-scheme:dark;--bg:#090b10;--panel:#10131a;--panel-2:#141820;--text:#f3f0e8;--muted:#999da8;--line:rgba(255,255,255,.13);--gold:#e6b95e;--hot:#ef6548;--max:1280px;--pad:clamp(22px,5.4vw,82px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button{font:inherit}
.wrap{width:min(calc(100% - 2*var(--pad)),var(--max));margin-inline:auto}
.skip-link{position:absolute;top:-80px;left:20px;z-index:20;padding:12px 16px;background:#fff;color:#000}
.skip-link:focus{top:12px}
.site-header{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:23px var(--pad);border-bottom:1px solid rgba(255,255,255,.15)}
.brand{display:inline-flex;align-items:center;gap:10px;min-width:170px}
.brand-mark{width:25px;height:25px;display:flex;align-items:flex-end;gap:3px;padding:4px;border:1px solid rgba(230,185,94,.8);border-radius:7px;transform:rotate(-8deg)}
.brand-mark i{display:block;width:4px;border-radius:3px;background:var(--gold)}
.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:17px}
.brand-name{font-size:20px;font-weight:760;letter-spacing:.12em}.brand-name span{display:block;margin-top:-3px;color:var(--gold);font:7px ui-monospace,monospace;letter-spacing:.19em}
.main-nav{display:flex;gap:38px;margin-left:40px}
.main-nav a,.nav-login{font-size:13px;letter-spacing:.04em;color:rgba(255,255,255,.75);transition:color .2s}
.main-nav a:hover,.nav-login:hover{color:var(--gold)}
.header-actions{display:flex;align-items:center;gap:22px}
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:0 22px;border:1px solid transparent;border-radius:2px;font-size:13px;font-weight:650;letter-spacing:.04em;transition:transform .2s,background .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}
.button span{font-size:17px;line-height:1}
.button-small{min-height:39px;padding:0 14px;gap:16px;font-size:12px}
.button-light{background:#f0ede4;color:#111318}
.button-light:hover{background:var(--gold)}
.button-primary{background:var(--gold);color:#13130f;box-shadow:0 7px 28px rgba(230,185,94,.12)}
.button-primary:hover{background:#f5ce79}
.menu-toggle{display:none;background:none;border:0;color:#fff;width:38px;height:38px;padding:9px}
.menu-toggle span{display:block;height:1px;background:#fff;margin:6px 0}
.hero{height:min(860px,100svh);min-height:690px;position:relative;overflow:hidden;display:flex;align-items:center;background:#10141b}
.hero-image,.hero-shade{position:absolute;inset:0}
.hero-image{background-image:url('/assets/yike/hero-2k.webp');background-size:cover;background-position:center 48%;transform:scale(1.025);animation:cinematic-drift 24s ease-in-out infinite alternate}
.hero-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:0;transition:opacity 1.6s ease}
.hero-video.is-playing{opacity:1}
.hero-dust{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;opacity:.48}
.hero-shade{background:linear-gradient(90deg,rgba(6,8,13,.97) 0%,rgba(6,8,13,.85) 28%,rgba(6,8,13,.48) 54%,rgba(6,8,13,.06) 100%),linear-gradient(0deg,rgba(7,9,14,.72),transparent 34%,rgba(7,9,14,.14))}
.hero-content{position:relative;z-index:2;padding-top:48px;animation:copy-arrive .8s .2s both}
.eyebrow,.section-kicker{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}
.eyebrow-line{display:inline-block;width:27px;height:1px;background:var(--gold)}
.eyebrow-index{margin-left:20px;color:rgba(255,255,255,.48);font-size:10px;letter-spacing:.12em}
.hero h1{max-width:920px;margin:27px 0 19px;font-size:clamp(58px,8vw,112px);font-weight:600;line-height:1.08;letter-spacing:-.075em}
.title-line{display:block;white-space:nowrap;animation:title-arrive .85s cubic-bezier(.2,.75,.2,1) both}.title-line:nth-child(2){animation-delay:.16s}
.title-accent{color:var(--gold);font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:500;font-style:italic;letter-spacing:-.055em}
.hero-copy{margin:0;color:rgba(245,244,239,.79);font-size:16px;line-height:1.95;letter-spacing:.025em}
.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}
.text-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;color:rgba(255,255,255,.82)}
.text-link span{color:var(--gold);font-size:17px;transition:transform .2s}.text-link:hover span{transform:translateY(3px)}
.hero-note{display:flex;align-items:center;gap:9px;margin-top:61px;color:rgba(255,255,255,.62);font-size:11px;letter-spacing:.045em}
.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 13px var(--gold)}
.hero-caption{position:absolute;right:var(--pad);bottom:33px;z-index:2;display:flex;gap:32px;color:rgba(255,255,255,.56);font:9px/1.2 ui-monospace,monospace;letter-spacing:.14em}
.hero-vertical{position:absolute;z-index:2;right:25px;top:47%;writing-mode:vertical-rl;color:rgba(255,255,255,.42);font:9px/1 ui-monospace,monospace;letter-spacing:.17em}
.section-pad{padding-top:122px;padding-bottom:126px}
.section-kicker{color:#b0b2b6;font-size:10px;letter-spacing:.11em}
.section-kicker span{color:var(--gold)}
.intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end;margin-top:29px}
.intro h2,.feature-copy h2,.section-head h2,.platform-heading h2,.closing-inner h2{margin:0;font-size:clamp(43px,6vw,76px);line-height:1.13;letter-spacing:-.065em;font-weight:550}
.muted{color:#777b85}
.intro-aside{max-width:375px;padding:0 0 10px 24px;border-left:1px solid rgba(230,185,94,.5)}
.intro-aside p{margin:0 0 22px;color:#b0b2b8;font-size:14px;line-height:1.9}
.underlink{display:inline-flex;align-items:center;gap:16px;padding-bottom:6px;border-bottom:1px solid rgba(230,185,94,.62);font-size:12px;letter-spacing:.03em}
.underlink span{color:var(--gold);transition:transform .2s}.underlink:hover span{transform:translate(3px,-3px)}
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:65px}
.mode-card{position:relative;min-height:365px;padding:20px 21px 24px;background:linear-gradient(145deg,#131720,#0e1117);border:1px solid rgba(255,255,255,.095);overflow:hidden;transition:border-color .3s,transform .3s}
.mode-card:hover{transform:translateY(-5px);border-color:rgba(230,185,94,.48)}
.mode-card-featured{background:linear-gradient(145deg,#17181a,#111217)}
.mode-number{display:flex;align-items:center;justify-content:space-between;color:var(--gold);font:10px ui-monospace,monospace;letter-spacing:.06em}
.mode-number span{color:#717680;font-size:9px;letter-spacing:.08em}
.mode-art{position:relative;height:190px;margin:20px -21px 20px;overflow:hidden;background:#151a22}
.mode-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,11,16,.55),transparent 50%)}
.art-type{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 65% 70%,rgba(230,185,94,.19),transparent 45%),linear-gradient(120deg,#17191f,#0d0f14)}
.art-word{font-family:"Songti SC",serif;font-size:36px;color:#e9e1d3;letter-spacing:.05em;transform:translateY(-3px)}
.art-cursor{color:var(--gold);font-size:35px;margin-right:5px;animation:blink 1.2s steps(2) infinite}
.art-arrow{position:absolute;right:26px;top:22px;color:var(--gold);font-size:23px}
.art-image{background-image:linear-gradient(90deg,rgba(7,9,14,.35),rgba(7,9,14,.06)),url('/assets/yike/hero-2k.webp');background-size:cover;background-position:64% 57%;filter:saturate(.72)}
.frame-corner{position:absolute;inset:25px 40px;border:1px solid rgba(255,255,255,.55);z-index:1}
.frame-corner:before,.frame-corner:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--gold);border-style:solid}
.frame-corner:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.frame-corner:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.frame-label{position:absolute;z-index:1;left:52px;bottom:36px;font-size:10px;letter-spacing:.08em}
.art-reference{background:linear-gradient(120deg,rgba(7,9,14,.26),rgba(7,9,14,.63)),url('/assets/yike/hero-2k.webp') center 62%/cover}
.ref-chip{position:absolute;z-index:1;top:22px;left:22px;padding:6px 9px;border:1px solid rgba(255,255,255,.42);font-size:9px;letter-spacing:.08em}
.ref-play{position:absolute;z-index:1;left:50%;top:48%;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.67);border-radius:50%;font-size:12px;transform:translate(-50%,-50%);padding-left:3px}
.ref-wave{position:absolute;z-index:1;bottom:31px;left:22px;right:22px;height:22px;background:repeating-linear-gradient(90deg,rgba(230,185,94,.82) 0 2px,transparent 2px 6px);clip-path:polygon(0 49%,4% 45%,7% 57%,12% 18%,16% 73%,19% 38%,23% 58%,27% 10%,31% 82%,35% 35%,39% 58%,44% 26%,48% 72%,52% 41%,57% 63%,61% 12%,65% 80%,69% 34%,73% 57%,77% 19%,81% 73%,86% 33%,90% 58%,94% 25%,100% 50%,100% 55%,94% 30%,90% 63%,86% 39%,81% 78%,77% 25%,73% 63%,69% 41%,65% 86%,61% 18%,57% 69%,52% 47%,48% 78%,44% 32%,39% 64%,35% 41%,31% 88%,27% 16%,23% 64%,19% 45%,16% 79%,12% 25%,7% 63%,4% 51%,0 55%)}
.mode-card h3{margin:0 0 8px;font-size:20px;font-weight:570;letter-spacing:-.03em}
.mode-card p{max-width:300px;margin:0;color:#9da1a9;font-size:12px;line-height:1.8}
.mode-line{position:absolute;left:21px;right:21px;bottom:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s}.mode-card:hover .mode-line{transform:scaleX(1)}
.capability-note{display:flex;align-items:center;gap:12px;margin:24px 0 0;color:#888d96;font-size:11px}
.note-star{color:var(--gold);font-size:15px}
.feature-band{padding:123px 0 131px;background:#10131a;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden}
.feature-grid{display:grid;grid-template-columns:.73fr 1.27fr;gap:7vw;align-items:center}
.feature-copy h2{margin-top:28px;font-size:clamp(45px,5.4vw,68px)}
.feature-copy>p{max-width:380px;margin:22px 0 31px;color:#a7aab2;font-size:13px;line-height:1.95}
.feature-points{display:grid;gap:17px}
.feature-points>div{display:flex;gap:13px;align-items:flex-start}
.point-index{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(230,185,94,.5);border-radius:50%;color:var(--gold);font:9px ui-monospace,monospace}
.feature-points b,.feature-points small{display:block}.feature-points b{font-size:12px;font-weight:600}.feature-points small{margin-top:3px;color:#868b95;font-size:10px}
.studio-preview{position:relative;min-width:0;background:#0b0d12;border:1px solid rgba(255,255,255,.15);box-shadow:0 35px 90px rgba(0,0,0,.35);transform:perspective(1500px) rotateY(-2deg)}
.preview-top,.preview-bottom{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 15px;color:#9da1ab;font-size:9px;background:#10131a}
.preview-logo{color:#f0ece4;font-size:10px;font-weight:650}.preview-logo i{margin-left:4px;color:#818691;font-size:8px;font-style:normal;letter-spacing:.12em}
.preview-project{padding:5px 9px;border:1px solid rgba(255,255,255,.11);color:#d0d0d0}.preview-project span{margin-left:14px}
.preview-dots{letter-spacing:2px}
.preview-body{display:grid;grid-template-columns:40px minmax(0,1fr) 204px;min-height:342px;background:#0b0d12}
.preview-rail{display:flex;align-items:center;flex-direction:column;gap:13px;padding-top:17px;border-right:1px solid rgba(255,255,255,.08);color:#737984}
.preview-rail span{display:grid;place-items:center;width:25px;height:25px;border-radius:4px;font-size:13px}
.preview-rail .rail-active{color:var(--gold);background:rgba(230,185,94,.13)}
.preview-canvas{display:flex;align-items:center;justify-content:center;position:relative;padding:20px 17px 38px;min-width:0;background:radial-gradient(ellipse at center,#222630,#13161d 76%)}
.preview-frame{position:relative;width:min(100%,460px);aspect-ratio:1.6;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 38px rgba(0,0,0,.38)}
.preview-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,8,13,.38),transparent 45%)}
.preview-frame img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}
.frame-tag{position:absolute;z-index:1;left:12px;top:11px;padding:4px 7px;background:rgba(8,9,13,.65);font-size:8px;letter-spacing:.06em}
.frame-play{position:absolute;z-index:1;left:50%;top:50%;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.75);border-radius:50%;font-size:10px;transform:translate(-50%,-50%);padding-left:2px}
.canvas-controls{position:absolute;left:50%;bottom:11px;display:flex;align-items:center;gap:9px;padding:4px 9px;border:1px solid rgba(255,255,255,.1);border-radius:3px;background:#12151c;color:#858a94;font-size:9px;transform:translateX(-50%)}
.control-divider{width:1px;height:12px;background:rgba(255,255,255,.14)}
.preview-panel{padding:16px 13px;border-left:1px solid rgba(255,255,255,.08);background:#10131a}
.panel-heading{display:flex;justify-content:space-between;color:#e4e1da;font-size:10px;font-weight:600}
.panel-heading span{color:#777d87}
.panel-label{margin:17px 0 6px;color:#858b95;font-size:8px;letter-spacing:.04em}
.panel-select,.panel-prompt{padding:8px 9px;background:#191d26;border:1px solid rgba(255,255,255,.09);color:#d4d2cd;font-size:9px}
.panel-select{display:flex;justify-content:space-between}
.panel-prompt{height:48px;color:#8d929c;line-height:1.6}
.panel-hint{float:right;color:#626875;font-size:7px}
.aspect-row{display:flex;gap:5px}.aspect-row span{flex:1;padding:5px 0;border:1px solid rgba(255,255,255,.09);text-align:center;color:#9398a2;font-size:8px}.aspect-row .aspect-active{border-color:var(--gold);color:var(--gold);background:rgba(230,185,94,.08)}
.panel-quote{margin-top:19px;padding:8px 7px;border-top:1px solid rgba(255,255,255,.09);color:#c9ad72;font-size:8px}
.panel-generate{display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding:8px 9px;background:var(--gold);color:#171610;font-size:9px;font-weight:700}
.preview-bottom{height:35px;border-top:1px solid rgba(255,255,255,.09);font-size:8px}
.preview-bottom i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#83ad86}
.preview-stamp{position:absolute;right:-31px;bottom:-27px;padding:13px 17px;border:1px solid rgba(230,185,94,.43);background:#10131a;color:var(--gold);font:10px/1.4 ui-monospace,monospace;letter-spacing:.12em;transform:rotate(-5deg)}
.workflow .section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:54px}
.section-head h2{margin-top:20px;font-size:clamp(38px,5vw,62px)}
.section-head>p{max-width:330px;margin:0 0 7px;color:#9da1aa;font-size:12px;line-height:1.85}
.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}
.flow-step{position:relative;min-height:213px;padding:20px 20px 22px 0;border-right:1px solid rgba(255,255,255,.12)}
.flow-step:not(:first-child){padding-left:20px}.flow-step:last-child{border-right:0}
.flow-no{color:#656a75;font:10px ui-monospace,monospace}
.flow-icon{margin-top:19px;color:var(--gold);font-size:22px}
.flow-step h3{margin:12px 0 5px;font-size:15px;font-weight:570}
.flow-step p{max-width:210px;margin:0;color:#8c919a;font-size:10px;line-height:1.8}
.flow-arrow{position:absolute;top:18px;right:18px;color:#666b74;font-size:14px}
.wallet-strip{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:18px;margin-top:48px;padding:22px 24px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(110deg,rgba(230,185,94,.055),transparent 70%)}
.wallet-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(230,185,94,.5);color:#e8dfcb;font:11px ui-monospace,monospace}
.wallet-mark span{color:var(--gold)}
.wallet-strip b{font-size:12px;font-weight:600}.wallet-strip p{margin:4px 0 0;color:#9297a1;font-size:10px}
.wallet-strip .underlink{font-size:10px}
.api-offer{padding-top:92px;padding-bottom:95px;border-top:1px solid rgba(255,255,255,.08)}
.api-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin-top:24px}
.api-overline{margin:0 0 12px;color:var(--gold);font:10px ui-monospace,monospace;letter-spacing:.16em}
.api-grid h2{margin:0;font-size:clamp(40px,5.6vw,70px);font-weight:550;line-height:1.12;letter-spacing:-.065em}
.api-description>p{max-width:480px;margin:0 0 23px;color:#a3a7b0;font-size:13px;line-height:1.9}
.api-guard{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025)}
.guard-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(230,185,94,.45);border-radius:50%;color:var(--gold);font-size:15px}
.api-guard b,.api-guard small{display:block}.api-guard b{font-size:11px;font-weight:600}.api-guard small{margin-top:3px;color:#898e98;font-size:10px}
.api-rule{display:flex;align-items:center;gap:20px;margin-top:45px;padding:17px 21px;border-block:1px solid rgba(255,255,255,.12);color:#aeb2bb;font-size:11px;letter-spacing:.04em}
.api-rule i{color:#6e737d;font-style:normal}.api-rule-yike{margin-left:auto;color:var(--gold);font-size:10px;letter-spacing:.1em}
.platform-section{padding:119px 0 111px;background:#0e1117;border-top:1px solid rgba(255,255,255,.07)}
.platform-heading{display:grid;grid-template-columns:1fr .62fr;align-items:end;gap:6vw;margin:28px 0 43px}
.platform-heading h2{font-size:clamp(44px,5.8vw,73px)}
.platform-heading>p{max-width:420px;margin:0 0 7px;color:#a3a7b0;font-size:13px;line-height:1.9}
.system-map{display:grid;grid-template-columns:1fr;gap:0;padding:19px 24px;border:1px solid rgba(255,255,255,.1);background:#0a0c11}
.system-node{display:grid;grid-template-columns:39px 1fr;gap:15px;align-items:center;min-height:76px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.075)}
.node-symbol{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(230,185,94,.4);border-radius:50%;color:var(--gold);font:9px ui-monospace,monospace}
.system-node small,.system-node b,.system-node p{display:block}
.system-node small{color:#838893;font-size:9px;letter-spacing:.04em}
.system-node b{margin-top:3px;color:#e3e0d9;font-size:12px;font-weight:580}
.system-node p{margin:2px 0 0;color:#787e88;font-size:10px}
.system-connector{display:flex;align-items:center;gap:12px;margin-left:15px;height:27px;color:#777c86;font:9px ui-monospace,monospace}
.system-connector:before{content:"";width:1px;height:100%;margin-left:0;background:linear-gradient(var(--gold),rgba(230,185,94,.2))}
.system-connector i{font-style:normal}
.storage-node{display:flex;align-items:center;gap:13px;margin-top:18px;padding:16px;background:rgba(230,185,94,.07);border:1px solid rgba(230,185,94,.22)}
.storage-node>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(230,185,94,.14);color:var(--gold);font-size:16px}
.storage-node b,.storage-node small{display:block}.storage-node b{font-size:11px}.storage-node small{margin-top:3px;color:#9699a1;font-size:9px}
.storage-node em{margin-left:auto;color:#c5aa70;font-size:9px;font-style:normal}
.platform-footnote{margin:16px 0 0;color:#777d87;font-size:10px}.platform-footnote span{color:var(--gold)}
.closing-cta{position:relative;min-height:504px;display:flex;align-items:center;overflow:hidden;background:#11151c}
.closing-art{position:absolute;inset:0;background:linear-gradient(90deg,#10131a 4%,rgba(16,19,26,.87) 32%,rgba(16,19,26,.25) 100%),url('/assets/yike/hero-2k.webp') center 66%/cover;opacity:.58;filter:saturate(.68)}
.closing-inner{position:relative;z-index:2;padding-top:65px;padding-bottom:65px}
.closing-inner h2{margin-top:23px;font-size:clamp(51px,7vw,88px)}
.closing-inner>p{margin:16px 0 27px;color:#bdc0c5;font-size:13px}
.closing-orbit{position:absolute;width:470px;height:470px;border:1px solid rgba(230,185,94,.18);border-radius:50%;right:7%;top:50%;transform:translateY(-50%)}
.orbit-two{width:620px;height:620px;right:1%;border-color:rgba(255,255,255,.11)}
.site-footer{background:#080a0e}
.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:25px;padding-top:36px;padding-bottom:34px}
.footer-brand{min-width:0}.footer-main>p{margin:0;color:#969ba4;font-size:11px;text-align:center}
.footer-links{display:flex;justify-content:flex-end;gap:20px}.footer-links a{color:#868b95;font-size:9px;transition:color .2s}.footer-links a:hover{color:var(--gold)}
.footer-legal{display:flex;justify-content:space-between;padding-top:15px;padding-bottom:18px;border-top:1px solid rgba(255,255,255,.09);color:#666b73;font-size:9px}
.toast{position:fixed;z-index:20;right:22px;bottom:22px;max-width:min(360px,calc(100vw - 44px));padding:12px 16px;border:1px solid rgba(230,185,94,.45);background:#151820;color:#ebe5d9;font-size:12px;box-shadow:0 12px 35px rgba(0,0,0,.4);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}
.toast.show{opacity:1;transform:translateY(0)}
@keyframes cinematic-drift{from{transform:scale(1.015) translate3d(0,0,0);filter:brightness(.78)}to{transform:scale(1.07) translate3d(-.45%,.35%,0);filter:brightness(1)}}
@keyframes copy-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes title-arrive{from{opacity:0;transform:translateY(32px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
@keyframes blink{50%{opacity:0}}
@media(max-width:1000px){.main-nav{gap:20px;margin-left:0}.brand{min-width:auto}.feature-grid{grid-template-columns:1fr;gap:54px}.feature-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.feature-copy .section-kicker{grid-column:1/-1}.feature-copy h2{margin-top:22px}.feature-copy>p{align-self:end;margin-bottom:25px}.feature-points{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.preview-body{grid-template-columns:36px minmax(0,1fr) 190px}.preview-stamp{right:-10px}.platform-heading{grid-template-columns:1fr .8fr}}
@media(max-width:720px){:root{--pad:22px}.site-header{padding-top:16px;padding-bottom:16px}.main-nav{position:absolute;display:none;top:67px;left:14px;right:14px;flex-direction:column;gap:0;margin:0;padding:8px;background:rgba(10,12,17,.97);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(14px)}.main-nav.open{display:flex}.main-nav a{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.main-nav a:last-child{border:0}.header-actions{gap:13px}.nav-login{display:none}.button-small{min-height:36px;padding:0 11px;font-size:12px}.menu-toggle{display:block}.hero{min-height:710px;height:92svh;max-height:850px;align-items:flex-end;padding-bottom:93px}.hero-image{background-image:url('/assets/yike/hero-1k.webp');background-position:61% center}.hero-video{object-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(6,8,13,.78),rgba(6,8,13,.15)),linear-gradient(0deg,rgba(6,8,13,.95) 3%,rgba(6,8,13,.7) 43%,rgba(6,8,13,.08) 90%)}.hero-content{padding-top:0}.hero h1{font-size:clamp(49px,12.7vw,84px);margin-top:19px;letter-spacing:-.07em}.hero-copy{font-size:14px}.hero-note{margin-top:37px}.hero-caption{left:var(--pad);right:var(--pad);bottom:24px;justify-content:space-between;font-size:12px}.hero-vertical{right:12px;top:38%;font-size:12px}.section-pad{padding-top:82px;padding-bottom:88px}.intro-grid{grid-template-columns:1fr;gap:22px;margin-top:23px}.intro h2,.feature-copy h2,.platform-heading h2{font-size:clamp(42px,12vw,62px)}.intro-aside{margin-left:3px;padding-left:16px}.mode-grid{grid-template-columns:1fr;gap:10px;margin-top:39px}.mode-card{min-height:327px;padding-inline:17px}.mode-art{height:168px;margin-inline:-17px}.mode-number span{font-size:12px}.mode-card h3{font-size:18px}.mode-card p{font-size:12px}.capability-note{align-items:flex-start;font-size:12px;line-height:1.8}.feature-band{padding:83px 0 91px}.feature-copy{display:block}.feature-copy>p{margin:19px 0 26px}.feature-points{grid-template-columns:1fr;gap:14px}.studio-preview{transform:none;margin:0 -8px}.preview-top{height:39px;padding-inline:10px}.preview-body{grid-template-columns:30px minmax(0,1fr) 147px;min-height:270px}.preview-rail{gap:8px}.preview-rail span{width:23px;height:23px}.preview-panel{padding:12px 9px}.preview-label{font-size:12px}.panel-label{margin-top:12px;font-size:12px}.panel-select,.panel-prompt{padding:6px;font-size:12px}.panel-prompt{height:52px}.panel-quote{margin-top:12px;font-size:12px}.panel-generate{padding:7px;font-size:12px}.preview-canvas{padding:16px 8px 35px}.preview-bottom{padding-inline:9px;font-size:12px}.preview-bottom span:nth-child(2){display:none}.preview-stamp{right:-3px;bottom:-25px;font-size:12px;padding:10px 12px}.workflow .section-head{display:block;margin-bottom:34px}.section-head h2{font-size:clamp(37px,11vw,54px)}.section-head>p{margin-top:16px}.flow-steps{grid-template-columns:1fr 1fr}.flow-step{min-height:184px;padding:16px 12px 17px 0}.flow-step:not(:first-child){padding-left:12px}.flow-step:nth-child(2){border-right:0}.flow-step:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.flow-step:nth-child(3){padding-left:0}.flow-step p{font-size:12px}.flow-arrow{right:10px}.wallet-strip{grid-template-columns:38px 1fr;gap:12px;margin-top:33px;padding:17px 14px}.wallet-mark{width:36px;height:36px}.wallet-strip b{font-size:12px}.wallet-strip p{font-size:12px;line-height:1.7}.wallet-strip .underlink{grid-column:2;justify-self:start;font-size:12px;margin-top:4px}.api-offer{padding-top:75px;padding-bottom:75px}.api-grid{grid-template-columns:1fr;gap:20px}.api-grid h2{font-size:clamp(40px,11vw,58px)}.api-overline{font-size:12px}.api-description>p{font-size:12px}.api-guard b{font-size:12px}.api-guard small{font-size:12px;line-height:1.7}.api-rule{gap:10px;flex-wrap:wrap;margin-top:31px;padding:15px 10px;font-size:12px}.api-rule-yike{margin-left:0;font-size:12px}.platform-section{padding:83px 0 77px}.platform-heading{grid-template-columns:1fr;gap:19px;margin:23px 0 29px}.platform-heading h2{font-size:clamp(44px,12vw,66px)}.platform-heading>p{font-size:12px}.system-map{padding:13px 13px}.system-node{grid-template-columns:32px 1fr;gap:10px;min-height:72px}.system-node b{font-size:12px}.system-node p{font-size:12px}.system-node small{font-size:12px}.storage-node{gap:9px;padding:12px 10px}.storage-node em{font-size:12px}.storage-node small{font-size:12px}.platform-footnote{font-size:12px;line-height:1.75}.closing-cta{min-height:430px}.closing-inner h2{font-size:clamp(53px,14vw,77px)}.closing-inner>p{font-size:12px}.closing-orbit{right:-38%;width:360px;height:360px}.orbit-two{right:-54%;width:500px;height:500px}.footer-main{grid-template-columns:1fr auto;padding-top:27px;padding-bottom:23px}.footer-main>p{display:none}.footer-links{gap:13px;flex-wrap:wrap}.footer-links a{font-size:12px}.footer-legal{font-size:12px}.legal-place{display:none}}
@media(max-width:420px){.header-actions{gap:4px}.brand-name{font-size:18px}.brand-mark{width:23px;height:23px}.button-small{gap:8px}.preview-body{grid-template-columns:27px minmax(0,1fr) 126px}.panel-hint{display:none}.aspect-row{gap:3px}.preview-project{font-size:8px}.preview-logo{font-size:9px}.system-node p{max-width:230px}.storage-node em{max-width:75px;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
