:root{--bg: #eef2f8;--bg-2: #f5f7fb;--surface: #ffffff;--surface-soft: #f3f6fc;--ink: #0d1b3d;--ink-2: #2a3a63;--muted: #6a7795;--line: #e3e9f3;--line-2: #d8e1ee;--brand: #2c7bff;--brand-2: #1a4ed1;--brand-3: #15e8ff;--brand-deep: #3625a3;--accent: #ffc83d;--accent-2: #f5a623;--ok: #18c964;--shield-glow: 0 20px 60px -10px rgba(44, 123, 255, .55);--radius: 16px;--radius-lg: 22px;--shadow-card: 0 1px 0 rgba(13, 27, 61, .03), 0 8px 24px -10px rgba(13, 27, 61, .08);--shadow-pop: 0 1px 0 rgba(13, 27, 61, .04), 0 22px 50px -18px rgba(44, 123, 255, .35);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-cn: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", var(--font-sans)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-cn);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;background-image:radial-gradient(1200px 700px at 50% -200px,rgba(255,255,255,.9),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(176,200,240,.35),transparent 60%),url(/stars.svg);background-size:auto,auto,720px 720px;background-repeat:no-repeat,no-repeat,repeat}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}.shell{max-width:1240px;margin:0 auto;padding:28px 28px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 18px}.topbar nav{display:flex;gap:28px}.topbar nav a{font-size:14px;color:var(--ink-2);font-weight:500;padding:6px 4px;border-radius:8px;position:relative}.topbar nav a:hover{color:var(--brand)}.topbar nav a.active{color:var(--brand)}.topbar nav a.active:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);width:18px;height:2px;background:var(--brand);border-radius:2px}.topbar-right{display:flex;align-items:center;gap:14px}.lang-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:#ffffffb3;border:1px solid var(--line);font-size:12px;color:var(--ink-2)}.brand{display:flex;align-items:center;gap:8px}.brand .icon{width:38px;height:38px}.brand .wordmark{height:16px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center;padding:28px 8px 8px}.hero-title{font-family:var(--font-cn);font-size:44px;line-height:1.2;font-weight:800;letter-spacing:-.5px;color:var(--ink);margin:8px 0 12px;text-wrap:balance}.hero-title em{font-style:normal;background:linear-gradient(120deg,var(--brand),var(--brand-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 24px}.hero-brand{display:flex;align-items:center;gap:12px;margin-bottom:6px}.hero-brand .icon{width:46px;height:46px}.hero-brand .wordmark{height:22px}.offer-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card);max-width:460px}.offer-head{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:var(--ink)}.offer-head .gift{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(180deg,#eaf1ff,#d6e3ff);color:var(--brand)}.offer-sub{font-size:13px;color:var(--muted);margin:6px 0 16px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;border-radius:12px;background:linear-gradient(180deg,#4a93ff,var(--brand-2));color:#fff;font-weight:600;font-size:15px;box-shadow:0 10px 22px -8px #2c7bff8c;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;letter-spacing:.5px}.cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px -8px #2c7bffa6}.cta:active{transform:translateY(0);filter:brightness(.97)}.cta.yellow{background:linear-gradient(180deg,#ffd562,#f3a91a);color:#4d2d00;box-shadow:0 10px 22px -8px #f5a6238c}.cta.ghost{background:#fff;color:var(--ink);border:1px solid var(--line-2);box-shadow:none}.offer-fineprint{text-align:center;font-size:12px;color:var(--brand);margin-top:12px;font-weight:500}.download-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.dl-tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-card);transition:border-color .15s,transform .15s}.dl-tile:hover{border-color:var(--brand);transform:translateY(-2px)}.dl-tile-label{font-size:13px;font-weight:600;color:var(--ink-2)}.dl-tile-icons{display:flex;gap:14px;align-items:center}.dl-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--brand);background:transparent;transition:transform .15s,color .15s}.dl-icon:hover{transform:translateY(-2px);color:var(--brand-2)}.hero-visual{position:relative;height:620px;display:grid;place-items:center}.hero-visual .bg-globe{position:absolute;inset:auto 0 -40px 0;width:100%;height:280px;background:radial-gradient(closest-side,rgba(120,160,230,.22),transparent 70%);border-radius:50%;filter:blur(2px);z-index:0}.phone{position:relative;z-index:2;width:296px;height:600px;border-radius:46px;background:linear-gradient(160deg,#1d2a4e,#0e1733 60%,#1a2750);padding:9px;box-shadow:0 30px 60px -20px #0d1b3d73,inset 0 0 0 1.5px #ffffff14}.phone-screen{height:100%;width:100%;border-radius:38px;background:linear-gradient(180deg,#f7fafe,#eef4fc 80%,#e4edf8);position:relative;overflow:hidden}.phone-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/worldmap.svg) center 35% / 130% no-repeat;opacity:.45;pointer-events:none;z-index:1}.phone .notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:88px;height:26px;border-radius:999px;background:#0a1228;z-index:6}.phone-status{position:relative;z-index:4;display:flex;justify-content:space-between;padding:14px 24px 0;font-size:11px;font-weight:600;color:var(--ink);font-family:var(--font-sans)}.phone-status .right{display:flex;gap:4px;align-items:center}.phone-view{position:relative;z-index:3;height:calc(100% - 28px);display:flex;flex-direction:column}.phone-appbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 4px}.phone-appbar img{height:14px}.phone-profile{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--brand-2);background:transparent;border:none;cursor:pointer}.phone-loading{align-items:center;padding-top:24px}.loading-shield{width:84px;height:84px;margin-top:60px;filter:drop-shadow(0 12px 24px rgba(44,123,255,.4))}.loading-wordmark{height:22px;margin-top:18px}.loading-text{margin-top:18px;font-size:14px;color:var(--ink-2);font-weight:500;display:inline-flex;align-items:baseline;gap:2px}.loading-text .dots{display:inline-flex;gap:2px;margin-left:2px}.loading-text .dots i{width:3px;height:3px;border-radius:50%;background:currentColor;animation:dotpulse 1.2s infinite ease-in-out}.loading-text .dots i:nth-child(2){animation-delay:.15s}.loading-text .dots i:nth-child(3){animation-delay:.3s}@keyframes dotpulse{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.conn-timer{text-align:center;margin-top:6px}.conn-timer-label{font-size:13px;color:var(--ink-2);font-weight:500}.conn-timer-value{font-family:var(--font-sans);font-size:18px;font-weight:600;color:var(--ink);letter-spacing:1px;margin-top:1px}.big-shield{position:relative;align-self:center;margin:14px auto 0;width:130px;height:145px;border:none;background:transparent;cursor:pointer;display:grid;place-items:center;color:#fff;transition:transform .2s}.big-shield:hover{transform:translateY(-2px)}.big-shield-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#46c5ff,#1e7df0 35%,#1e3eb0);clip-path:path("M65 0 L130 18 L130 75 C130 110 100 138 65 145 C30 138 0 110 0 75 L0 18 Z");box-shadow:0 18px 30px -10px #1e50c88c;border-radius:10px 10px 50% 50%/10px 10px 35% 35%}.big-shield:after{content:"";position:absolute;left:50%;top:22%;transform:translate(-50%);width:70%;height:35%;background:linear-gradient(180deg,#fff6,#fff0);clip-path:path("M50 0 L100 18 L100 50 C100 65 75 80 50 80 C25 80 0 65 0 50 L0 18 Z");pointer-events:none}.big-shield svg{position:relative;z-index:2;width:48px;height:48px}.conn-status{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:14px;font-weight:600;color:var(--ink)}.conn-check{width:18px;height:18px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}.conn-check svg{width:12px;height:12px}.server-card{margin:14px 18px 0;background:#fff;border:none;cursor:pointer;border-radius:14px;padding:0;text-align:left;box-shadow:0 10px 22px -14px #0d1b3d40;overflow:hidden;display:block}.server-card-top{display:flex;align-items:center;gap:12px;padding:12px 14px}.server-card-name{flex:1;min-width:0}.server-card-name .name{font-size:14px;font-weight:700;color:var(--ink)}.server-card-name .ip{font-size:11px;color:#9aa5be;margin-top:1px;font-family:var(--font-sans)}.server-card-stats{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(180deg,#4575e6,#2c4ec4);color:#fff;padding:10px 14px;margin:0 10px 10px;border-radius:8px}.server-card-stats .stat-label{font-size:10px;opacity:.85;font-weight:500}.server-card-stats .stat-value{font-family:var(--font-sans);font-size:13px;font-weight:700;margin-top:2px}.server-card-stats .stat-value small{font-size:9px;opacity:.8;font-weight:500;margin-left:2px}.server-card-stats .stat+.stat{border-left:1px solid rgba(255,255,255,.18);padding-left:14px}.flag-circle{display:inline-block;flex:0 0 auto;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #0000000d}.flag-circle svg{width:100%;height:100%;display:block}.phone-globe-wrap{position:absolute;left:-15%;right:-15%;bottom:-45%;height:65%;pointer-events:none;display:flex;align-items:flex-start;justify-content:center;z-index:0}.phone-globe-wrap.small{bottom:-52%;height:60%}.conn-timer,.big-shield,.conn-status,.server-card,.phone-appbar,.sel-current,.phone-disconnect{position:relative;z-index:2}.phone-earth{width:100%;height:100%}.phone-earth svg{display:block}.astro-on-globe{position:absolute;top:4%;left:50%;transform:translate(-50%);z-index:4}.phone-selection{background:transparent}.sel-current{text-align:center;margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:4px}.sel-current-name{font-size:16px;font-weight:700;color:var(--ink)}.sel-current .flag-circle{width:34px;height:34px}.sel-current-time{font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--ink);letter-spacing:1px}.sel-current-ip{font-size:12px;color:#9aa5be;font-family:var(--font-sans)}.phone-disconnect{margin:14px 26px 0;height:42px;width:calc(100% - 52px);background:linear-gradient(180deg,#4a93ff,#1c4cca);font-size:14px;border-radius:24px;letter-spacing:1px}.server-list{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#2c4ec4,#1d3aa3);border-radius:18px 18px 0 0;padding:8px 10px 18px;z-index:5;max-height:50%;overflow:hidden;box-shadow:0 -10px 24px -6px #0d1b3d33}.server-row{width:100%;display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:8px;background:transparent;border:none;cursor:pointer;color:#fff;font-size:13px;font-weight:600;margin:2px 0;transition:background .15s;text-align:left}.server-row+.server-row{border-top:1px solid rgba(255,255,255,.12);border-radius:0;margin:0}.server-row:hover{background:#ffffff0f}.server-row.current{background:#1d3aa3;border-radius:8px;border:none;margin-bottom:4px;box-shadow:0 4px 10px -4px #0000004d inset}.server-row .flag-circle{width:24px;height:24px}.server-row-name{flex:1}.server-star{color:#ffc83d;font-size:14px;margin-right:4px}.server-radio{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:transparent}.server-radio.on{background:var(--ok);border-color:var(--ok);box-shadow:0 0 0 2px #18c96440}.shield-float{position:absolute;right:-10px;top:38%;width:130px;height:130px;z-index:3;filter:drop-shadow(var(--shield-glow));animation:float 6s ease-in-out infinite}.astro-float{position:absolute;left:-10px;top:12%;width:150px;height:170px;z-index:1;animation:float 7s ease-in-out infinite .5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-2deg)}}.section-head{text-align:center;margin:60px 0 32px}.section-head h2{font-size:30px;font-weight:800;margin:0;letter-spacing:-.3px}.section-head p{color:var(--muted);margin:8px 0 0;font-size:15px}.features{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px 24px;display:flex;gap:18px;align-items:center;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 120px at 0% 0%,rgba(44,123,255,.06),transparent 60%);pointer-events:none}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-pop);border-color:#2c7bff59}.feature-art{width:120px;height:120px;flex:0 0 120px;border-radius:18px;background:linear-gradient(180deg,#eef3fd,#dfeaff);display:grid;place-items:center;position:relative;overflow:visible}.feature-body{flex:1;min-width:0}.feature-title{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--ink);margin:0 0 10px;line-height:1.25}.num-badge{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(180deg,var(--brand),var(--brand-2));color:#fff;font-size:13px;font-weight:700;font-family:var(--font-sans);flex:0 0 26px}.feature-list{margin:0;padding:0;list-style:none;font-size:13.5px;color:var(--ink-2);line-height:1.85}.feature-list li{position:relative;padding-left:14px}.feature-list li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--brand)}.pricing{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:22px;align-items:stretch}.plan{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px 24px 24px;display:flex;flex-direction:column;box-shadow:var(--shadow-card);position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.plan:hover{transform:translateY(-3px)}.plan.featured{background:linear-gradient(160deg,#3a7bff,#1f4fd0 80%);color:#fff;border-color:transparent;box-shadow:0 28px 50px -22px #1f4fd099,0 1px #ffffff14 inset}.plan.selected:not(.featured){border-color:var(--brand);box-shadow:0 0 0 3px #2c7bff26,var(--shadow-card)}.plan-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.plan-head .icon{width:22px;height:22px;opacity:.9}.plan-name{font-size:18px;font-weight:700}.plan-tag{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;border-radius:999px;background:var(--accent);color:#4d2d00}.plan.featured .plan-tag{background:var(--accent);color:#4d2d00}.plan-sub{font-size:12px;opacity:.85;margin:4px 0 0}.plan.featured .plan-sub{color:#ffffffd9}.plan-divider{height:1px;background:#ffffff2e;margin:14px 0}.plan:not(.featured) .plan-divider{background:var(--line)}.plan-price{display:flex;align-items:baseline;gap:6px;font-family:var(--font-sans);font-weight:800}.plan-price .amt{font-size:34px;letter-spacing:-.5px}.plan-price .unit{font-size:13px;opacity:.8;font-weight:600}.plan-monthly{font-size:12px;opacity:.8;margin-top:2px}.plan.featured .plan-monthly{color:#ffffffd9}.plan-features{list-style:none;margin:18px 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:13.5px}.plan-features li{display:flex;gap:8px;align-items:flex-start}.plan-features li svg{width:16px;height:16px;flex:0 0 16px;margin-top:1px;color:var(--ok)}.plan.featured .plan-features li svg{color:#cdf6dc}.plan-features li.line{background:#ffffff14;border-radius:10px;padding:8px 10px;gap:8px;font-size:12.5px;white-space:nowrap}.plan:not(.featured) .plan-features li.line{background:var(--surface-soft)}.plan.featured .plan-features{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-cta{margin-top:auto;padding-top:14px}.plan-cta button{width:100%;height:46px;border-radius:12px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,filter .15s}.plan-cta button:hover{transform:translateY(-1px);filter:brightness(1.03)}image-slot{display:block}.feature-art image-slot{width:120px;height:120px}.astro-slot{--image-slot-bg: transparent;--image-slot-border: 1px dashed rgba(44,123,255,.35);--image-slot-radius: 18px;background:#fff6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:18px;display:grid;place-items:center;color:var(--brand-2);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;text-align:center;letter-spacing:.5px}.astro-on-globe{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;filter:drop-shadow(0 4px 8px rgba(13,27,61,.35))}.faq-list{display:flex;flex-direction:column;gap:10px;max-width:760px;margin:0 auto}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 22px;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-card)}.faq-item:hover,.faq-item.open{border-color:#2c7bff66;box-shadow:0 0 0 3px #2c7bff14,var(--shadow-card)}.faq-q{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:600;color:var(--ink);-webkit-user-select:none;user-select:none}.faq-chevron{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--surface-soft);font-size:18px;font-weight:400;color:var(--brand);line-height:1}.faq-a{margin-top:12px;font-size:14px;line-height:1.75;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.help-contact{margin-top:48px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:36px 28px;box-shadow:var(--shadow-card);max-width:560px;margin-left:auto;margin-right:auto}.help-contact-head{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:6px}.help-contact-sub{font-size:14px;color:var(--muted);margin-bottom:20px}.help-contact-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;border-radius:12px;font-size:14px;font-weight:600;width:auto;text-decoration:none}.support-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.support-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow-card);transition:transform .2s,border-color .2s,box-shadow .2s}.support-card:hover{transform:translateY(-4px);border-color:#2c7bff59;box-shadow:var(--shadow-pop)}.support-icon{font-size:28px;margin-bottom:14px}.support-card-title{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 8px}.support-card-desc{font-size:13.5px;color:var(--muted);line-height:1.65;margin:0;flex:1}.support-card-btn{margin-top:20px;display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--brand);text-decoration:none;transition:gap .15s;gap:4px}.support-card-btn:hover{color:var(--brand-2)}.legal-divider{margin:64px 0 0;height:1px;background:var(--line)}.legal-section{padding-top:60px}.legal-body{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.legal-block{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px 28px;box-shadow:var(--shadow-card)}.legal-block-head{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 12px}.legal-block-p{font-size:14px;color:var(--muted);line-height:1.75;margin:0 0 10px}.legal-block-p:last-child{margin-bottom:0}.footer-mini{margin-top:64px;display:flex;justify-content:space-between;align-items:center;padding:22px 0 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media (max-width: 960px){.hero{grid-template-columns:1fr;gap:24px}.hero-visual{height:480px}.features,.pricing,.support-channels{grid-template-columns:1fr}.topbar nav{display:none}.hero-title{font-size:34px}}body.theme-dark{--bg: #0b1226;--bg-2: #0f1830;--surface: #131c38;--surface-soft: #1a2547;--ink: #eef2ff;--ink-2: #c5cee6;--muted: #8492b8;--line: #233158;--line-2: #2b3c6a;background-image:radial-gradient(1200px 700px at 50% -200px,rgba(60,90,180,.35),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(44,123,255,.25),transparent 60%),url(/stars-dark.svg)}body.theme-dark .phone-screen{background:linear-gradient(180deg,#1a2547,#0f1830)}body.theme-dark .connect-card,body.theme-dark .speed-row{background:#1a2547;color:var(--ink)}body.theme-dark .speed-cell .value{color:var(--ink)}body.theme-dark .lang-pill{background:#ffffff0d}body.theme-dark .hero-title em{background:linear-gradient(120deg,#6aa3ff,#15e8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.tw-fab{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);box-shadow:0 8px 24px -8px #0d1b3d40;cursor:pointer;z-index:100;transition:transform .15s ease}.tw-fab:hover{transform:translateY(-2px)}.tw-panel{position:fixed;right:20px;bottom:76px;width:280px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -12px #0d1b3d40;z-index:100;overflow:hidden;font-family:var(--font-sans)}.tw-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:700;font-size:14px;color:var(--ink)}.tw-close{width:24px;height:24px;border-radius:6px;background:transparent;border:none;cursor:pointer;color:var(--muted);font-size:14px}.tw-close:hover{background:var(--surface-soft);color:var(--ink)}.tw-panel-body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:16px}.tw-row{display:flex;flex-direction:column;gap:8px}.tw-label{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.tw-segmented{display:inline-flex;padding:2px;background:var(--surface-soft);border-radius:10px;gap:2px}.tw-seg{flex:1;padding:7px 10px;border:none;background:transparent;font-size:12px;font-weight:600;color:var(--ink-2);border-radius:8px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.tw-seg:hover{color:var(--ink)}.tw-seg.active{background:#fff;color:var(--brand);box-shadow:0 1px 3px #0d1b3d14}.tw-color-row{display:flex;gap:8px}.tw-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.tw-swatch:hover{transform:scale(1.08)}.tw-swatch.active{border-color:var(--ink)}body.theme-dark .tw-panel{background:#131c38}body.theme-dark .tw-fab{background:#131c38;color:var(--ink)}body.theme-dark .tw-seg.active{background:#0b1226;color:#6aa3ff}