:root{--bg-sky-light: #E3F2FD;--bg-sky-ice: #F0F7FF;--bg-white: #FFFFFF;--primary-blue: #2196F3;--primary-hover: #1976D2;--primary-dark: #0D47A1;--accent-blue-light: #BBDEFB;--accent-sun: #FFB300;--accent-green: #00E676;--text-main: #263238;--text-sub: #546E7A;--text-muted: #90A4AE;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(33, 150, 243, .15);--shadow-sky: 0 10px 30px rgba(33, 150, 243, .12);--shadow-hover: 0 20px 45px rgba(255, 179, 0, .18);--shadow-card: 0 8px 24px rgba(38, 50, 56, .06);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--max-width: 1240px;--transition-fast: all .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Hiragino Sans GB,Microsoft YaHei,sans-serif;scroll-behavior:smooth;color:var(--text-main);background-color:var(--bg-sky-ice);-webkit-font-smoothing:antialiased}body{overflow-x:hidden;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;outline:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.shinkai-bg-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#b3e5fc,#e3f2fd 40%,#f0f7ff,#fff);overflow:hidden}.cloud-layer{position:absolute;top:0;left:0;width:200%;height:100%;background:radial-gradient(circle at 50% 20%,#fffc,#fff0 60%),radial-gradient(circle at 80% 40%,#e1f5fe99,#fff0 50%);animation:floatClouds 60s linear infinite;opacity:.8}@keyframes floatClouds{0%{transform:translate(0)}to{transform:translate(-50%)}}.navbar{position:sticky;top:0;z-index:1000;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px #2196f314;transition:var(--transition-fast)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:76px}.brand-logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--primary-dark)}.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px #2196f359;position:relative;overflow:hidden}.logo-icon:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.4),transparent);transform:rotate(30deg);animation:shine 4s infinite}@keyframes shine{0%{transform:translate(-100%) rotate(30deg)}20%,to{transform:translate(100%) rotate(30deg)}}.logo-text span{color:var(--primary-blue)}.domain-badge{font-size:11px;font-weight:600;background:#2196f31a;color:var(--primary-blue);padding:2px 8px;border-radius:6px;margin-left:6px}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-link{font-size:15px;font-weight:600;color:var(--text-sub);position:relative;padding:6px 0}.nav-link:hover,.nav-link.active{color:var(--primary-blue)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2.5px;background:var(--primary-blue);border-radius:2px}.nav-actions{display:flex;align-items:center;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;border-radius:var(--radius-full);transition:var(--transition-smooth)}.btn-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 6px 20px #2196f359}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #2196f373;background:linear-gradient(135deg,#29B6F6 0%,var(--primary-dark) 100%)}.btn-secondary{background:#ffffffe6;color:var(--primary-dark);border:1px solid rgba(33,150,243,.3);box-shadow:0 4px 12px #2632380d}.btn-secondary:hover{background:#fff;border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 8px 20px #2196f326}.btn-accent{background:linear-gradient(135deg,#ffb300,#ff6f00);color:#fff;box-shadow:0 6px 20px #ffb30059}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ffb30080}.mobile-toggle{display:none;background:none;font-size:24px;color:var(--text-main)}.hero-section{position:relative;padding:80px 0 100px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{position:relative;z-index:2}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:#2196f31a;border:1px solid rgba(33,150,243,.25);color:var(--primary-dark);padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:700;margin-bottom:24px}.hero-tag-pulse{width:8px;height:8px;background:var(--accent-green);border-radius:50%;box-shadow:0 0 10px var(--accent-green);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #00e676b3}70%{transform:scale(1);box-shadow:0 0 0 10px #00e67600}to{transform:scale(.95);box-shadow:0 0 #00e67600}}.hero-title{font-size:48px;font-weight:900;line-height:1.15;color:var(--primary-dark);letter-spacing:-1px;margin-bottom:20px}.hero-title span{background:linear-gradient(135deg,var(--primary-blue),#00E676);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:18px;color:var(--text-sub);margin-bottom:36px;line-height:1.7}.hero-cta-group{display:flex;align-items:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.hero-trust-bar{display:flex;align-items:center;gap:32px;padding-top:24px;border-top:1px solid rgba(33,150,243,.15)}.trust-item{display:flex;flex-direction:column}.trust-value{font-size:22px;font-weight:800;color:var(--primary-dark)}.trust-label{font-size:13px;color:var(--text-muted)}.hero-visual{position:relative}.hero-image-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px #2196f340;border:4px solid #FFFFFF}.hero-image-frame img{width:100%;height:420px;object-fit:cover;display:block;transition:var(--transition-smooth)}.hero-image-frame:hover img{transform:scale(1.03)}.hero-floating-badge{position:absolute;bottom:-20px;left:-20px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 20px;border-radius:var(--radius-md);box-shadow:0 12px 32px #2632381f;border:1px solid var(--glass-border);display:flex;align-items:center;gap:14px;z-index:3}.badge-icon-speed{width:44px;height:44px;background:#e3f2fd;color:var(--primary-blue);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.badge-info-title{font-size:14px;font-weight:800;color:var(--text-main)}.badge-info-sub{font-size:12px;color:var(--accent-green);font-weight:600}.section{padding:90px 0;position:relative}.section-header{text-align:center;max-width:680px;margin:0 auto 60px}.section-subtitle{font-size:13px;font-weight:800;text-transform:uppercase;color:var(--primary-blue);letter-spacing:1.5px;margin-bottom:12px;display:block}.section-title{font-size:36px;font-weight:900;color:var(--primary-dark);letter-spacing:-.5px;margin-bottom:16px}.section-desc{font-size:16px;color:var(--text-sub)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:36px 28px;box-shadow:var(--shadow-card);transition:var(--transition-smooth);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-sky);border-color:var(--primary-blue)}.feature-icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:var(--primary-dark);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:24px}.feature-title{font-size:20px;font-weight:800;color:var(--text-main);margin-bottom:12px}.feature-desc{font-size:14px;color:var(--text-sub);line-height:1.7}.pricing-toggle-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:48px}.pricing-toggle-btn{padding:10px 24px;border-radius:var(--radius-full);font-size:15px;font-weight:700;background:#2196f314;color:var(--text-sub);transition:var(--transition-fast)}.pricing-toggle-btn.active{background:var(--primary-blue);color:#fff;box-shadow:0 4px 14px #2196f34d}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;align-items:stretch}.pricing-card{background:#fff;border:1px solid rgba(33,150,243,.2);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:var(--shadow-card);transition:var(--transition-smooth);display:flex;flex-direction:column;position:relative}.pricing-card.featured{border:2px solid var(--primary-blue);box-shadow:var(--shadow-sky);transform:scale(1.03)}.popular-badge{position:absolute;top:-16px;right:32px;background:linear-gradient(135deg,#ffb300,#ff6f00);color:#fff;padding:4px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:800;letter-spacing:.5px;box-shadow:0 4px 12px #ffb30066}.plan-name{font-size:22px;font-weight:800;color:var(--primary-dark);margin-bottom:8px}.plan-desc{font-size:13px;color:var(--text-sub);margin-bottom:24px}.plan-price-box{display:flex;align-items:baseline;gap:4px;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid #F0F4F8}.plan-currency{font-size:20px;font-weight:800;color:var(--primary-dark)}.plan-price{font-size:44px;font-weight:900;color:var(--primary-dark);letter-spacing:-1px}.plan-period{font-size:14px;color:var(--text-muted)}.plan-features-list{list-style:none;margin-bottom:36px;flex-grow:1}.plan-feature-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-sub);margin-bottom:14px}.plan-feature-item svg{color:var(--accent-green);flex-shrink:0}.scene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.scene-card{background:var(--glass-bg);border-radius:var(--radius-md);padding:28px;border:1px solid var(--glass-border);transition:var(--transition-fast)}.scene-card:hover{background:#fff;border-color:var(--primary-blue);transform:translateY(-4px)}.scene-icon{font-size:32px;margin-bottom:16px}.scene-title{font-size:18px;font-weight:800;color:var(--primary-dark);margin-bottom:8px}.scene-desc{font-size:13px;color:var(--text-sub);line-height:1.6}.network-box{background:linear-gradient(135deg,#0d47a1,#1976d2);color:#fff;border-radius:var(--radius-lg);padding:50px 40px;box-shadow:0 20px 50px #0d47a14d}.nodes-table{width:100%;border-collapse:collapse;margin-top:30px}.nodes-table th,.nodes-table td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.12)}.nodes-table th{font-size:13px;text-transform:uppercase;color:var(--accent-blue-light);letter-spacing:1px}.nodes-table td{font-size:15px;font-weight:600}.ping-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:700;background:#00e67633;color:#00e676}.devices-bar{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:40px}.device-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);transition:var(--transition-fast);min-width:140px}.device-item:hover{transform:translateY(-4px);border-color:var(--primary-blue);box-shadow:var(--shadow-sky)}.device-icon{font-size:36px}.device-name{font-size:15px;font-weight:700;color:var(--text-main)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;position:relative}.step-card{background:#fff;border-radius:var(--radius-md);padding:36px 28px;box-shadow:var(--shadow-card);border:1px solid var(--glass-border);position:relative}.step-number{font-size:32px;font-weight:900;color:var(--primary-blue);opacity:.25;margin-bottom:12px}.step-title{font-size:18px;font-weight:800;color:var(--primary-dark);margin-bottom:8px}.step-desc{font-size:13px;color:var(--text-sub)}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.tutorial-card{background:#fff;border-radius:var(--radius-md);padding:24px;border:1px solid rgba(33,150,243,.15);box-shadow:var(--shadow-card);display:flex;align-items:center;gap:16px;transition:var(--transition-fast)}.tutorial-card:hover{transform:translate(6px);border-color:var(--primary-blue);box-shadow:var(--shadow-sky)}.tutorial-app-icon{width:48px;height:48px;background:#e3f2fd;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.tutorial-info-title{font-size:16px;font-weight:700;color:var(--text-main)}.tutorial-info-sub{font-size:12px;color:var(--text-muted)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);transition:var(--transition-fast)}.faq-question{width:100%;padding:20px 24px;text-align:left;background:none;font-size:16px;font-weight:700;color:var(--primary-dark);display:flex;align-items:center;justify-content:space-between}.faq-question-icon{transition:var(--transition-fast)}.faq-item.open .faq-question-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);padding:0 24px;font-size:14px;color:var(--text-sub);line-height:1.7}.faq-item.open .faq-answer{max-height:300px;padding:0 24px 20px}.final-cta-section{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);color:#fff;padding:80px 0;text-align:center;position:relative;overflow:hidden}.final-cta-title{font-size:38px;font-weight:900;margin-bottom:16px}.final-cta-desc{font-size:18px;opacity:.9;max-width:600px;margin:0 auto 36px}.footer{background:#1c252b;color:#eceff1;padding:80px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:40px;margin-bottom:60px}.footer-brand-desc{font-size:14px;color:#90a4ae;margin-top:16px;max-width:320px;line-height:1.7}.footer-col-title{font-size:16px;font-weight:800;color:#fff;margin-bottom:20px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{font-size:14px;color:#b0bec5}.footer-links a:hover{color:var(--primary-blue)}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#78909c;flex-wrap:wrap;gap:16px}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-visual{order:-1}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.nav-links,.nav-actions{display:none}.mobile-toggle{display:block}.hero-title{font-size:32px}.section-title{font-size:28px}.pricing-card.featured{transform:none}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}