:root{--bg:#0a0f1e;--bg2:#0d1428;--card:#121a33;--card2:#16203f;--border:#7a8fc729;--text:#e9edf8;--muted:#98a4c4;--accent:#6366f1;--accent2:#22d3ee;--danger:#f87171;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.7}.container{max-width:1080px;margin:0 auto;padding:0 20px}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0f1ebf;position:-webkit-sticky;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.logo{color:var(--text);align-items:center;gap:10px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{width:28px;height:28px}.nav{gap:26px;display:flex}.nav a{color:var(--muted);font-size:.95rem;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--text)}.hero{text-align:center;background:radial-gradient(600px 300px at 20% 0,#6366f138,#0000 70%),radial-gradient(600px 300px at 80% 10%,#22d3ee1f,#0000 70%);padding:90px 0 70px}.hero-badges{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.badge{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:4px 14px;font-size:.8rem}.badge-accent{color:#c7d2fe;background:#6366f11f;border-color:#6366f166}.hero h1{letter-spacing:-.02em;background:linear-gradient(120deg,#e9edf8 30%,#a5b4fc 70%,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:max(2rem,min(5vw,3.4rem));font-weight:800}.dot{-webkit-text-fill-color:var(--accent2)}.hero-sub{color:var(--muted);max-width:640px;margin:18px auto 32px}.hero-actions{justify-content:center;gap:14px;display:flex}.btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:11px 26px;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg, var(--accent), #8b5cf6);color:#fff;box-shadow:0 8px 24px #6366f159}.btn-primary:hover{opacity:.92}.btn-outline{color:#a5b4fc;box-shadow:none;background:0 0;border-color:#6366f18c}.btn-ghost{border-color:var(--border);color:var(--text);background:#ffffff0d}.btn-ghost:hover{background:#ffffff1a}.tool-section{margin-top:-20px;padding:0 0 30px}.tool-card{background:linear-gradient(180deg, var(--card), var(--bg2));border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:0 24px 60px #0006}.dropzone{text-align:center;cursor:pointer;border:2px dashed #7a8fc766;border-radius:14px;outline:none;padding:70px 20px;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:#6366f112}.dropzone:focus-visible{border-color:var(--accent);background:#6366f112}.dz-icon{width:52px;height:52px;color:var(--accent);margin-bottom:14px}.dz-title{font-size:1.1rem;font-weight:600}.dz-sub{color:var(--muted);margin-top:8px;font-size:.9rem}.controls{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:18px;padding-bottom:16px;display:flex}.control-group{align-items:center;gap:12px;display:flex}.control-label{color:var(--muted);white-space:nowrap;font-size:.9rem}.control-label b{color:var(--text)}.segmented{border:1px solid var(--border);background:#ffffff0d;border-radius:10px;padding:3px;display:inline-flex}.segmented label{cursor:pointer}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{color:var(--muted);white-space:nowrap;border-radius:8px;padding:6px 14px;font-size:.88rem;transition:background .15s,color .15s;display:block}.segmented input:checked+span{background:linear-gradient(120deg, var(--accent), #8b5cf6);color:#fff}input[type=range]{-webkit-appearance:none;cursor:pointer;background:#7a8fc759;border-radius:4px;outline:none;width:130px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px}.canvas-wrap{border:1px solid var(--border);background:repeating-conic-gradient(#1a2340 0%,#1a2340 25%,#141c36 0%,#141c36 50%) 0 0/24px 24px;border-radius:12px;justify-content:center;align-items:center;min-height:200px;padding:10px;display:flex;position:relative;overflow:hidden}.canvas-inner{line-height:0;display:inline-block;position:relative}#baseCanvas{max-width:100%;max-height:62vh;display:block}#maskCanvas{opacity:.45;cursor:crosshair;touch-action:none;width:100%;height:100%;line-height:0;position:absolute;top:0;bottom:0;left:0;right:0}.canvas-hint{color:#ffffffd9;pointer-events:none;white-space:nowrap;background:#0a0f1eb3;border-radius:999px;padding:4px 14px;font-size:.8rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.status{color:var(--muted);min-height:1.4em;margin-top:12px;font-size:.88rem}.status.ok{color:#6ee7b7}.status.err{color:var(--danger)}.section{padding:96px 0}.section-alt{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-title{text-align:center;margin-bottom:10px;font-size:max(1.6rem,min(3.5vw,2.2rem));font-weight:800}.section-sub{text-align:center;color:var(--muted);margin-bottom:48px}.grid{gap:20px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:transform .2s,border-color .2s}.card:hover{border-color:#6366f173;transform:translateY(-4px)}.card h3{margin-bottom:10px;font-size:1.08rem}.card p{color:var(--muted);font-size:.94rem}.card-num{color:#fff;background:linear-gradient(120deg, var(--accent), #8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:14px;font-weight:700;display:flex}.card-icon{color:#a5b4fc;width:40px;height:40px;margin-bottom:14px}.card-icon svg{width:100%;height:100%}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:48px;display:grid}.stat{text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08;padding:22px}.stat b{color:#a5b4fc;font-size:1.7rem;display:block}.stat span{color:var(--muted);font-size:.88rem}.steps{counter-reset:step;gap:14px;max-width:640px;margin:0 auto;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:44px 1fr;align-items:center;gap:16px;padding:18px 22px;display:grid}.steps li:before{content:counter(step);color:#fff;background:linear-gradient(120deg, var(--accent), #8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.steps b{display:block}.steps span{color:var(--muted);font-size:.92rem}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);max-width:780px;margin-bottom:14px;margin-left:auto;margin-right:auto;padding:20px 24px}.faq-item summary{cursor:pointer;padding-right:30px;font-weight:600;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--muted);font-size:1.3rem;transition:transform .2s;position:absolute;top:-2px;right:4px}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--muted);margin-top:12px;font-size:.95rem}.cta{text-align:center;background:radial-gradient(500px 260px at 50% 100%,#6366f133,#0000 70%);padding:100px 20px}.cta h2{margin-bottom:10px;font-size:max(1.6rem,min(3.5vw,2.2rem))}.cta p{color:var(--muted);margin-bottom:28px}.site-footer{border-top:1px solid var(--border);background:var(--bg2);padding:48px 0 0}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:32px;padding-bottom:32px;display:grid}.footer-brand span{font-size:1.1rem;font-weight:700}.footer-brand p{color:var(--muted);margin-top:10px;font-size:.9rem}.footer-col h4{margin-bottom:12px;font-size:.95rem}.footer-col a{color:var(--muted);padding:4px 0;font-size:.9rem;text-decoration:none;display:block}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding:18px 20px}.footer-bottom p{color:var(--muted);text-align:center;font-size:.82rem}@media (max-width:720px){.footer-inner{grid-template-columns:1fr;gap:24px}.nav a:not(:last-child){display:none}.controls{gap:14px}input[type=range]{width:100px}.control-group{flex-wrap:wrap}.canvas-hint{white-space:normal;text-align:center;width:88%}}