:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#ece9ff;background:#070712;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 620px at -5% -10%,#754fff47,#754fff00 62%),radial-gradient(900px 500px at 105% 0%,#40cdff24,#40cdff00 60%),radial-gradient(800px 400px at 50% 110%,#a95eff1f,#a95eff00 72%),linear-gradient(160deg,#05050d,#0c0b1d 52%,#12112a);color:#f5f2ff;-webkit-tap-highlight-color:transparent}.page{width:min(1080px,100% - 40px);margin:0 auto;padding:44px 0 calc(72px + env(safe-area-inset-bottom))}.card{position:relative;background:linear-gradient(145deg,#1a1634d1,#0e0c20e0);border:1px solid rgba(179,153,255,.2);border-radius:20px;padding:clamp(18px,2.4vw,26px);box-shadow:0 14px 42px #05040f85,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,#ffffff0f,#fff0)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}h1,h2,h3{margin:0 0 12px;letter-spacing:.2px;color:#faf7ff}h1{font-size:clamp(1.7rem,2.8vw,2.15rem)}h2{font-size:clamp(1.2rem,2vw,1.5rem)}h3{font-size:1.02rem}.subtitle{margin:6px 0 18px;color:#c8c1e8;line-height:1.72;font-size:.97rem}.intro-section{margin:2px 0 20px}.intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.intro-block{background:linear-gradient(145deg,#16122ef5,#0d0b1ef5);border:1px solid rgba(167,139,255,.24);border-radius:12px;padding:12px 13px}.intro-block h3{margin:0 0 6px;font-size:.96rem}.intro-block p{margin:0;color:#cec6ef;line-height:1.64;font-size:.88rem}form{display:grid;gap:14px;margin-top:4px}label{font-size:.88rem;color:#ddd6ff;display:grid;gap:7px;font-weight:500}input,textarea,select{width:100%;border-radius:12px;border:1px solid rgba(174,152,255,.32);background:#100e22e6;color:#f8f6ff;padding:11px 12px;font-size:.92rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input::placeholder,textarea::placeholder{color:#8f88b5}input:focus,textarea:focus,select:focus{outline:none;border-color:#9a82fff2;box-shadow:0 0 0 3px #825fff3d;background:#131128f2}textarea{min-height:108px;resize:vertical}button{border:none;border-radius:12px;min-height:44px;padding:11px 16px;background:linear-gradient(125deg,#7f56ff,#6a79ff 48%,#4b96ff);color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.2px;box-shadow:0 10px 24px #4856ff57;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #4856ff6b;filter:brightness(1.04)}button:active{transform:translateY(0)}button.secondary{background:linear-gradient(120deg,#3d3764,#312d54);box-shadow:0 8px 18px #100d1f7a}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.row{display:flex;gap:12px;flex-wrap:wrap}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.error{color:#ff8ca4;font-size:.82rem;margin-top:-2px}.result-block{background:linear-gradient(145deg,#14112af2,#0e0c21f5);border:1px solid rgba(170,143,255,.24);border-radius:14px;padding:14px 15px;margin-top:10px;overflow-wrap:anywhere;word-break:break-word}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#745eff33;border:1px solid rgba(155,127,255,.46);color:#d9ccff;font-size:11px;font-weight:700;letter-spacing:.35px;text-transform:uppercase}.link{display:inline-flex;align-items:center;gap:6px;color:#b7c9ff;text-decoration:none;font-weight:650;transition:color .18s ease}.link:hover{color:#dbe4ff}.feature-card{display:grid;gap:10px;align-content:start;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-2px);border-color:#b69bff66;box-shadow:0 16px 34px #0806148f,inset 0 1px #ffffff1a}.feature-tag{display:inline-flex;width:fit-content;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid rgba(162,136,255,.44);background:#765fff29;color:#d9ccff;font-size:.74rem;font-weight:700;letter-spacing:.24px;text-transform:uppercase}.feature-block{border:1px solid rgba(159,134,247,.22);background:#0f0d2294;border-radius:12px;padding:10px 12px}.feature-block h3{margin:0 0 4px;font-size:.9rem}.feature-steps{display:flex;flex-wrap:wrap;gap:8px}.feature-steps span{display:inline-flex;padding:5px 10px;border-radius:999px;background:#46539447;border:1px solid rgba(148,163,255,.22);color:#d5dcff;font-size:.78rem}.feature-link{margin-top:2px;font-weight:700}ul{margin:8px 0 0;padding-left:18px;color:#ded7ff}pre{font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;color:#d5ccff;font-size:.82rem}@media (max-width: 860px){.page{width:min(100% - 24px,1080px);padding-top:28px}.grid{grid-template-columns:1fr;gap:14px}.page-head{flex-direction:column;align-items:flex-start;gap:6px}.intro-grid{grid-template-columns:1fr}form button{width:100%}}@media (max-width: 680px){.page{width:min(100% - 20px,1080px);padding-top:20px}.card{padding:16px;border-radius:16px}.subtitle{font-size:.93rem;line-height:1.66}.feature-card{gap:8px}.feature-block{padding:9px 10px}.feature-steps{gap:6px}.feature-steps span{font-size:.75rem}.link{min-height:36px;align-items:center}ul{padding-left:16px}}