:root{color-scheme:dark;--bg:#0c171a;--text:#e5f0ed;--muted:#93a9a8;--mint:#69e5b9;--border:#263b3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.ambient{position:absolute;z-index:-1;pointer-events:none;top:-80px;right:-300px;width:1000px;height:950px;background:radial-gradient(ellipse,#1c5b4938,transparent 67%)}.site-nav{max-width:1240px;margin:0 auto;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:25px}.logo{display:flex;align-items:center;gap:10px}.logo img{width:39px}.logo>span{font-size:20px;font-weight:600;letter-spacing:1px}.logo small{display:block;font-size:9px;letter-spacing:4px;color:var(--muted);margin-top:-2px}.nav-links{display:flex;gap:35px;color:#9eb3b0;font-size:13px}.nav-links a:hover,.guide-link:hover,footer a:hover{color:var(--mint)}.admin-link{border:1px solid #37514d;padding:9px 17px;border-radius:8px;font-size:12px;background:#182d28}.admin-link span{color:var(--mint);margin-left:13px}main{max-width:1168px;margin:auto}.hero{min-height:650px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:35px;padding:55px 0 90px}.edition{display:inline-flex;align-items:center;gap:9px;border:1px solid #315248;color:#a4c4b8;border-radius:30px;padding:5px 12px;font-size:11px;margin-bottom:22px;background:#16352a66}.edition span{width:5px;height:5px;background:var(--mint);border-radius:50%}h1{font-size:57px;line-height:1.4;font-weight:600;letter-spacing:1px;margin:0 0 23px}h1 span{color:var(--mint)}.lead{color:#9bb3ae;font-size:16px;line-height:2;margin-bottom:31px}.hero-actions{display:flex;gap:23px;align-items:center}.button{display:inline-flex;justify-content:center;gap:12px;align-items:center;padding:14px 23px;border-radius:9px;background:var(--mint);color:#10372b;font-size:14px;font-weight:600;box-shadow:0 7px 30px #44dc9714;transition:transform .2s,background .2s}.button:hover{background:#8becce;transform:translateY(-2px)}.button svg{width:18px;height:18px}.button>span{margin-left:10px}.button.unavailable{background:#344741;color:#a0b1aa;box-shadow:none;cursor:default}.guide-link{color:#bbd1c7;font-size:12px}.release-info{font-size:10px;color:#6f8b83;margin:13px 0 27px}.hero-notes{display:flex;align-items:center;gap:13px;color:#a7bcb3;font-size:11px}.hero-notes i{background:#41594e;width:3px;height:3px;border-radius:50%}.product-visual{position:relative;padding:25px 0 55px 10px}.mock-window{border:1px solid #35564b;border-radius:15px;background:#122322;box-shadow:0 35px 100px #0005,0 0 90px #42a4770b;transform:perspective(1600px) rotateY(-6deg) rotateX(3deg);overflow:hidden}.mock-title{background:#1d332d;border-bottom:1px solid #31483e;display:flex;align-items:center;gap:15px;padding:14px 18px;color:#b5c9c0;font-size:10px}.mock-title small{margin-left:auto;font-size:9px;color:#76958b}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#53685b}.window-dots i:first-child{background:#aa7863}.window-dots i:nth-child(2){background:#aba36d}.window-dots i:nth-child(3){background:#69a88a}.mock-body{display:flex;min-height:371px}.mock-side{width:54px;background:#11201e;display:flex;align-items:center;flex-direction:column;gap:23px;border-right:1px solid #203b33;padding:19px 0;color:#688c7f;font-size:18px}.mock-side img{width:25px}.mock-side .picked{color:#71e6b8}.mock-main{padding:23px 27px 22px;flex:1;min-width:0}.mock-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a7bfb3}.mock-head small{font-size:9px;background:#213d31;padding:3px 8px;border-radius:4px;color:#8ec7a4}.mock-main strong{display:block;font-size:16px;font-weight:500;margin-top:12px}.soundwave{height:74px;display:flex;gap:6px;align-items:center;justify-content:center;margin:13px 0}.soundwave i{width:4px;height:17px;background:#63dba9;border-radius:3px;animation:breathe 1.7s ease-in-out infinite alternate}.soundwave i:nth-child(2n){height:33px;animation-delay:.3s}.soundwave i:nth-child(3n){height:51px;animation-delay:.6s}.soundwave i:nth-child(5n){height:63px;animation-delay:.9s}.mock-main>p{font-size:10px;text-align:center;color:#8eac9c;margin-top:0}.mock-buttons{display:flex;justify-content:center;gap:9px;align-items:center;font-size:9px;margin:19px 0}.mock-buttons>span{border:1px solid #314d3f;padding:6px 11px;border-radius:5px;color:#8ea99a}.mock-buttons .mock-playing{background:#63ddb1;color:#103d2c;border-color:#63ddb1}.mock-divider{height:1px;background:#274338;margin:21px 0 15px}.mock-queue{display:flex;align-items:center;gap:10px;border-bottom:1px solid #244032;padding:5px 0;font-size:10px}.mock-queue>span{font-size:8px;color:#85d7b0;background:#1a3c2a;padding:2px 5px;border-radius:4px}.mock-queue p{flex:1;margin:7px 0;color:#9ab9a6}.mock-queue small{font-size:9px;color:#6c9681}.floating-comment{position:absolute;right:-20px;bottom:28px;display:flex;align-items:center;gap:12px;background:#1c352e;border:1px solid #3d6652;box-shadow:0 15px 40px #0005;border-radius:11px;padding:16px 20px}.comment-avatar{background:#2b5542;color:#94e2b4;width:33px;height:33px;text-align:center;line-height:33px;border-radius:9px;font-size:12px}.floating-comment small{font-size:10px;color:#8bb69c}.floating-comment p{font-size:12px;color:#d3e6d9;margin:3px 0 0}.floating-comment>span{color:#70e0a5;font-size:17px;margin-left:15px}.features{padding:63px 0 75px;border-top:1px solid #233a32}.section-heading{text-align:center;margin-bottom:38px}.overline{font-size:9px;letter-spacing:3px;color:#69a78d;margin-bottom:13px}.section-heading h2,.start-copy h2{font-size:30px;letter-spacing:.5px;font-weight:500;margin:0 0 12px}.section-heading p{color:#789c88;font-size:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid article{padding:27px 26px;background:linear-gradient(140deg,#172b25,#12201e);border:1px solid #294336;border-radius:12px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;font-size:25px;color:#81d3ad;background:#223f2e;border-radius:10px;width:43px;height:43px;margin-bottom:20px}.feature-grid h3{font-size:16px;font-weight:500;margin:0 0 12px}.feature-grid p{font-size:12px;line-height:1.9;color:#87a58f;min-height:48px;margin-bottom:22px}.tag-line{border-top:1px solid #2b4535;padding-top:15px;font-size:10px;color:#6f9c7c}.start-section{border-top:1px solid #233a32;display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding:70px 40px}.start-copy h2{font-size:32px;line-height:1.7;margin-bottom:20px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:23px;align-items:flex-start;padding:0 0 25px;margin:0 0 25px;border-bottom:1px solid #253e31}.steps li:last-child{margin:0;border:0;padding:0}.steps li>span{color:#76bd8c;background:#213e2a;font-size:12px;width:35px;height:35px;line-height:35px;text-align:center;border:1px solid #3b6143;border-radius:50%;flex-shrink:0}.steps h3{font-size:15px;font-weight:500;margin:2px 0 8px}.steps p{font-size:12px;color:#7c9e81;margin:0}.faq-section{padding:55px 70px 70px;border-top:1px solid #233a32}.faq-list{max-width:870px;margin:auto}.faq-list details{border-bottom:1px solid #2b4034;padding:20px 0}.faq-list summary{cursor:pointer;color:#bbd1bd;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::after{content:'＋';font-size:16px;color:#80aa84}.faq-list details[open] summary::after{content:'−'}.faq-list p{color:#7c9c7c;font-size:12px;line-height:2;margin:13px 35px 0 0}.download-section{display:flex;align-items:center;gap:24px;background:linear-gradient(110deg,#17382b,#152b24);border:1px solid #345a3b;border-radius:15px;padding:35px 40px;margin:0 0 65px}.download-section img{width:55px}.download-section h2{font-size:22px;font-weight:500;margin:0 0 5px}.download-section p{color:#7da888;font-size:12px;margin:0}.download-section>.button{margin-left:auto;flex-shrink:0}footer{max-width:1240px;margin:auto;border-top:1px solid #263d31;padding:28px 36px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#6c8e70}footer .logo img{width:29px}footer .logo>span{font-size:14px;color:#b1c8b5}footer .logo small{font-size:8px;letter-spacing:2px}footer>div{display:flex;gap:25px;font-size:11px}footer>small{font-size:10px}@keyframes breathe{to{transform:scaleY(.55);opacity:.65}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.soundwave i{animation:none}.button{transition:none}}@media(max-width:1250px){main{margin:0 45px}.hero{gap:25px}h1{font-size:49px}.floating-comment{right:-10px}.mock-main{padding:22px}.mock-main strong{font-size:14px}.hero-actions{gap:16px}.button{padding:13px 18px}}@media(max-width:900px){.site-nav{height:80px;padding:0 28px}.nav-links{gap:20px}main{margin:0 30px}.hero{grid-template-columns:1fr;gap:20px;padding:40px 0 60px}.hero-copy{text-align:center}.hero-actions,.hero-notes{justify-content:center}.lead br{display:none}h1{font-size:48px}.product-visual{max-width:640px;margin:auto;width:100%;padding-top:15px}.feature-grid{gap:12px}.feature-grid article{padding:22px 18px}.feature-grid h3{font-size:14px}.start-section{gap:35px;padding:55px 15px}.faq-section{padding:55px 15px}.download-section{padding:27px;gap:15px}.download-section h2{font-size:19px}footer{flex-wrap:wrap}footer>small{width:100%;text-align:center}}@media(max-width:600px){.site-nav{padding:0 20px;height:77px}.logo img{width:32px}.logo>span{font-size:17px}.nav-links{display:none}.admin-link{font-size:11px;padding:8px 12px}main{margin:0 22px}.hero{padding-top:30px}h1{font-size:38px;letter-spacing:0}.lead{font-size:13px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions .guide-link{font-size:11px}.hero-notes{gap:9px;font-size:10px}.edition{font-size:10px}.product-visual{padding-left:0;padding-bottom:56px}.mock-window{transform:none}.mock-side{width:40px;gap:24px}.mock-main{padding:20px 14px}.mock-title{padding:12px;font-size:9px;gap:9px}.mock-title small{font-size:8px}.mock-main strong{font-size:12px}.mock-body{min-height:350px}.mock-queue{gap:6px;font-size:9px}.mock-queue small{font-size:8px}.floating-comment{right:0;padding:12px 15px;bottom:20px}.floating-comment p{font-size:10px}.features{padding-top:40px}.section-heading h2{font-size:24px}.section-heading p{font-size:11px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-grid article{padding:22px}.feature-grid p{min-height:0;margin-bottom:18px}.feature-icon{margin-bottom:15px;width:36px;height:36px;font-size:21px}.start-section{grid-template-columns:1fr;padding:45px 4px;gap:35px}.start-copy h2{font-size:28px;margin-bottom:13px}.start-copy h2 br{display:none}.faq-section{padding:40px 0 45px}.faq-list summary{font-size:12px}.download-section{flex-wrap:wrap;margin-bottom:40px;padding:23px}.download-section img{width:39px}.download-section h2{font-size:16px}.download-section p{font-size:10px}.download-section>.button{width:100%;margin:5px 0 0}.download-section>div{flex:1}.download-section .button{font-size:13px}footer{padding:23px 22px;gap:20px}footer>div{gap:16px;font-size:10px}footer>small{font-size:9px}}

.nav-account{display:flex;gap:10px;align-items:center}@media(max-width:700px){.nav-account{gap:5px}.nav-account .admin-link{font-size:12px;padding:8px 10px}}
