:root{color-scheme:light;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102033;background:#f3f7f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--coral-50: #fff4ec;--coral-100: #ffe1d2;--coral-500: #e56b4f;--coral-600: #d95d39;--coral-700: #a34221;--bg: #f3f7f4;--bg-secondary: #f8faf8;--bg-tertiary: #edf7ef;--surface: #ffffff;--surface-muted: #f8faf8;--surface-soft: #eff8f1;--border: #dbe7df;--border-strong: #b7c8bd;--text: #102033;--text-secondary: #475569;--text-tertiary: #64748b;--muted: var(--text-tertiary);--primary: var(--green-600);--primary-strong: var(--green-700);--primary-soft: var(--green-100);--primary-faint: var(--green-50);--accent: var(--coral-500);--accent-strong: var(--coral-600);--accent-soft: var(--coral-50);--success: #0f9f62;--danger: #dc2626;--warning: #b7791f;--info: #2563eb;--shadow-xs: 0 1px 2px rgba(16, 32, 51, .05);--shadow-sm: 0 6px 18px rgba(16, 32, 51, .06);--shadow: 0 18px 44px rgba(16, 32, 51, .08);--shadow-md: 0 22px 60px rgba(16, 32, 51, .11);--shadow-lg: 0 30px 90px rgba(16, 32, 51, .16);--focus-ring: 0 0 0 3px rgba(34, 197, 94, .18);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(187,247,208,.42),transparent 34rem),linear-gradient(180deg,#ffffffb8,#f3f7f400),var(--bg);color:var(--text);font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0}img{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid var(--green-500);outline-offset:3px}#app{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes glow-pulse{0%,to{opacity:.42;transform:scale(.88);box-shadow:0 0 22px var(--node-glow)}50%{opacity:.82;transform:scale(1.34);box-shadow:0 0 42px var(--node-glow)}}@keyframes flow{0%{background-position:-200% 0;opacity:.42}50%{opacity:.82}to{background-position:200% 0;opacity:.42}}@keyframes device-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-4px,0) scale(1.02)}}.home-page,.guide-page{min-height:100vh;background:radial-gradient(circle at 12% 0,rgba(187,247,208,.55),transparent 28rem),#f6faf7;color:var(--text)}.home-navbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;height:64px;border-bottom:1px solid rgba(255,255,255,.18);background:#092616e6;color:#fff;padding:0 28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 26px #0828172e}.home-brand,.home-nav-actions,.home-hero-actions{display:flex;align-items:center;gap:10px}.home-brand{justify-self:start;min-width:0;font-weight:800}.brand-logo-slot{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid rgba(34,197,94,.45);border-radius:var(--radius-md);background:linear-gradient(135deg,#effdf3,#dcfce7);color:var(--primary)}.brand-logo-slot-home{width:42px;height:42px;border-color:#ffffff52;background:#ffffff1f}.brand-logo-slot img{display:block;width:100%;height:100%;object-fit:contain;padding:3px;transform:scale(1.16)}.home-nav-link,.home-login-link,.home-register-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:800;transition:background-color .16s ease,color .16s ease,transform .16s ease}.home-nav-link{justify-self:center;background:transparent;cursor:pointer;padding:0 14px}.home-nav-link:hover,.home-login-link:hover{background:#ffffff1f}.home-nav-actions{justify-self:end}.home-login-link,.home-register-link{padding:0 14px}.home-register-link{background:var(--accent);box-shadow:0 10px 24px #e56b4f47}.home-register-link:hover{background:var(--accent-strong);transform:translateY(-1px)}.home-screen{position:relative;display:grid;overflow:hidden}.home-hero{min-height:calc(100vh - 64px);place-items:center;background:linear-gradient(125deg,#05180ef2,#0f532de0),#082817;color:#fff;padding:72px 24px 92px}.home-hero:after{position:absolute;right:0;bottom:0;left:0;height:110px;content:"";background:linear-gradient(180deg,transparent,rgba(246,250,247,.08));pointer-events:none}.home-hero-visual,.home-cta-visual{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.home-hero-visual:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:radial-gradient(circle at 20% 50%,rgba(134,239,172,.13) 0%,rgba(134,239,172,.05) 30%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(229,107,79,.11) 0%,rgba(229,107,79,.025) 35%,transparent 65%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-position:0 0,0 0,0 0,0 0;background-size:600px 600px,600px 600px,100px 100px,100px 100px;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1),rgba(0,0,0,.62) 70%,transparent);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1),rgba(0,0,0,.62) 70%,transparent)}@supports not (mask-image: radial-gradient(ellipse at center,black,transparent)){.home-hero-visual:before{mask-image:none;-webkit-mask-image:none}}.network-line{position:absolute;height:2px;transform-origin:left center;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.28) 15%,#86efac 45%,var(--accent) 55%,rgba(255,255,255,.28) 85%,transparent 100%);background-size:200% 100%;animation:flow 5.8s linear infinite;opacity:.72}.line-a{top:25%;left:8%;width:70%;transform:rotate(8deg);animation-delay:0s}.line-b{top:58%;left:18%;width:64%;transform:rotate(-12deg);animation-delay:1.6s}.line-c{top:72%;left:6%;width:80%;transform:rotate(4deg);animation-delay:3.2s}.network-node{position:absolute;z-index:1;width:12px;height:12px;border:2px solid #ffffff;border-radius:var(--radius-sm);background:#86efac;--node-glow: rgba(134, 239, 172, .78);animation:float 4.8s ease-in-out infinite;box-shadow:0 0 26px #86efacb8}.network-node:after{position:absolute;z-index:-1;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:inherit;background:inherit;content:"";animation:glow-pulse 3.6s ease-in-out infinite}.node-a{top:24%;left:14%;animation-delay:0s}.node-b{top:34%;right:18%;background:var(--accent);--node-glow: rgba(229, 107, 79, .75);animation-delay:.9s;box-shadow:0 0 24px #e56b4fad}.node-c{bottom:22%;left:24%;animation-delay:1.8s}.node-d{right:12%;bottom:30%;background:#f6c453;--node-glow: rgba(246, 196, 83, .72);animation-delay:2.7s;box-shadow:0 0 24px #f6c453ad}.node-b:after{animation-delay:.5s}.node-c:after{animation-delay:1s}.node-d:after{animation-delay:1.5s}.network-device{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff38,#ffffff14),#ffffff0d;box-shadow:0 22px 80px #0000003d;pointer-events:auto;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.network-device:hover{animation:device-float .42s ease-out forwards;border-color:#86efac80;box-shadow:0 22px 80px #0000003d,0 0 40px #86efac33}.network-device:before,.network-device:after{position:absolute;left:14%;right:14%;height:8px;border-radius:var(--radius-full);background:#ffffff52;content:""}.network-device:before{top:24%}.network-device:after{top:48%;right:34%;background:#86efac}.device-a{top:18%;right:8%;width:170px;height:110px}.device-b{bottom:14%;left:8%;width:210px;height:126px}.device-c{right:18%;bottom:12%;width:92px;height:150px}.home-hero-content{position:relative;z-index:1;display:grid;justify-items:center;max-width:820px;text-align:center}.home-hero-content h1,.home-section-inner h2,.home-cta-content h2{margin:0;letter-spacing:0}.home-hero-content h1{max-width:760px;font-size:60px;line-height:1.12}.home-hero-subtitle{margin:22px 0 0;color:#d9fbe4;font-size:24px;font-weight:800}.home-hero-copy{margin:12px 0 0;color:#ffffffd1;font-size:18px;line-height:1.7}.home-hero-actions{justify-content:center;margin-top:34px;flex-wrap:wrap}.home-primary-button,.home-secondary-button,.home-plan-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:var(--radius-md);font-weight:800;line-height:1;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.home-primary-button{background:var(--accent);color:#fff;padding:0 22px;box-shadow:0 14px 30px #e56b4f3d}.home-primary-button:hover,.home-plan-button:hover{transform:translateY(-2px)}.home-primary-button:hover{background:var(--accent-strong)}.home-secondary-button{border:1px solid rgba(255,255,255,.34);background:#ffffff14;color:#fff;padding:0 20px}.home-secondary-button:hover{border-color:#86efac;color:#dcfce7}.home-gift-tip,.home-gift-banner{margin:22px 0 0;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-full);background:#ffffff1a;color:#fff3c4;padding:10px 16px;font-weight:800}.home-pricing{align-items:center;background:linear-gradient(180deg,#f6faf7,#fff 48%,#f4faf5),#f6faf7;padding:90px 24px}.home-section-inner{display:grid;gap:28px;width:min(100%,1120px);margin:0 auto}.home-gift-banner{justify-self:center;margin:0;border-color:#ffd7bf;background:var(--accent-soft);color:var(--coral-700)}.home-section-inner h2{color:var(--text);font-size:38px;line-height:1.2;text-align:center}.home-plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-plan-card{display:grid;gap:22px;min-height:256px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#f0fdf48a,#fffffff5 42%),var(--surface);padding:22px;box-shadow:var(--shadow-sm);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.home-plan-card:hover{border-color:var(--green-300);box-shadow:var(--shadow-md),0 0 0 1px #22c55e0d;transform:translateY(-4px)}.home-plan-card.recommended{border-color:#ffd0b9;background:linear-gradient(180deg,#fff4ecb8,#fffffff5 42%),var(--surface);box-shadow:0 20px 54px #e56b4f29,0 0 0 1px #e56b4f0f}.home-plan-head{display:grid;gap:16px}.home-plan-head h3{display:grid;gap:8px;min-height:56px;margin:0;color:var(--text);font-size:21px;line-height:1.25}.home-plan-head h3 span{width:fit-content;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--coral-700);padding:5px 9px;font-size:12px}.home-plan-head strong{color:var(--accent);font-size:34px;line-height:1}.home-plan-card p{margin:0;color:var(--text-secondary);font-size:16px;font-weight:700}.home-plan-button{align-self:end;background:var(--primary);color:#fff;padding:0 16px;box-shadow:0 12px 24px #16a34a2e}.home-plan-button:hover{background:var(--primary-strong)}.home-cta{place-items:center;background:radial-gradient(circle at 16% 20%,rgba(134,239,172,.15),transparent 34rem),radial-gradient(circle at 82% 76%,rgba(229,107,79,.14),transparent 30rem),#0a2818;color:#fff;padding:90px 24px}.home-cta:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(135deg,rgba(134,239,172,.14),transparent 38%),linear-gradient(315deg,rgba(229,107,79,.14),transparent 42%);background-size:96px 96px,96px 96px,auto,auto;opacity:.86}.cta-panel{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-lg);background:#ffffff12}.cta-panel:before{position:absolute;left:18px;right:18px;top:20px;height:8px;border-radius:var(--radius-full);background:#86efac;content:""}.panel-a{top:15%;left:8%;width:160px;height:94px}.panel-b{right:8%;top:20%;width:220px;height:124px}.panel-c{right:17%;bottom:13%;width:148px;height:92px}.home-cta-content{position:relative;z-index:1;display:grid;justify-items:center;max-width:720px;text-align:center}.home-cta-icon{display:grid;width:48px;height:48px;margin-bottom:18px;place-items:center;border-radius:var(--radius-md);background:#dcfce7;color:var(--primary-strong)}.home-cta-content h2{font-size:44px;line-height:1.18}.home-cta-content p{margin:16px 0 0;color:#ffffffc7;font-size:18px;line-height:1.75}.home-cta-content .home-cta-strong{color:#fff3c4;font-size:24px;font-weight:900}.home-cta-content .home-primary-button{margin-top:32px}.guide-main{display:grid;gap:34px;width:min(100%,1120px);margin:0 auto;padding:56px 24px 72px}.guide-hero{display:grid;justify-items:start;gap:12px;max-width:760px}.guide-hero h1{margin:0;color:var(--text);font-size:44px;line-height:1.16;letter-spacing:0}.guide-notice{min-height:360px;align-content:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:34px;box-shadow:var(--shadow-sm)}.guide-notice p:not(.eyebrow){margin:0;color:var(--text-secondary);font-size:18px;line-height:1.7}.guide-instruction-section{display:grid;gap:18px}.guide-section-head{display:grid;gap:8px}.guide-section-head h2{margin:0;color:var(--text);font-size:28px;line-height:1.2;letter-spacing:0}.guide-image-grid{display:grid;margin:0;gap:18px}.guide-image-grid-mobile{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-image-grid-desktop{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-image-card{position:relative;display:block;overflow:hidden;margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.guide-image-card img{width:100%;height:auto}.guide-image-card-mobile{max-width:390px}.guide-image-card-desktop{align-self:start}.app-shell{display:grid;min-height:100vh;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:18px;border-right:1px solid var(--border);background:linear-gradient(180deg,#f0fdf4d1,#fffffff5),var(--surface);padding:22px 18px;box-shadow:12px 0 34px #1020330a}.brand,.auth-brand{display:flex;align-items:center;gap:12px;min-width:0}.brand strong,.auth-brand strong{display:block;color:var(--text);font-size:15px;line-height:1.2}.brand small,.auth-brand span{display:block;color:var(--text-tertiary);font-size:12px;line-height:1.35}.metric-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary-strong)}.nav-list{display:grid;gap:6px;margin-top:16px}.nav-item{display:flex;align-items:center;gap:10px;min-height:44px;border-radius:var(--radius-md);color:var(--text-secondary);padding:0 12px;font-weight:700;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.nav-item.router-link-active{background:var(--primary-soft);color:var(--primary-strong);box-shadow:inset 0 0 0 1px #22c55e2e}.nav-item:hover{background:var(--surface-soft);color:var(--text)}.sidebar-logout{margin-top:auto}.main-area{display:grid;align-content:start;gap:22px;min-width:0;padding:26px clamp(18px,4vw,42px) 42px}.topbar,.section-header,.subscription-head,.plan-head,.traffic-summary,.traffic-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{min-height:58px}.topbar-actions,.section-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.topbar h1,.form-heading h1,.section-header h2,.traffic-summary h3,.subscription-head h3,.plan-card h3,.download-section h3,.support-head h3,.feedback-card h3,.admin-order-main h3,.payment-summary h3,.payment-qr-head h3{margin:0;color:var(--text);letter-spacing:0}.topbar h1{font-size:26px;line-height:1.2}.section-header h2,.form-heading h1{font-size:22px;line-height:1.25}.traffic-summary h3,.subscription-head h3,.plan-card h3,.download-section h3,.support-head h3,.feedback-card h3,.admin-order-main h3,.payment-summary h3,.payment-qr-head h3{font-size:20px;line-height:1.25}.eyebrow{margin:0 0 4px;color:var(--text-tertiary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-pill,.state-badge{display:inline-flex;align-items:center;gap:7px;min-height:32px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-tertiary);padding:0 12px;font-size:13px;font-weight:700;white-space:nowrap}.state-badge.ok{border-color:#a7f3d0;background:#ecfdf5;color:var(--success)}.state-badge.danger{border-color:#fecaca;background:#fef2f2;color:var(--danger)}.page-section,.traffic-panel,.subscription-panel,.auth-panel,.metric-card,.plan-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.page-section{display:grid;gap:18px;padding:clamp(18px,3vw,26px)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-card{display:grid;gap:10px;min-height:136px;padding:18px;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}a.metric-card:hover{border-color:var(--green-300);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.metric-card p,.plan-card p,.traffic-meta,.plan-specs dt{margin:0;color:var(--text-tertiary);font-size:13px}.metric-card strong{color:var(--text);font-size:clamp(18px,2vw,24px);line-height:1.2;overflow-wrap:anywhere}.traffic-panel,.subscription-panel{display:grid;gap:16px;padding:20px;box-shadow:none}.subscription-qr-card,.subscription-unavailable{display:grid;justify-items:center;gap:14px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#f0fdf4b3,#f8faf8e6),var(--surface-muted);padding:20px;text-align:center}.subscription-qr-frame{display:grid;width:min(100%,320px);aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff}.subscription-qr-frame img{width:100%;height:100%;object-fit:contain}.subscription-qr-card p,.subscription-unavailable small{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.55}.subscription-qr-fallback,.subscription-unavailable{color:var(--text-tertiary)}.subscription-qr-fallback{display:grid;gap:8px;place-items:center;padding:16px}.subscription-qr-fallback span,.subscription-unavailable span{color:var(--text);font-weight:700}.download-section{display:grid;gap:16px}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.download-card{display:grid;gap:16px;align-content:space-between;min-height:190px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:18px;box-shadow:var(--shadow-sm)}.download-platform{display:inline-flex;align-items:center;min-height:24px;border-radius:var(--radius-full);background:var(--primary-soft);color:var(--primary-strong);padding:0 9px;font-size:12px;font-weight:800}.download-card h4{margin:12px 0 0;color:var(--text);font-size:18px;line-height:1.25;letter-spacing:0}.download-card p{margin:8px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.6}.download-action{width:100%}.progress-track{position:relative;height:14px;overflow:hidden;border-radius:var(--radius-full);background:#dfe8e2}.progress-fill{position:absolute;inset:0 auto 0 0;min-width:4px;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--green-400));transition:width .2s ease}.quick-actions,.form-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.primary-button,.secondary-button,.ghost-button,.danger-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:var(--radius-md);cursor:pointer;font-weight:800;line-height:1;white-space:nowrap;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.primary-button{background:var(--primary);color:#fff;padding:0 16px;box-shadow:0 10px 20px #16a34a29}.primary-button:hover:not(:disabled){background:var(--primary-strong);transform:translateY(-1px)}.secondary-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:0 16px}.secondary-button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-xs)}.ghost-button{background:transparent;color:var(--text-secondary);padding:0 12px}.ghost-button:hover:not(:disabled){background:var(--surface-soft);color:var(--text)}.danger-button{border:1px solid #fecaca;background:#fef2f2;color:var(--danger);padding:0 14px}.danger-button:hover:not(:disabled){border-color:var(--danger);background:#fee2e2}.compact-button{min-height:36px;padding:0 10px;font-size:13px}.icon-button{width:44px;min-width:44px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0}.icon-button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-xs)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.icon-button:disabled,.payment-method-button:disabled{cursor:not-allowed;opacity:.62;transform:none;box-shadow:none}.full-width{width:100%}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plan-card{display:grid;gap:18px;min-height:240px;padding:18px;box-shadow:none}.plan-head strong{color:var(--accent);font-size:20px;white-space:nowrap}.plan-specs{display:grid;gap:10px;margin:0}.plan-specs div{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-specs dd{margin:0;color:var(--text);font-weight:800;text-align:right}.payment-section{max-width:980px}.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:22px;align-items:start}.payment-summary{display:grid;gap:18px;min-width:0}.payment-amount-block{display:grid;gap:6px}.payment-amount-block span,.payment-note{color:var(--text-tertiary);font-size:14px}.payment-amount-block strong{color:var(--accent);font-size:clamp(34px,5vw,48px);line-height:1.05;overflow-wrap:anywhere}.payment-meta{display:grid;gap:10px;margin:0;border-radius:var(--radius-lg);background:var(--surface-muted);padding:14px}.payment-meta div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:start}.payment-meta dt{color:var(--text-tertiary);font-size:13px}.payment-meta dd{margin:0;color:var(--text);font-weight:800;overflow-wrap:anywhere}.payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-method-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);cursor:pointer;font-weight:800;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.payment-method-button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong);box-shadow:inset 0 0 0 1px #22c55e2e}.payment-warning{display:flex;gap:10px;align-items:flex-start;border-radius:var(--radius-lg);background:#fff7e8;color:#8a520e;padding:12px 14px}.payment-warning p{margin:0;font-size:14px;line-height:1.55}.payment-qr-area{display:grid;gap:14px;min-width:0}.payment-qr-head{display:flex;gap:12px;align-items:center}.payment-qr-frame{display:grid;width:min(100%,320px);aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#22c55e14,#e56b4f14),#fff}.payment-qr-frame img{width:100%;height:100%;object-fit:contain;padding:12px}.payment-qr-fallback{display:grid;gap:8px;place-items:center;color:var(--text-tertiary);padding:18px;text-align:center}.payment-qr-fallback span{color:var(--text);font-weight:800}.payment-qr-fallback small{max-width:100%;overflow-wrap:anywhere}.payment-note{margin:0}.payment-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.payment-empty{display:grid;gap:14px;min-height:180px;place-items:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-muted);color:var(--text-tertiary);padding:20px;text-align:center}.auth-shell{min-height:100vh}.auth-page{display:grid;min-height:calc(100vh - 64px);place-items:center;padding:34px 24px}.auth-panel{display:grid;width:min(100%,430px);gap:28px;padding:28px;box-shadow:var(--shadow)}.auth-form{display:grid;gap:16px}.form-heading a,.auth-inline-link{color:var(--primary);font-size:14px;font-weight:800}.form-heading a:hover,.auth-inline-link:hover{color:var(--primary-strong)}.auth-inline-link{justify-self:end}.field{display:grid;gap:8px;color:var(--text);font-size:14px;font-weight:800}.field input,.field textarea,.select-input,.subscription-output{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.field input,.select-input{height:44px;padding:0 12px}.field textarea{min-height:110px;resize:vertical;padding:12px;line-height:1.55}.field input:focus,.field textarea:focus,.select-input:focus,.subscription-output:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.field input:disabled,.field textarea:disabled,.select-input:disabled{background:var(--surface-muted);color:var(--text-tertiary);cursor:not-allowed}.turnstile-widget{min-height:65px}.proof-field input{height:auto;padding:10px 12px}.support-panel,.feedback-card{display:grid;gap:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:18px;box-shadow:var(--shadow-xs)}.support-head{display:flex;align-items:center;gap:12px}.support-form,.feedback-list,.admin-plan-form,.feedback-reply-form{display:grid;gap:12px}.feedback-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.feedback-card small{display:block;margin-top:4px;color:var(--text-tertiary)}.feedback-card p:not(.eyebrow){margin:0;color:var(--text);line-height:1.7;overflow-wrap:anywhere}.feedback-reply{display:grid;gap:6px;border-left:3px solid var(--primary);border-radius:var(--radius-md);background:var(--surface-muted);padding:12px 14px}.feedback-reply strong{color:var(--primary-strong);font-size:13px}.feedback-reply small{color:var(--text-tertiary)}.admin-toolbar,.admin-order-actions,.admin-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-filters{align-items:end;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted);padding:14px}.compact-field{min-width:min(100%,240px)}.admin-order-list{display:grid;gap:14px}.admin-order-card{display:grid;gap:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:18px;box-shadow:var(--shadow-xs)}.admin-order-main{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.admin-order-main p:not(.eyebrow){margin:6px 0 0;color:var(--text-tertiary);overflow-wrap:anywhere}.admin-order-main strong{color:var(--accent);font-size:22px;white-space:nowrap}.admin-table{display:grid;gap:8px}.admin-table-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(110px,.7fr) minmax(180px,1fr) minmax(150px,.9fr) minmax(100px,.6fr);gap:12px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:12px 14px;color:var(--text);box-shadow:var(--shadow-xs)}.admin-user-table .admin-table-row{grid-template-columns:minmax(220px,1.35fr) minmax(110px,.65fr) minmax(180px,1fr) minmax(150px,.85fr) minmax(100px,.55fr) minmax(100px,.55fr)}.admin-row-actions{display:flex;justify-content:flex-end}.admin-table-head{background:var(--surface-muted);color:var(--text-tertiary);font-size:13px;font-weight:800;box-shadow:none}.admin-table-row strong,.admin-table-row small{display:block;overflow-wrap:anywhere}.admin-table-row small{margin-top:4px;color:var(--text-tertiary);font-size:12px}.admin-trial-card{border-color:#22c55e47;background:linear-gradient(180deg,#f0fdf4bd,#fffffff0),var(--surface)}.subscription-output{min-height:320px;resize:vertical;padding:14px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.alert{margin:0;border-radius:var(--radius-md);padding:12px 14px;font-size:14px;font-weight:700}.alert.error{border:1px solid #fecaca;background:#fef2f2;color:var(--danger)}.alert.success{border:1px solid #a7f3d0;background:#ecfdf5;color:var(--success)}.alert.warning{border:1px solid #efd093;background:#fff7e8;color:#8a520e}.loading-row{display:flex;align-items:center;gap:10px;min-height:90px;color:var(--text-tertiary)}@media(max-width:1080px){.plans-grid,.home-plans-grid,.download-grid,.guide-image-grid-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-image-grid-desktop{grid-template-columns:1fr}.home-hero-content h1{font-size:46px}}@media(max-width:820px){.home-navbar{grid-template-columns:1fr auto;gap:10px;padding:0 16px}.home-nav-link{display:none}.home-nav-actions{gap:4px}.home-hero{padding:56px 18px 76px}.home-hero-visual:before{background-size:520px 520px,520px 520px,88px 88px,88px 88px}.home-hero-content h1,.home-cta-content h2{font-size:38px}.home-hero-subtitle,.home-cta-content .home-cta-strong{font-size:21px}.device-a,.panel-b{display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border);padding:18px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}.nav-item{justify-content:center}.sidebar-logout{margin-top:0;align-self:flex-start}.metric-grid{grid-template-columns:1fr}}@media(max-width:620px){.home-brand strong{display:none}.home-login-link,.home-register-link{min-height:40px;padding:0 10px}.home-hero-content h1,.home-section-inner h2,.home-cta-content h2{font-size:32px}.home-hero-copy,.home-cta-content p{font-size:16px}.guide-main{padding:42px 16px 56px}.guide-hero h1{font-size:34px}.home-hero-actions,.home-primary-button,.home-secondary-button{width:100%}.home-plans-grid,.guide-image-grid-mobile,.guide-image-grid-desktop,.download-grid,.plans-grid,.payment-layout,.payment-methods{grid-template-columns:1fr}.home-pricing,.home-cta{padding:64px 16px}.network-line{animation-duration:7.2s;opacity:.48}.network-node{animation-duration:5.8s}.device-b,.device-c,.panel-a,.panel-c{opacity:.32}.main-area{padding:18px 14px 30px}.topbar,.section-header,.subscription-head,.traffic-summary,.traffic-meta,.admin-order-main,.feedback-card-head{align-items:flex-start;flex-direction:column}.topbar-actions,.section-actions,.admin-order-actions,.payment-actions,.quick-actions{width:100%;align-items:stretch;flex-direction:column}.topbar-actions>*,.section-actions>*,.admin-order-actions>*,.payment-actions>*,.quick-actions>*,.support-panel .primary-button,.feedback-reply-form .primary-button{width:100%}.status-pill,.nav-item span{display:none}.auth-page{padding:24px 14px}.auth-panel{padding:22px}.payment-qr-frame{width:100%;max-width:320px}.payment-meta div{grid-template-columns:1fr;gap:4px}.admin-filters{align-items:stretch;flex-direction:column}.compact-field,.select-input,.admin-filters .secondary-button{width:100%}.admin-table-row,.admin-user-table .admin-table-row{grid-template-columns:1fr}.admin-table-head{display:none}.admin-row-actions{justify-content:stretch}.admin-row-actions .danger-button{width:100%}}@media(max-width:360px){.home-navbar{padding:0 12px}.home-login-link,.home-register-link{font-size:13px;padding:0 8px}.home-hero-content h1,.home-section-inner h2,.home-cta-content h2{font-size:29px}.page-section,.auth-panel,.traffic-panel,.subscription-panel,.support-panel,.feedback-card,.admin-order-card,.plan-card,.download-card{padding:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.network-line,.network-node,.network-node:after,.network-device,.home-plan-card,.home-primary-button,.home-secondary-button,.home-plan-button,.home-register-link{animation:none!important;transition-duration:.01ms!important}}