:root{
  --ink:#111111;
  --paper:#f4f2ed;
  --white:#ffffff;
  --pink:#ff375f;
  --coral:#ff8b72;
  --lime:#dfff4f;
  --blue:#6d7cff;
  --muted:#696862;
  --line:rgba(17,17,17,.18);
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:1rem;line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:radial-gradient(#111 1px,transparent 1px);background-size:5px 5px}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-header{height:4.5rem;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:30;background:rgba(244,242,237,.94);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;width:6.5rem;height:2.2rem;overflow:hidden}
.brand img{width:100%;height:auto}
.site-header nav{display:none;gap:2rem;font-size:.9rem;font-weight:700}
.site-header nav a{position:relative}
.site-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:2px;background:var(--pink);transition:right .25s}
.site-header nav a:hover::after{right:0}
.nav-download{display:none;align-items:center;gap:1.25rem;background:var(--ink);color:#fff;padding:.65rem .75rem .65rem 1rem;font-size:.88rem;font-weight:800;clip-path:polygon(0 0,calc(100% - .8rem) 0,100% 50%,calc(100% - .8rem) 100%,0 100%)}
.nav-download span{display:grid;place-items:center;width:1.8rem;height:1.8rem;background:var(--lime);color:var(--ink);border-radius:50%}
.nav-toggle{width:3rem;height:3rem;border:0;background:transparent;display:grid;place-content:center;gap:.42rem;cursor:pointer}
.nav-toggle i{display:block;width:1.45rem;height:2px;background:var(--ink);transition:.25s}
.nav-toggle[aria-expanded="true"] i:first-child{transform:translateY(.25rem) rotate(45deg)}
.nav-toggle[aria-expanded="true"] i:last-child{transform:translateY(-.25rem) rotate(-45deg)}
.site-header nav.open{display:flex;position:absolute;top:4.5rem;left:0;right:0;padding:1.25rem;flex-direction:column;background:var(--paper);border-bottom:1px solid var(--ink)}
.hero{min-height:calc(100svh - 4.5rem);max-width:var(--max);margin:auto;padding:3rem 1rem 2rem;display:grid;align-items:center;gap:3rem}
.eyebrow,.section-kicker{margin:0 0 1rem;font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:.65rem}
.eyebrow span{width:2.2rem;height:.65rem;background:repeating-linear-gradient(90deg,var(--pink) 0 .25rem,transparent .25rem .4rem)}
.hero h1{font-size:clamp(3.6rem,16vw,6rem);line-height:.9;letter-spacing:0;margin:0;font-weight:950}
.hero h2{font-size:clamp(1.45rem,6vw,2.45rem);line-height:1.25;letter-spacing:0;margin:1.15rem 0 .9rem;max-width:12ch}
.hero-lead{margin:0;max-width:34rem;color:var(--muted);font-size:1rem}
.hero-actions{margin-top:1.75rem;display:flex;align-items:flex-start;gap:1rem;flex-direction:column}
.editor-download{width:min(100%,25rem);min-height:4.5rem;display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:.75rem;background:var(--ink);color:#fff;padding:.6rem .85rem;position:relative;clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 50%,calc(100% - 1rem) 100%,0 100%);transition:transform .2s,filter .2s}
.editor-download::after{content:"";position:absolute;left:4.6rem;bottom:0;width:1px;height:100%;background:var(--pink);box-shadow:7rem 0 0 rgba(255,55,95,.45)}
.editor-download:hover{transform:translateY(-3px);filter:drop-shadow(.35rem .45rem 0 var(--pink))}
.play-mark{width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:50%;background:var(--pink);color:#fff;font-size:.85rem;position:relative;z-index:1}
.editor-download span:nth-child(2),.console-button span:nth-child(2){display:flex;flex-direction:column;position:relative;z-index:1}
.editor-download strong,.console-button strong{font-size:.98rem;letter-spacing:0}
.editor-download small,.console-button small{font-size:.7rem;color:#c9c8c3}
.editor-download b{font-size:.72rem;color:var(--lime);font-family:Consolas,monospace}
.text-link{min-height:2.75rem;display:flex;align-items:center;gap:.6rem;font-size:.88rem;font-weight:800;border-bottom:1px solid var(--ink)}
.hero-facts{display:flex;gap:1.5rem;margin:2rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line)}
.hero-facts div{min-width:4.6rem}.hero-facts dt{font:700 .7rem Consolas,monospace;color:var(--pink)}.hero-facts dd{margin:0;font-size:.82rem;font-weight:800}
.hero-stage{min-height:29rem;background:#141414;color:#fff;position:relative;border:1px solid #2d2d2d;box-shadow:1rem 1rem 0 var(--lime);overflow:hidden}
.stage-toolbar{height:3rem;border-bottom:1px solid #343434;display:flex;align-items:center;gap:.65rem;padding:0 1rem;font:700 .68rem Consolas,monospace;color:#aaa}
.stage-toolbar b{margin-left:auto;color:#fff}.stage-toolbar i{width:.55rem;height:.55rem;background:#4e4e4e;border-radius:50%}.stage-toolbar i:last-child{background:var(--pink)}
.preview-window{height:21rem;position:relative;overflow:hidden;background:linear-gradient(145deg,#1a1a1a,#282828)}
.preview-window::before{content:"";position:absolute;inset:8% 8% 20%;background:linear-gradient(150deg,rgba(109,124,255,.3),rgba(255,55,95,.25));transform:skew(-7deg)}
.editor-phone{position:absolute;z-index:3;height:20.5rem;width:auto;right:15%;bottom:-5.5rem;filter:drop-shadow(0 1.2rem 1.3rem rgba(0,0,0,.55))}
.preview-film{position:absolute;width:8rem;height:10rem;overflow:hidden;border:.32rem solid #fff;box-shadow:.5rem .6rem 0 rgba(0,0,0,.35)}
.preview-film img{width:100%;height:100%;object-fit:cover}
.film-a{left:8%;top:13%;transform:rotate(-8deg)}.film-b{right:2%;top:5%;transform:rotate(8deg)}.film-c{left:1%;bottom:-20%;transform:rotate(5deg)}
.focus-corner{position:absolute;z-index:5;width:2.5rem;height:2.5rem;border-color:var(--lime)}.corner-a{left:5%;top:8%;border-left:2px solid;border-top:2px solid}.corner-b{right:5%;bottom:8%;border-right:2px solid;border-bottom:2px solid}
.timeline{height:10rem;padding:1.6rem .8rem .8rem 3.3rem;position:relative;background:#101010;border-top:1px solid #3a3a3a;display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem}
.timecode{font:500 .58rem Consolas,monospace;color:#666}
.track{grid-column:1/-1;height:1.2rem}.video-track{display:flex;gap:.15rem}.video-track i{flex:1;background:linear-gradient(90deg,var(--blue),#a470ff)}.video-track i:nth-child(even){background:linear-gradient(90deg,#ff8b72,#ff375f)}.sound-track{background:repeating-linear-gradient(90deg,#b06cdc 0 .18rem,transparent .18rem .35rem);opacity:.8}.caption-track{background:#51c2bb;color:#111;font-size:.54rem;line-height:1.2rem;padding-left:.45rem;overflow:hidden;white-space:nowrap}
.playhead{position:absolute;left:55%;top:1rem;bottom:.5rem;width:2px;background:#fff;box-shadow:0 0 .5rem rgba(255,255,255,.8)}.playhead::before{content:"";position:absolute;top:-.1rem;left:-.28rem;border-left:.35rem solid transparent;border-right:.35rem solid transparent;border-top:.5rem solid #fff}
.stage-note{position:absolute;left:.8rem;top:4.2rem;writing-mode:vertical-rl;font:700 .62rem Consolas,monospace;color:#999}.stage-note span{color:var(--pink)}
.keyword-reel{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--lime);transform:rotate(-1deg);width:102%;margin-left:-1%;position:relative;z-index:2}
.keyword-reel div{width:max-content;display:flex;gap:1.4rem;align-items:center;padding:.75rem 0;animation:reel 28s linear infinite;font-size:.84rem;font-weight:900}
.keyword-reel i{font-style:normal}.keyword-reel span{white-space:nowrap}
@keyframes reel{to{transform:translateX(-35%)}}
.section{max-width:var(--max);margin:auto;padding:5rem 1rem}
.section-heading h2,.ai-heading h2,.install h2,.faq h2,.interface-copy h2{font-size:clamp(2rem,8vw,4.1rem);line-height:1.08;letter-spacing:0;margin:.5rem 0 1.5rem}.section h2 em,.interface-copy h2 em{font-style:normal;color:var(--pink)}
.section-heading>p:last-child,.ai-heading>p,.interface-copy>p{max-width:42rem;color:var(--muted)}
.workspace{display:grid;gap:3rem}
.tool-orbit{position:relative;min-height:32rem;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:3.5rem 3.5rem;overflow:hidden}
.preview-mosaic{position:absolute;inset:1.25rem 1.1rem 1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;align-items:center}
.preview-card{margin:0;position:relative;overflow:hidden;background:#242424;border:1px solid var(--ink);box-shadow:.34rem .34rem 0 var(--ink);aspect-ratio:9/12;isolation:isolate;transition:transform .3s,box-shadow .3s}
.preview-card:hover{transform:translateY(-.35rem) rotate(0deg)!important;box-shadow:.5rem .55rem 0 var(--pink)}
.preview-card img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .45s}.preview-card:hover img{transform:scale(1.035)}
.preview-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(17,17,17,.85));z-index:1;pointer-events:none}
.preview-card figcaption{position:absolute;left:.65rem;right:.55rem;bottom:.55rem;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:.4rem;color:#fff}.preview-card figcaption span{font:700 .48rem Consolas,monospace;color:var(--lime)}.preview-card figcaption b{font-size:.7rem;white-space:nowrap}
.card-ai{transform:rotate(-2.4deg)}.card-digital{transform:rotate(1.8deg)}.card-keyframe{transform:rotate(1.8deg)}.card-story{transform:rotate(-2deg)}
.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:7.2rem;height:7.2rem;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--ink);color:#fff;border:.55rem solid var(--lime);box-shadow:0 0 0 .08rem var(--ink);z-index:4;pointer-events:none}
.orbit-core span{font:800 .55rem Consolas,monospace;color:var(--lime)}.orbit-core b{font-size:.76rem}.orbit-core i{width:0;height:0;border-top:.4rem solid transparent;border-bottom:.4rem solid transparent;border-left:.6rem solid var(--pink);margin:.28rem auto 0}
.orbit-label{position:absolute;z-index:5;font:700 .56rem Consolas,monospace;color:var(--ink);background:var(--lime);padding:.25rem .45rem}.label-top{top:.55rem;left:.7rem}.label-bottom{right:.7rem;bottom:.5rem}
.interface-band{background:var(--ink);color:#fff;overflow:hidden}
.interface-inner{max-width:var(--max);margin:auto;padding:5rem 1rem;display:grid;gap:2rem;align-items:center}
.phone-shot{margin:0;position:relative;min-height:28rem}.phone-shot img{height:28rem;width:auto;margin:auto;filter:drop-shadow(.8rem 1rem 0 rgba(255,55,95,.45))}.phone-shot figcaption{position:absolute;left:0;right:0;bottom:0;background:var(--lime);color:var(--ink);padding:.75rem;display:grid;grid-template-columns:auto 1fr;column-gap:.7rem}.phone-shot figcaption span{grid-row:1/3;font:900 1.5rem Consolas,monospace}.phone-shot figcaption b{font-size:.86rem}.phone-shot figcaption small{font-size:.68rem}
.interface-copy{order:-1}.interface-copy .section-kicker{color:var(--lime)}.interface-copy>p{color:#aaa}.interface-copy ul{list-style:none;padding:0;margin:2rem 0 0;border-top:1px solid #444}.interface-copy li{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #444}.interface-copy li b{font-size:.86rem}.interface-copy li span{color:#999;font-size:.75rem;text-align:right}
.template-shot{display:none}
.ai-heading{display:grid;gap:1rem;margin-bottom:2.5rem}.ai-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.ai-gallery figure{margin:0;position:relative;overflow:hidden;aspect-ratio:4/5;background:#ddd}.ai-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.ai-gallery figure:hover img{transform:scale(1.04)}.ai-gallery figcaption{position:absolute;left:.45rem;right:.45rem;bottom:.45rem;background:rgba(17,17,17,.88);color:#fff;padding:.55rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.ai-gallery figcaption span{font:700 .55rem Consolas,monospace;color:var(--lime)}.ai-gallery figcaption b{font-size:.72rem}.ai-gallery .wide{grid-column:1/-1;aspect-ratio:16/8}.ai-gallery .wide img{object-position:center 30%}
.install{display:grid;gap:2.5rem}.install-intro{max-width:28rem;color:var(--muted);font-size:.86rem}.install-steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}.install-steps li{display:grid;grid-template-columns:2.4rem 1fr auto;gap:.75rem;align-items:start;padding:1.2rem 0;border-bottom:1px solid var(--ink)}.install-steps>li>span{font:900 .8rem Consolas,monospace;color:var(--pink)}.install-steps h3{font-size:1rem;margin:0 0 .3rem}.install-steps p{margin:0;color:var(--muted);font-size:.84rem}.install-steps i{font-style:normal;font-size:1.25rem}
.download-console{background:var(--blue);color:#fff;padding:1.3rem;position:relative;box-shadow:.75rem .75rem 0 var(--ink)}.download-console::before{content:"";position:absolute;inset:.5rem;border:1px solid rgba(255,255,255,.28);pointer-events:none}.console-title{display:flex;align-items:center;gap:.7rem;position:relative;z-index:1}.live-dot{width:.7rem;height:.7rem;background:var(--lime);border-radius:50%;box-shadow:0 0 0 .3rem rgba(223,255,79,.2)}.console-title p{display:flex;flex-direction:column;margin:0}.console-title small{font:700 .6rem Consolas,monospace;color:#daddff}.console-title strong{font-size:1rem}.console-title>b{margin-left:auto;font:800 .7rem Consolas,monospace;color:var(--lime)}
.console-wave{height:4.5rem;display:flex;align-items:center;justify-content:center;gap:.45rem;margin:1rem 0}.console-wave i{width:.25rem;background:var(--lime);animation:wave 1.1s ease-in-out infinite}.console-wave i:nth-child(3n){height:65%;animation-delay:.12s}.console-wave i:nth-child(3n+1){height:30%;animation-delay:.25s}.console-wave i:nth-child(3n+2){height:85%;animation-delay:.38s}@keyframes wave{50%{transform:scaleY(.38)}}
.download-console>p{font-size:.8rem;line-height:1.7;position:relative;z-index:1}.console-button{min-height:4.6rem;background:var(--ink);display:grid;grid-template-columns:3rem 1fr auto;gap:.7rem;align-items:center;padding:.65rem;color:#fff;position:relative;z-index:1}.console-button>b{width:2.3rem;height:2.3rem;background:var(--pink);display:grid;place-items:center;border-radius:50%}.console-button:hover .play-mark{background:var(--lime);color:var(--ink)}
.faq{display:grid;gap:2rem}.faq-list{border-top:1px solid var(--ink)}.faq details{border-bottom:1px solid var(--ink)}.faq summary{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:900;font-size:.95rem;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{display:grid;place-items:center;flex:0 0 2rem;height:2rem;border:1px solid var(--ink);border-radius:50%;font-size:1.1rem;transition:.25s}.faq details[open] summary span{transform:rotate(45deg);background:var(--pink);color:#fff;border-color:var(--pink)}.faq details p{margin:-.3rem 3rem 1.2rem 0;color:var(--muted);font-size:.88rem;max-width:44rem}
footer{border-top:1px solid var(--ink);padding:2rem 1rem;display:flex;flex-direction:column;gap:.8rem;align-items:flex-start}footer p{margin:0;font-size:.78rem;font-weight:800}footer>small{font-size:.7rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.keyword-reel div,.console-wave i{animation:none}.ai-gallery img,.editor-download{transition:none}}
@media (min-width:768px){
  .site-header{padding:0 2rem}.site-header nav{display:flex}.nav-toggle{display:none}.nav-download{display:flex}
  .hero{padding:4rem 2rem 3rem;grid-template-columns:minmax(0,.85fr) minmax(25rem,1.15fr);gap:4rem}.hero h1{font-size:5.5rem}.hero-actions{flex-direction:row;align-items:center}.hero-stage{min-height:37rem}.preview-window{height:27rem}.editor-phone{height:27rem;bottom:-7.5rem}.preview-film{width:10rem;height:13rem}.timeline{height:10rem}
  .section{padding:7rem 2rem}.workspace{grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:center}.tool-orbit{min-height:38rem}.preview-mosaic{inset:1.4rem 1.4rem 1.7rem;gap:1rem}.preview-card figcaption{left:.75rem;bottom:.7rem}.preview-card figcaption b{font-size:.78rem}
  .interface-inner{padding:7rem 2rem;grid-template-columns:.8fr 1.1fr .8fr;gap:2.5rem}.interface-copy{order:0}.template-shot{display:block}.phone-shot img{height:35rem}.phone-shot{min-height:35rem}
  .ai-heading{grid-template-columns:1.2fr .8fr;align-items:end}.ai-gallery{grid-template-columns:1.1fr .75fr .75fr;grid-template-rows:repeat(3,16rem)}.ai-gallery figure,.ai-gallery .wide{aspect-ratio:auto}.ai-gallery .feature{grid-row:1/3}.ai-gallery .wide{grid-column:1/-1;grid-row:3}.ai-gallery .wide img{object-position:center 58%}.ai-gallery figcaption b{font-size:.8rem}
  .install{grid-template-columns:.72fr 1.05fr .95fr;align-items:start;gap:3rem}.download-console{padding:1.7rem}
  .faq{grid-template-columns:.75fr 1.25fr;gap:5rem}.faq summary{font-size:1rem}
  footer{padding:2.5rem 2rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center}footer>small{text-align:right;max-width:26rem}
}
@media (min-width:1024px){.site-header{padding:0 max(2rem,calc((100vw - var(--max))/2))}.tool{min-width:11rem;padding:.9rem}.hero h2{font-size:2.35rem}}
@media (max-width:767px){.site-header nav a{min-height:2.75rem;display:flex;align-items:center}.hero-copy{padding-top:1rem}.hero-stage{box-shadow:.55rem .55rem 0 var(--lime)}.tool-orbit{min-height:31rem}.preview-mosaic{inset:1.1rem .85rem 1.3rem;gap:.6rem}.preview-card figcaption{left:.45rem;bottom:.45rem;display:block}.preview-card figcaption span,.preview-card figcaption b{display:block}.preview-card figcaption b{font-size:.62rem}.orbit-core{width:5.6rem;height:5.6rem;border-width:.42rem}.orbit-core span{font-size:.45rem}.orbit-core b{font-size:.62rem}.orbit-label{font-size:.44rem}.interface-copy h2{font-size:2.5rem}.ai-gallery figcaption{align-items:flex-start;flex-direction:column}.download-console{margin-right:.7rem}}