:root{--ink:#102653;--muted:#66789e;--blue:#4a86ea;--blue-deep:#2d6bd5;--line:rgba(63,113,201,.16);--shadow:0 26px 70px rgba(73,119,194,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);font-family:Inter,"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#f4f8ff;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(rgba(101,148,222,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(101,148,222,.09) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 86%)}body:after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 72% 23%,rgba(181,229,255,.78),transparent 24%),radial-gradient(circle at 20% 40%,rgba(220,234,255,.72),transparent 30%),linear-gradient(145deg,#f8fbff,#e9f2ff 58%,#f8fbff)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}.page-glow{position:fixed;border-radius:50%;filter:blur(50px);opacity:.45;z-index:-1;pointer-events:none}.page-glow-one{width:260px;height:260px;right:9%;top:18%;background:#a9e9ff}.page-glow-two{width:220px;height:220px;left:-80px;bottom:4%;background:#bdc8ff}.section-shell{width:min(1180px,calc(100% - 64px));margin:0 auto}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 max(32px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20;background:rgba(249,252,255,.82);border-bottom:1px solid rgba(66,119,203,.11);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,"Songti SC",serif;font-size:24px;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:42px;height:42px;object-fit:cover;object-position:48% 15%;border-radius:12px;box-shadow:0 7px 18px rgba(63,120,207,.19)}.brand-suffix{font-weight:500}.main-nav{display:flex;align-items:center;gap:36px;margin-left:auto}.main-nav a{font-size:16px;font-weight:700;color:#172c55;padding:30px 0;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:21px;height:3px;border-radius:3px;background:var(--blue);transform:scaleX(0);transition:transform .2s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.header-download{padding:12px 17px;border-radius:10px;background:#e8f2ff;color:var(--blue-deep);font-size:14px;font-weight:800}.header-download span{font-size:17px;margin-left:7px}.menu-button{display:none;background:transparent;padding:7px}.menu-button span{display:block;width:24px;height:2px;margin:5px;background:var(--ink)}.hero{min-height:680px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:30px;padding-top:62px;padding-bottom:35px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#5080c8;font-size:13px;font-weight:800;letter-spacing:.12em}.eyebrow span{display:inline-block;width:27px;height:2px;background:var(--blue);border-radius:2px}.hero h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(64px,8vw,112px);line-height:.96;letter-spacing:-.08em;margin:0 0 27px;color:#102753}.hero h1 em,.section-heading h2 em,.showcase-copy h2 em,.contact-section h2 em{font-style:normal;color:#4988e9}.hero-lede{max-width:500px;color:#5c7098;font-size:18px;line-height:1.9;margin:0}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 23px;border-radius:10px;background:linear-gradient(135deg,#4d8cf0,#326fda);box-shadow:0 15px 30px rgba(63,124,224,.25);color:#fff;font-weight:800;font-size:17px;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-3px);box-shadow:0 20px 35px rgba(63,124,224,.32)}.primary-button span{font-size:23px}.video-button{display:inline-flex;align-items:center;gap:10px;background:transparent;font-size:16px;font-weight:800;color:#263d6a}.play-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #6583b5;border-radius:50%;font-size:12px;color:#366ec9}.hero-note{display:flex;align-items:center;gap:8px;margin-top:22px;color:#8291ae;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#5cce9a;box-shadow:0 0 0 5px rgba(92,206,154,.13)}.hero-art{min-height:610px;position:relative;display:grid;place-items:center}.art-grid{position:absolute;inset:6% 0 8%;border-radius:50%;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,black 35%,transparent 70%);opacity:.85}.hero-art:before{content:"";position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.75),rgba(176,226,255,.32) 42%,transparent 72%);filter:blur(8px)}.hero-cat{position:relative;z-index:2;width:min(74%,540px);aspect-ratio:1;object-fit:cover;border-radius:50%;mix-blend-mode:multiply;filter:saturate(.86) contrast(.98) drop-shadow(0 28px 28px rgba(72,112,180,.22));animation:cat-float 6s ease-in-out infinite}.orbit{position:absolute;z-index:3;border:1px solid rgba(80,185,226,.6);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 25px rgba(88,212,255,.16)}.orbit-a{width:83%;height:29%;top:45%;left:8%;border-top-color:transparent;border-left-color:rgba(93,200,241,.3);animation:orbit-drift 10s linear infinite}.orbit-b{width:77%;height:23%;top:52%;left:13%;transform:rotate(18deg);border-bottom-color:transparent;border-right-color:rgba(86,164,244,.25);animation:orbit-drift 13s linear reverse infinite}.art-spark{position:absolute;z-index:4;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 18px 6px #9be7ff}.spark-one{top:20%;right:13%}.spark-two{bottom:24%;left:8%;width:5px;height:5px}.float-card{position:absolute;z-index:5;display:flex;flex-direction:column;padding:14px 17px;border:1px solid rgba(255,255,255,.76);border-radius:13px;background:rgba(255,255,255,.62);box-shadow:0 16px 30px rgba(71,131,208,.16);backdrop-filter:blur(14px);color:#2c5a9e}.float-card small{margin-top:4px;color:#7b91b4}.float-card-cloud{top:23%;left:0}.float-icon{font-size:23px;color:#61d7e1;margin-bottom:4px}.float-card-code{right:3%;top:17%;width:125px;gap:7px}.code-line{display:block;width:76px;height:5px;border-radius:4px;background:#77a7ed}.code-line.short{width:45px}.float-card-code small{font-size:9px;letter-spacing:.14em}.trust-strip{display:flex;align-items:center;justify-content:space-between;padding:19px 0 27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#5d7195}.trust-strip p{margin:0;font-size:14px}.trust-items{display:flex;gap:28px;font-size:13px;font-weight:800;color:#4477bd}.workflow{padding-top:108px;padding-bottom:110px}.section-heading{max-width:620px}.section-heading h2,.showcase-copy h2,.contact-section h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-.06em;margin:0 0 20px}.section-heading>p:last-child,.showcase-copy>p:last-of-type,.contact-section>div>p:last-child{max-width:520px;color:var(--muted);font-size:16px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px}.feature-card{min-height:290px;padding:24px;border:1px solid rgba(71,128,210,.17);border-radius:18px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(60,115,196,.22)}.feature-card:after{content:"";position:absolute;width:160px;height:160px;right:-60px;top:-50px;border-radius:50%;background:rgba(255,255,255,.42);filter:blur(2px)}.feature-card-blue{background:#e0f5ff}.feature-card-lilac{background:#edf0ff}.feature-card-mint{background:#e1fbf3}.feature-card-sky{background:#e4efff}.feature-number{font-size:12px;letter-spacing:.12em;color:#5576a8}.feature-symbol{font-size:35px;color:#4c8de2;margin:33px 0 19px}.feature-card h3{font-family:Georgia,"Songti SC",serif;font-size:25px;margin:0 0 12px}.feature-card p{color:#667b9e;line-height:1.7;margin:0}.feature-card a{position:absolute;bottom:23px;left:24px;color:#3c75c4;font-size:13px;font-weight:800}.feature-card a span{margin-left:10px;font-size:17px}.workflow-showcase{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:90px;padding-bottom:120px}.showcase-panel{border-radius:24px;padding:10px;background:rgba(255,255,255,.62);box-shadow:0 30px 80px rgba(56,109,181,.2);transform:rotate(-1deg)}.panel-top{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;color:#7a8ba8;font-size:12px}.window-dot{width:8px;height:8px;border-radius:50%}.red{background:#f18d9b}.yellow{background:#efc66d}.green{background:#80d6b2}.panel-title{margin-left:10px}.panel-body{min-height:320px;display:grid;grid-template-columns:46px 1fr 155px;overflow:hidden;border-radius:15px;background:#f2f7ff}.panel-sidebar{display:flex;flex-direction:column;align-items:center;gap:25px;padding-top:28px;color:#9aabc8}.panel-sidebar .sidebar-active{color:#4d89e2}.canvas-preview{position:relative;margin:17px;border-radius:13px;background:linear-gradient(135deg,#d8f2ff,#eef5ff);overflow:hidden}.preview-orb{position:absolute;width:230px;height:230px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff,#9bdfff 34%,#718de5 64%,#cbceff);box-shadow:0 22px 45px rgba(62,118,206,.27)}.preview-orb:after{content:"";position:absolute;width:170px;height:50px;left:30px;top:111px;border:2px solid rgba(255,255,255,.75);border-radius:50%;transform:rotate(-20deg)}.preview-chip{position:absolute;left:17px;bottom:17px;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.65);font-size:11px;color:#4773af}.preview-lines{position:absolute;right:12px;top:16px;display:grid;gap:6px}.preview-lines span{width:38px;height:4px;border-radius:4px;background:#a5c9ef}.preview-lines span:nth-child(2){width:25px}.panel-tools{padding:27px 16px;color:#6d80a3;background:rgba(255,255,255,.42);font-size:11px}.panel-tools b{display:block;color:#314d7d;font-size:14px;margin-bottom:28px}.panel-tools label{display:flex;justify-content:space-between;margin:15px 0 8px}.panel-tools label span{color:#4285df}.tool-bar{height:5px;border-radius:6px;background:linear-gradient(90deg,#62a3ef 80%,#dce8f7 80%)}.tool-bar.half{background:linear-gradient(90deg,#62a3ef 54%,#dce8f7 54%)}.panel-tools button{width:100%;margin-top:30px;padding:10px 4px;border-radius:8px;background:#488ce9;color:#fff;font-size:11px;font-weight:700}.showcase-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:15px;color:#38567f;font-weight:700}.showcase-copy li span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:#d9f5eb;color:#36a279;font-size:12px}.download-section{padding-bottom:115px}.download-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px 55px;border-radius:24px;background:linear-gradient(110deg,#315fba,#4f9de9);color:#fff;box-shadow:0 30px 70px rgba(50,101,187,.24)}.download-card .eyebrow{color:#dbeaff}.download-card .eyebrow span{background:#a8d8ff}.download-card h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(36px,5vw,62px);line-height:1;margin:0 0 15px;letter-spacing:-.06em}.download-card p:last-child{margin:0;color:#d7e9ff}.download-action{text-align:right}.download-card .primary-button{background:#fff;color:#346eca}.download-action small{display:block;margin-top:13px;color:#d7e9ff}.contact-section{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:115px}.contact-section h2{margin-bottom:18px}.contact-card{display:flex;align-items:center;gap:20px;min-width:380px;padding:25px 27px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(71,128,210,.14);box-shadow:var(--shadow)}.contact-label{display:block;color:#8091af;font-size:12px;margin-bottom:6px}.contact-card strong{font-size:17px;color:#30558d}.copy-button{padding:10px 13px;border-radius:8px;background:#e4efff;color:#3d78c7;font-size:12px;font-weight:800;margin-left:auto}.copy-status{position:absolute;margin-top:70px;color:#40a37e;font-size:11px}.site-footer{padding:28px 0;border-top:1px solid var(--line);background:rgba(248,251,255,.7);color:#8190aa;font-size:12px}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:17px;color:var(--ink)}.footer-brand .brand-mark{width:28px;height:28px;border-radius:8px}.modal{display:none;position:fixed;inset:0;z-index:40;align-items:center;justify-content:center;padding:24px}.modal.is-open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(17,39,79,.34);backdrop-filter:blur(10px)}.modal-dialog{position:relative;width:min(620px,100%);overflow:hidden;border-radius:22px;background:#f7fbff;box-shadow:0 30px 90px rgba(19,55,113,.3);animation:modal-in .25s ease}.modal-close{position:absolute;z-index:2;right:15px;top:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.6);font-size:25px;color:#526a94}.tutorial-placeholder{display:grid;place-items:center;min-height:315px;background:radial-gradient(circle at 50% 38%,#d9f6ff,#7ea9e7 50%,#3f63b2);color:#fff;text-align:center}.tutorial-play{display:grid;place-items:center;width:70px;height:70px;border:2px solid rgba(255,255,255,.82);border-radius:50%;font-size:22px;padding-left:4px}.tutorial-placeholder p{font-family:Georgia,"Songti SC",serif;font-size:27px;margin:17px 0 5px}.tutorial-placeholder small{color:#e3f3ff}.tutorial-steps{display:flex;justify-content:space-around;padding:23px;color:#4d6490;font-size:13px}.tutorial-steps b{color:#4b88e4;margin-right:5px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-two{transition-delay:.22s}@keyframes cat-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.7deg)}}@keyframes orbit-drift{from{transform:rotate(-18deg) scaleX(1)}50%{transform:rotate(-12deg) scaleX(1.03)}to{transform:rotate(-18deg) scaleX(1)}}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:900px){.site-header{padding:0 24px}.main-nav{gap:20px}.main-nav a{font-size:14px}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{max-width:680px}.hero-art{min-height:500px}.hero-cat{width:min(76%,520px)}.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow-showcase{grid-template-columns:1fr;gap:55px}.showcase-copy{max-width:600px}.download-card{align-items:flex-start;flex-direction:column}.download-action{text-align:left}.contact-section{align-items:flex-start;flex-direction:column}.contact-card{min-width:0;width:min(100%,500px)}}@media(max-width:680px){.section-shell{width:min(100% - 36px,560px)}.site-header{height:70px;padding:0 18px}.brand{font-size:19px}.brand-mark{width:34px;height:34px}.main-nav,.header-download{display:none}.menu-button{display:block}.main-nav.is-open{display:flex;position:absolute;left:0;right:0;top:70px;padding:18px;flex-direction:column;align-items:flex-start;gap:0;background:rgba(249,252,255,.97);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(56,103,181,.12)}.main-nav.is-open a{padding:12px 2px}.main-nav.is-open a:after{bottom:5px}.hero{min-height:0;padding-top:53px}.hero h1{font-size:clamp(60px,18vw,90px)}.hero-lede{font-size:16px}.hero-art{min-height:390px;margin-top:8px}.hero-cat{width:92%;max-width:450px}.float-card{transform:scale(.78);transform-origin:center}.float-card-cloud{left:-21px;top:20%}.float-card-code{right:-23px;top:14%}.trust-strip{display:block;padding:18px 0}.trust-items{flex-wrap:wrap;gap:10px 18px;margin-top:12px}.workflow{padding-top:75px;padding-bottom:75px}.section-heading h2,.showcase-copy h2,.contact-section h2{font-size:42px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:240px}.workflow-showcase{padding-bottom:80px}.panel-body{grid-template-columns:36px 1fr}.panel-tools{display:none}.download-section{padding-bottom:75px}.download-card{padding:33px 25px}.download-card h2{font-size:43px}.contact-section{padding-bottom:80px}.contact-card{width:100%;padding:20px 17px;gap:10px}.contact-card strong{font-size:14px}.copy-button{padding:9px 10px}.footer-inner{flex-wrap:wrap;gap:15px}.footer-inner>span{order:3;width:100%}.modal{padding:16px}.tutorial-placeholder{min-height:260px}.tutorial-steps{font-size:11px;padding:19px 10px}}