@import"https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800&display=swap";:root{--bg-0: #070b17;--bg-1: #0d152d;--bg-2: #121c34;--text-main: #f5f0e5;--text-muted: #cfc8ba;--brand: #f8b86d;--brand-soft: #ffd7a6;--line-soft: rgba(255, 240, 214, .14);--card-dark: rgba(17, 25, 44, .68);--card-border: rgba(255, 219, 168, .28);--shadow-soft: 0 22px 50px rgba(0, 0, 0, .36);--font-display: "Outfit", "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-body: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}html,body{margin:0;min-height:100%;overflow-x:clip}body{font-family:var(--font-body);color:var(--text-main);background:linear-gradient(165deg,var(--bg-0),var(--bg-1) 45%,var(--bg-2));line-height:1.62;letter-spacing:.01em}h1,h2,h3,.brand-logo{font-family:var(--font-display)}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:before{background:radial-gradient(circle at 18% 22%,rgba(248,184,109,.26),transparent 34%),radial-gradient(circle at 84% 16%,rgba(230,145,90,.24),transparent 38%),radial-gradient(circle at 72% 68%,rgba(106,145,231,.18),transparent 42%);filter:blur(10px);animation:glow-float 14s ease-in-out infinite alternate}body:after{opacity:.16;background-image:repeating-linear-gradient(to bottom,rgba(255,237,209,.22) 0 1px,transparent 1px 28px),radial-gradient(circle,rgba(255,255,255,.12) .5px,transparent .9px);background-size:100% 29px,3px 3px;mix-blend-mode:soft-light}.site-shell{position:relative;z-index:1;width:min(1120px,92vw);margin:0 auto;padding:24px 0 60px}.ambient{position:absolute;border-radius:999px;filter:blur(80px);opacity:.34;pointer-events:none}.ambient-one{width:240px;height:240px;right:4%;top:80px;background:radial-gradient(circle,rgba(255,194,116,.8),transparent 72%);animation:pulse 8s ease-in-out infinite}.ambient-two{width:220px;height:220px;left:-6%;top:380px;background:radial-gradient(circle,rgba(137,160,255,.48),transparent 70%);animation:pulse 9s ease-in-out infinite reverse}.ambient-three{width:280px;height:280px;right:10%;bottom:120px;background:radial-gradient(circle,rgba(248,184,109,.22),transparent 72%);animation:pulse 10s ease-in-out infinite}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 28px;margin-bottom:48px;background:#0d152da6;backdrop-filter:blur(20px);border:1px solid rgba(255,219,168,.2);border-radius:999px;position:sticky;top:20px;z-index:100;box-shadow:0 12px 36px #0000004d;transition:border-color .3s ease}.topbar:hover{border-color:#ffdba85c}.brand-logo{display:flex;align-items:center;gap:12px;color:var(--text-main);text-decoration:none;font-weight:700;letter-spacing:.08em;font-size:1.15rem}.topnav{display:flex;align-items:center;gap:12px}.topnav a:not(.nav-cta){color:var(--text-muted);text-decoration:none;font-size:.92rem;font-weight:500;padding:6px 16px;border-radius:999px;border:1px solid transparent;transition:all .22s cubic-bezier(.16,1,.3,1)}.topnav a:not(.nav-cta):hover{color:var(--brand-soft);background:#f8b86d1a;border-color:#f8b86d40;transform:translateY(-.5px)}.topnav a:not(.nav-cta):focus-visible,.nav-cta:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.topnav a:not(.nav-cta).active,.topnav a:not(.nav-cta)[aria-current=page]{color:var(--brand);background:#f8b86d29;border-color:#f8b86d6b;font-weight:600;box-shadow:inset 0 1px 1px #ffffff1a}.nav-cta{background:#f8b86d1f;padding:6px 18px;border-radius:999px;color:var(--brand)!important;border:1px solid rgba(248,184,109,.3);font-weight:600;text-decoration:none!important;transition:all .24s cubic-bezier(.16,1,.3,1)!important}.nav-cta:hover{background:#f8b86d3d;border-color:var(--brand-soft);box-shadow:0 4px 12px #f8b86d2e;text-decoration:none!important}.section{margin:80px 0;padding:20px 0}.section[id]{scroll-margin-top:100px}@media (max-width: 768px){.section[id]{scroll-margin-top:140px}}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding-top:20px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.eyebrow{margin:0 0 16px;color:var(--brand-soft);text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:8px}.hero-copy .eyebrow{justify-content:flex-start}.text-center .eyebrow{justify-content:center}.eyebrow:before{content:"";display:inline-block;width:2px;height:.92em;background-color:var(--brand);border-radius:99px;flex-shrink:0}.hero h1{margin:0;font-size:clamp(2.2rem,5.2vw,3.88rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;text-wrap:balance}.hero h1 span{background:linear-gradient(110deg,#ffdcaf,var(--brand),#ffd7a6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.subtitle{margin:24px 0 0;color:var(--text-muted);font-size:1.05rem;line-height:1.75;max-width:58ch}.cta-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;text-decoration:none;font-size:.95rem;font-weight:600;transition:all .24s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none;box-shadow:0 2px 4px #0000001a}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(.5px) scale(.98)}.btn-primary{color:#0d1020;background:linear-gradient(110deg,#ffdcaf,var(--brand) 52%,#f4a55c);box-shadow:0 12px 30px #f8b86d57}.btn-primary:hover{box-shadow:0 16px 36px #f8b86d7a}.btn-ghost{color:var(--brand-soft);border:1px solid rgba(255,212,155,.45);background:#ffd49b14}.btn-ghost:hover{background:#ffd49b29;border-color:var(--brand-soft);color:#fff}.btn-demo{color:#eafff5;border:1px solid rgba(76,222,169,.36);background:#1fb98024;box-shadow:0 10px 26px #1fb98029}.btn-demo:hover{background:#1fb98038;border-color:#81ffd0ad;color:#fff}.hero-visual{display:flex;justify-content:center;position:relative}.floating-device{position:relative;width:min(310px,100%);aspect-ratio:9 / 19;border-radius:40px;background:linear-gradient(145deg,#1e283ce6,#0f1626f2);border:6px solid rgba(255,219,168,.28);box-shadow:0 25px 55px #0009,inset 0 1px #ffffff1a;display:flex;align-items:center;justify-content:center;animation:float-device 6s ease-in-out infinite alternate}.floating-device .screen{width:92%;height:96%;background:var(--bg-1);border-radius:28px;overflow:hidden;position:relative}.score-mockup{position:relative;height:100%}.animated-play-bar{position:absolute;top:8%;bottom:8%;left:20%;width:2px;background:var(--brand);box-shadow:0 0 14px var(--brand),0 0 4px var(--brand);border-radius:4px;animation:play-sweep 4s cubic-bezier(.45,.05,.55,.95) infinite alternate}@keyframes play-sweep{0%{left:15%}to{left:85%}}.floating-device .glow{position:absolute;inset:-30px;background:radial-gradient(circle at 50% 50%,rgba(248,184,109,.18),transparent 60%);pointer-events:none;z-index:-1}@keyframes float-device{0%{transform:translateY(0) rotate(1.5deg)}to{transform:translateY(-16px) rotate(-1deg)}}.section-head{max-width:800px;margin:0 auto 52px}.section-head h2{margin:8px 0 0;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.02em}.text-center{text-align:center}.bento-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch;counter-reset:feature-step}.bento-card{min-height:240px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 50%),linear-gradient(135deg,#11192ccc,#090e1cb3);border:1px solid rgba(255,219,168,.18);padding:40px 32px 32px;position:relative;overflow:hidden;backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff0d,0 12px 30px #00000040;counter-increment:feature-step;transition:all .32s cubic-bezier(.16,1,.3,1)}.bento-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--brand-soft),rgba(137,160,255,.5),transparent);opacity:.45;transition:opacity .3s ease}.bento-card:after{content:"STEP " counter(feature-step,decimal-leading-zero);position:absolute;top:24px;right:28px;color:#ffdba8a6;font-size:.72rem;font-weight:700;letter-spacing:.1em;font-family:monospace}.bento-content{position:relative;z-index:1}.bento-card:hover{transform:translateY(-6px);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 50%),linear-gradient(135deg,#16223ce0,#0c1222c7);border-color:var(--brand);box-shadow:inset 0 1px #ffffff14,0 24px 48px #f8b86d26}.bento-card.col-span-2{grid-column:span 2}.highlight-card{background:linear-gradient(150deg,#f8b86d26,#11192ce0 48%,#6a91e724),#11192cc2;border-color:#f8b86d6b}.feature-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.75rem;background:#f8b86d24;color:var(--brand-soft);border:1px solid rgba(248,184,109,.3);font-weight:700;margin-bottom:16px}.bento-card h3{font-size:clamp(1.3rem,2.2vw,1.6rem);margin:0 0 12px;color:#fff7eb;font-weight:700}.bento-card p{margin:0;color:var(--text-muted);line-height:1.75;font-size:.96rem}.director-pro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:radial-gradient(ellipse at center,rgba(137,160,255,.06) 0%,transparent 70%);padding:80px 0;border-top:1px solid rgba(255,219,168,.15);border-bottom:1px solid rgba(255,219,168,.15)}.director-copy h2{font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800;margin-bottom:20px}.director-copy .lead{font-size:1.08rem;color:#fff;margin-bottom:28px;line-height:1.7}.pro-features-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:18px}.pro-features-list li{padding-left:28px;position:relative;color:var(--text-muted);font-size:.98rem}.pro-features-list li:before{content:"✦";position:absolute;left:4px;top:0;color:var(--brand)}.pro-features-list strong{color:#fff;font-weight:600}.director-visual{display:flex;justify-content:center;position:relative}.conductor-circle{width:220px;height:220px;border-radius:50%;border:2px dashed rgba(137,160,255,.25);margin:0 auto;position:relative;animation:rotate-slow 24s linear infinite}.member{width:52px;height:52px;background:#11192ce6;border:1.5px solid rgba(255,219,168,.35);border-radius:50%;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(8px);animation:counter-rotate-slow 24s linear infinite}@keyframes counter-rotate-slow{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.member.m1{top:-26px;left:84px;border-color:#ffb3c699}.member.m2{top:84px;right:-26px;border-color:#4ade8099}.member.m3{bottom:-26px;left:84px;border-color:#89a0ff99}.member.m4{top:84px;left:-26px;border-color:#f8b86d99}.part-label{font-size:8px;font-weight:800;margin-bottom:-1px;color:#ffffffe6}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pricing-tiers-header{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1040px;margin:48px auto}.tier-col{background:var(--card-dark);border:1px solid var(--card-border);border-radius:20px;padding:36px;position:relative;display:flex;flex-direction:column;backdrop-filter:blur(20px)}.tier-col.popular{border-color:var(--brand);background:linear-gradient(180deg,rgba(255,219,168,.05) 0%,var(--card-dark) 100%)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#ffdcaf,var(--brand));color:#0d1020;padding:5px 16px;border-radius:14px;font-size:.8rem;font-weight:800;white-space:nowrap}.tier-name{font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:14px}.price{font-size:2.68rem;font-weight:800;color:#fff;margin-bottom:18px}.price span{font-size:1.05rem;font-weight:500;color:var(--text-muted)}.price-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:30px;flex-grow:1}.feature-matrix-wrapper{max-width:1040px;margin:0 auto;overflow-x:auto;border:1px solid var(--card-border);border-radius:20px;background:var(--card-dark);backdrop-filter:blur(20px)}.feature-matrix-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;min-width:600px}.feature-matrix-head{padding:24px 20px;font-weight:700;color:var(--text-muted);border-bottom:1px solid rgba(255,219,168,.2);font-size:.98rem}.feature-matrix-head:first-child{width:38%}.tier-name-head{text-align:center;color:#fff;font-size:1.02rem}.popular-head{color:var(--brand)}.feature-name-cell{padding:18px 24px;color:#fff;font-weight:500;font-size:.96rem;border-bottom:1px solid rgba(255,255,255,.05)}.feature-cell{padding:18px;text-align:center;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.05)}.download-banner{background:linear-gradient(135deg,#f8b86d1f,#0d152dcc);border:1px solid rgba(248,184,109,.3);border-radius:28px;padding:60px 40px;text-align:center;backdrop-filter:blur(20px)}.download-content h2{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;margin-bottom:16px}.download-content p{color:var(--text-muted);max-width:600px;margin:0 auto 32px;font-size:1.05rem}.download-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.faq-list{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--card-dark);border:1px solid var(--card-border);border-radius:16px;padding:20px 24px;backdrop-filter:blur(12px)}.faq-question{font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-icon{font-size:1.4rem;color:var(--brand);transition:transform .2s ease}details[open] .faq-icon{transform:rotate(45deg)}.faq-answer{margin-top:14px;color:var(--text-muted);line-height:1.7}.footer-nav a,.footer-contact a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.footer-nav a:hover,.footer-contact a:hover{color:var(--brand)}.wechat-hover{position:relative;cursor:pointer;display:flex;align-items:center;gap:8px}.qr-popup{position:absolute;bottom:120%;right:0;background:#0d152df2;border:1px solid var(--card-border);border-radius:16px;padding:16px;display:none;flex-direction:column;align-items:center;box-shadow:0 12px 32px #00000080;backdrop-filter:blur(20px);z-index:100}.qr-popup img{width:140px;height:140px;border-radius:8px}.qr-popup p{margin:8px 0 0;font-size:.8rem;color:var(--text-muted)}.wechat-hover:hover .qr-popup{display:flex}.prose{color:var(--text-muted);line-height:1.8;font-size:1rem}.prose h2,.prose h3{color:#fff;margin-top:2em;margin-bottom:.8em}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-bottom:.4em}@media (max-width: 900px){.hero,.bento-grid,.director-pro,.pricing-tiers-header{grid-template-columns:1fr}.bento-card.col-span-2{grid-column:span 1}.topbar{flex-direction:column;gap:16px;border-radius:24px;padding:16px}}.icp-registration-links[data-astro-cid-c73bdtme]{display:inline-flex;align-items:center;gap:16px;flex-wrap:wrap}.icp-link[data-astro-cid-c73bdtme]{color:var(--text-muted, #cfc8ba);text-decoration:none;font-size:.85rem;transition:color .2s ease}.icp-link[data-astro-cid-c73bdtme]:hover{color:var(--brand, #f8b86d)}.police-registration-link[data-astro-cid-c73bdtme]{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted, #cfc8ba);text-decoration:none;font-size:.85rem;transition:color .2s ease}.police-registration-link[data-astro-cid-c73bdtme]:hover{color:var(--brand, #f8b86d)}.police-badge-img[data-astro-cid-c73bdtme]{width:16px;height:16px;object-fit:contain}
