:root{--bg: #070b11;--bg-soft: #0b1320;--panel: #0d1420;--panel-2: #111a28;--panel-3: #162236;--line: #1e2d42;--line-soft: #243349;--text: #dde6f5;--text-strong: #f4f8ff;--muted: #7a90aa;--accent: #38b6ff;--accent-2: #1ce8a0;--accent-soft: rgba(56, 182, 255, .14);--accent-2-soft: rgba(28, 232, 160, .16);--warn: #ffb547;--danger: #ff4d5e;--shadow-md: 0 8px 32px rgba(0, 0, 0, .52), 0 0 0 1px rgba(56, 182, 255, .06);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .6), 0 0 0 1px rgba(56, 182, 255, .08);--glow: 0 0 18px rgba(56, 182, 255, .28);--glow-soft: 0 0 12px rgba(56, 182, 255, .16);--font-sans: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--max-w: 1200px;--gutter: 24px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(900px 600px at 15% -10%,rgba(56,182,255,.18),transparent 60%),radial-gradient(700px 480px at 90% 10%,rgba(28,232,160,.12),transparent 60%),linear-gradient(180deg,#060a12,#070b11 40%,#050810);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(56,182,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(56,182,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 78%);z-index:0}a{color:var(--accent);text-decoration:none;transition:color .18s ease}a:hover{color:var(--accent-2)}img{max-width:100%;display:block}button{font-family:inherit}h1,h2,h3,h4{color:var(--text-strong);font-weight:600;letter-spacing:-.01em;margin:0}h1{font-size:clamp(34px,5vw,56px);line-height:1.12;letter-spacing:-.02em}h2{font-size:clamp(24px,3vw,34px);line-height:1.2}h3{font-size:18px;line-height:1.3}p{margin:0;color:var(--muted)}ul,ol{margin:0;padding-left:1.2em;color:var(--muted)}li+li{margin-top:6px}code{font-family:var(--font-mono);background:#38b6ff14;border:1px solid rgba(56,182,255,.18);color:var(--text-strong);padding:1px 6px;border-radius:4px;font-size:.9em}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:1}.section{padding:clamp(56px,10vw,120px) 0;position:relative}.section__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.section__title{margin-bottom:12px}.section__lead{max-width:720px;font-size:16px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap}.btn--primary{background:linear-gradient(135deg,#38b6ff,#1ce8a0);color:#07111e;box-shadow:0 4px 18px #38b6ff66}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #38b6ff8c;color:#07111e}.btn--ghost{background:#38b6ff14;color:var(--text-strong);border-color:#38b6ff52}.btn--ghost:hover{background:#38b6ff29;border-color:var(--accent);color:var(--text-strong)}.btn--sm{padding:8px 14px;font-size:13px;border-radius:8px}.card{background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);border-color:#38b6ff73;box-shadow:var(--shadow-md),var(--glow-soft)}.node-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #38b6ff29}.node-dot--green{background:var(--accent-2);box-shadow:0 0 0 4px #1ce8a02e}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b11b8;border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:12px;color:var(--text-strong);font-weight:700}.brand__logo{width:36px;height:36px;border-radius:10px;background:#07111e;border:1px solid rgba(56,182,255,.25);display:grid;place-items:center;box-shadow:var(--glow-soft)}.brand__logo img{width:30px;height:30px}.brand__name{font-size:16px}.brand__en{color:var(--accent);margin-left:6px;font-weight:700;letter-spacing:.02em}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{color:var(--text);font-size:14px;font-weight:500}.site-nav a:hover{color:var(--accent)}.site-header__cta{display:flex;align-items:center;gap:10px}.site-header__repos{display:flex;align-items:center;gap:6px}.site-header__repo{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;color:var(--muted);border:1px solid var(--line);background:#38b6ff0f;transition:color .2s,border-color .2s,background .2s}.site-header__repo:hover{color:var(--accent);border-color:var(--accent);background:#38b6ff1f}.site-header__menu-btn{display:none;width:40px;height:40px;border-radius:10px;background:#38b6ff14;border:1px solid var(--line);color:var(--text);align-items:center;justify-content:center;cursor:pointer}.site-header.open+.mobile-nav{display:flex}.mobile-nav{display:none;position:fixed;top:64px;left:0;right:0;z-index:49;background:#070b11f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);flex-direction:column;padding:16px 24px 24px;gap:4px}.mobile-nav a{padding:12px 0;color:var(--text);border-bottom:1px solid rgba(255,255,255,.04);font-weight:500}.hero{padding:clamp(72px,12vw,140px) 0 clamp(56px,10vw,100px);position:relative;overflow:hidden}.hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}.hero__copy h1{margin-bottom:18px}.hero__lead{font-size:clamp(16px,1.4vw,18px);color:var(--text);max-width:540px;margin-bottom:28px;line-height:1.7}.hero__lead strong{color:var(--text-strong)}.hero__meta{display:flex;align-items:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}.hero__version{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:#38b6ff0a}.hero__version strong{color:var(--accent);font-weight:700}.hero__buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero__highlights{display:flex;flex-wrap:wrap;gap:24px;margin-top:36px;padding-top:28px;border-top:1px dashed var(--line)}.hero__highlight{display:flex;flex-direction:column;gap:4px}.hero__highlight strong{color:var(--text-strong);font-size:22px;font-weight:700;letter-spacing:-.01em}.hero__highlight span{font-size:12px;color:var(--muted);letter-spacing:.04em}.hero__visual{position:relative;isolation:isolate}.hero__visual:before{content:"";position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(50% 40% at 30% 30%,rgba(56,182,255,.45),transparent 70%),radial-gradient(40% 35% at 80% 70%,rgba(28,232,160,.35),transparent 70%);filter:blur(40px);opacity:.6;z-index:-1}.browser-frame{background:linear-gradient(180deg,#0e1828,#0a121e);border:1px solid var(--line-soft);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden}.browser-frame__bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(180deg,#111c2e,#0d1626);border-bottom:1px solid var(--line)}.browser-frame__dot{width:10px;height:10px;border-radius:50%;background:#2a3a55}.browser-frame__dot--r{background:#ff6066}.browser-frame__dot--y{background:#ffc14d}.browser-frame__dot--g{background:#1ce8a0}.browser-frame__url{flex:1;margin-left:8px;font-family:var(--font-mono);font-size:12px;color:var(--muted);background:#38b6ff0d;border:1px solid var(--line);border-radius:6px;padding:4px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-frame__body{background:#0a121e;padding:0;display:block}.browser-frame__body img{width:100%;height:auto;display:block}.hero__floater{position:absolute;z-index:2;background:var(--panel-2);border:1px solid rgba(56,182,255,.35);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-md),var(--glow);font-size:13px;color:var(--text-strong);display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero__floater--top{top:-16px;right:-8px}.hero__floater--bottom{bottom:-18px;left:-16px}.hero__floater small{color:var(--muted);display:block;font-size:11px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:40px}.feature{padding:22px}.feature__icon{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent);margin-bottom:14px;border:1px solid rgba(56,182,255,.25)}.feature__title{color:var(--text-strong);font-size:16px;font-weight:600;margin-bottom:6px}.feature__desc{font-size:14px;line-height:1.6;color:var(--muted)}.workflow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:40px;counter-reset:step}.workflow__step{padding:22px 22px 24px;position:relative}.workflow__step:before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:var(--font-mono);color:var(--accent);font-size:14px;letter-spacing:.08em;margin-bottom:12px;display:block}.workflow__title{color:var(--text-strong);font-size:16px;font-weight:600;margin-bottom:6px}.workflow__desc{font-size:14px;line-height:1.6;color:var(--muted)}.screenshot-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 24px}.screenshot-tab{background:#38b6ff0d;border:1px solid var(--line);color:var(--text);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease}.screenshot-tab:hover{border-color:#38b6ff66}.screenshot-tab.is-active{background:var(--accent);border-color:var(--accent);color:#07111e;box-shadow:0 4px 14px #38b6ff59}.screenshot-stage{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center;box-shadow:var(--shadow-md)}.screenshot-stage__image{background:#0a121e;border:1px solid var(--line-soft);border-radius:12px;overflow:hidden;box-shadow:0 16px 40px #00000080}.screenshot-stage__image img{width:100%;display:block}.screenshot-stage__caption h3{color:var(--text-strong);font-size:22px;margin-bottom:10px}.screenshot-stage__caption p{color:var(--muted);font-size:15px;line-height:1.7}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:36px}.help-card{padding:24px}.help-card h3{color:var(--accent);font-size:14px;letter-spacing:.06em;margin-bottom:14px;text-transform:uppercase}.help-card ul{list-style:none;padding:0;margin:0}.help-card li{position:relative;padding-left:22px;font-size:14px;color:var(--text);margin:0 0 10px;line-height:1.55}.help-card li:last-child{margin-bottom:0}.help-card li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #38b6ff29}.help-card li small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.changelog{display:flex;flex-direction:column;gap:28px;margin-top:36px}.changelog__row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}.changelog__version{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);position:sticky;top:88px}.changelog__version strong{font-size:26px;color:var(--accent);font-family:var(--font-mono)}.changelog__version span{color:var(--muted);font-size:13px}.changelog__entry{padding:22px 24px}.changelog__entry h3{color:var(--text-strong);margin-bottom:14px}.changelog__entry ul{margin-left:0;padding-left:1.1em;color:var(--text)}.changelog__entry li{color:var(--text);font-size:14px;margin-bottom:6px}.privacy{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:36px}.privacy__item{padding:22px;border-left:3px solid var(--accent)}.privacy__item--warn{border-left-color:var(--warn)}.privacy__item h3{color:var(--text-strong);font-size:15px;margin-bottom:8px}.privacy__item p{font-size:13.5px;line-height:1.7;color:var(--muted)}.feedback{background:linear-gradient(135deg,#38b6ff1f,#1ce8a014);border:1px solid rgba(56,182,255,.3);border-radius:var(--radius-lg);padding:clamp(32px,5vw,56px);margin-top:36px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;box-shadow:var(--shadow-md)}.feedback h2{color:var(--text-strong)}.feedback p{max-width:600px;color:var(--text)}.feedback__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.site-footer{border-top:1px solid var(--line);padding:40px 0 32px;background:#05080f99;position:relative;z-index:1}.site-footer__inner{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));gap:32px}.site-footer__brand p{font-size:13px;color:var(--muted);margin-top:12px;max-width:320px;line-height:1.7}.site-footer__col h4{color:var(--text-strong);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.site-footer__col ul{list-style:none;padding:0;margin:0}.site-footer__col li{margin-bottom:8px}.site-footer__col a{color:var(--muted);font-size:14px}.site-footer__col a:hover{color:var(--accent)}.site-footer__bottom{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.dromara-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px;margin-top:40px}.dromara-card{position:relative;display:grid;place-items:center;aspect-ratio:5 / 3;padding:16px 14px;border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#eef3fb);border:1px solid var(--line);box-shadow:0 1px #ffffff80 inset;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.dromara-card:hover{transform:translateY(-3px);border-color:#38b6ff8c;box-shadow:var(--shadow-md),var(--glow-soft);z-index:5}.dromara-card__logo{max-width:100%;max-height:56px;width:auto;height:auto;object-fit:contain}.dromara-card__tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px);width:max-content;max-width:240px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--panel-3);border:1px solid var(--line-soft);box-shadow:var(--shadow-md);color:var(--text);text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:6}.dromara-card__tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--panel-3)}.dromara-card:hover .dromara-card__tip,.dromara-card:focus-visible .dromara-card__tip{opacity:1;visibility:visible;transform:translate(-50%)}.dromara-card__tip-name{display:block;color:var(--text-strong);font-size:13px;font-weight:600;margin-bottom:4px}.dromara-card__tip-desc{display:block;font-size:12px;line-height:1.55;color:var(--muted)}.dromara__signature{margin-top:36px;text-align:center;font-size:15px;color:var(--muted);letter-spacing:.02em}@media (max-width: 960px){.hero__inner{grid-template-columns:minmax(0,1fr)}.hero__visual{order:-1;margin-bottom:8px}.screenshot-stage,.changelog__row{grid-template-columns:minmax(0,1fr)}.changelog__version{position:static;flex-direction:row;align-items:baseline;gap:10px}.site-footer__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 760px){.site-nav,.site-header__repos,.site-header__cta .btn:not(.site-header__menu-btn){display:none}.site-header__menu-btn{display:inline-flex}body{font-size:14.5px}.section{padding:56px 0}.feature-grid,.workflow{grid-template-columns:minmax(0,1fr)}.dromara-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:12px}.hero__floater{display:none}}@media (max-width: 480px){:root{--gutter: 16px}.site-footer__inner{grid-template-columns:minmax(0,1fr)}.dromara-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.hero__highlight strong{font-size:18px}}