[data-v-13cb8390]:host{display:block}.page[data-v-bfabbfbb]{position:relative;min-height:100vh;padding-bottom:160px;background:transparent;overflow-x:hidden;padding-top:120px}.gradient-bg[data-v-bfabbfbb]{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:1200px;height:1200px;background:radial-gradient(circle,#c7e6dc80,#faf7f000 70%);z-index:0;pointer-events:none}.header[data-v-bfabbfbb]{position:fixed;top:0;left:0;right:0;z-index:30;background:#faf7f0eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(44,62,80,.06);box-shadow:0 10px 24px #2c3e5014;display:flex;justify-content:center;padding:18px 24px;transition:transform .3s ease}.header__inner[data-v-bfabbfbb]{width:min(1200px,92vw);display:flex;align-items:center;justify-content:space-between;gap:32px}.header__logo[data-v-bfabbfbb]{display:flex;align-items:center;gap:16px}.header__nav[data-v-bfabbfbb]{display:flex;align-items:center;gap:20px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.header__nav[data-v-bfabbfbb]::-webkit-scrollbar{display:none}.logo[data-v-bfabbfbb]{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid rgba(44,62,80,.1);padding:8px;object-fit:contain}.brand[data-v-bfabbfbb]{font-size:24px;font-weight:600;letter-spacing:4px;color:#2c3e50}.nav-item[data-v-bfabbfbb]{font-size:16px;color:#2c3e50;padding:8px 16px;border-radius:999px;white-space:nowrap;transition:all .3s ease;background:transparent}.nav-item[data-v-bfabbfbb]:focus,.nav-item[data-v-bfabbfbb]:hover{background:#e74c3c1f;color:#c0392b}.primary-btn[data-v-bfabbfbb],.ghost-btn[data-v-bfabbfbb]{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;border-radius:999px;font-size:16px;font-weight:500;transition:all .3s ease}.primary-btn[data-v-bfabbfbb]{background:linear-gradient(90deg,#d94e41,#f47a55);color:#fff;box-shadow:0 16px 32px #d94e4140;min-width:160px}.primary-btn[data-v-bfabbfbb]:active{transform:translateY(1px);box-shadow:0 8px 16px #d94e4133}.primary-btn[data-v-bfabbfbb]:hover{transform:translateY(-1px);box-shadow:0 18px 28px #d94e4147}.ghost-btn[data-v-bfabbfbb]{background:#fff;color:#c0392b;border:1px solid rgba(192,57,43,.2)}.ghost-btn[data-v-bfabbfbb]:hover{background:#e74c3c14}.ghost-btn[data-v-bfabbfbb]:active{transform:translateY(1px);background:#e74c3c14}.hero[data-v-bfabbfbb]{position:relative;z-index:1;padding:160px 0 100px}.hero__inner[data-v-bfabbfbb]{width:min(1200px,92vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:64px}.hero__content[data-v-bfabbfbb]{flex:1.1;display:flex;flex-direction:column;gap:32px}.hero__kicker[data-v-bfabbfbb]{font-size:14px;color:#c0392b;letter-spacing:8px}.hero__title[data-v-bfabbfbb]{margin:0;font-size:48px;font-weight:700;line-height:1.3;color:#2c3e50}.hero__subtitle[data-v-bfabbfbb]{margin:0;font-size:18px;color:#2c3e50b8;line-height:1.9}.hero__actions[data-v-bfabbfbb]{display:flex;gap:20px;margin-top:8px;flex-wrap:wrap}.hero__stats[data-v-bfabbfbb]{display:flex;gap:40px;margin-top:40px;flex-wrap:wrap}.hero__visual[data-v-bfabbfbb]{flex:.9;position:relative;display:flex;align-items:center;justify-content:center}.stat[data-v-bfabbfbb]{display:flex;flex-direction:column;gap:8px}.stat__value[data-v-bfabbfbb]{font-size:36px;font-weight:600;color:#2c3e50}.stat__label[data-v-bfabbfbb]{font-size:14px;color:#2c3e508a}.floating-card[data-v-bfabbfbb]{width:320px;padding:32px;border-radius:24px;background:#fffffff2;box-shadow:0 24px 60px #34495e2e;display:flex;flex-direction:column;gap:20px}.floating-card__title[data-v-bfabbfbb]{font-size:15px;color:#c0392b}.floating-card__name[data-v-bfabbfbb]{display:flex;align-items:baseline;justify-content:space-between}.floating-card .name[data-v-bfabbfbb]{font-size:42px;font-weight:600;color:#2c3e50}.floating-card .pinyin[data-v-bfabbfbb]{font-size:16px;color:#2c3e5099}.floating-card__meta[data-v-bfabbfbb]{font-size:14px;color:#2c3e50a8;line-height:1.8}.floating-card__tags[data-v-bfabbfbb]{display:flex;gap:12px;flex-wrap:wrap}.tag[data-v-bfabbfbb]{padding:6px 14px;border-radius:999px;font-size:13px;color:#c0392b;background:#e74c3c1a}.tag--outline[data-v-bfabbfbb]{border:1px solid rgba(192,57,43,.3);background:#ffffffb3}.tag--soft[data-v-bfabbfbb]{color:#2c3e50;background:#2c3e5014}.floating-circle[data-v-bfabbfbb]{position:absolute;width:420px;height:420px;border-radius:50%;background:linear-gradient(135deg,#3498db2e,#2ecc711f);filter:blur(20px);z-index:-1;animation:float-bfabbfbb 12s ease-in-out infinite}.floating-orb[data-v-bfabbfbb]{position:absolute;right:80px;bottom:30px;width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#e74c3c2e,#c0392b14);filter:blur(6px);animation:float-bfabbfbb 8s ease-in-out infinite reverse}.section[data-v-bfabbfbb]{position:relative;z-index:1;padding:120px 0}.section--names[data-v-bfabbfbb]{padding-bottom:80px}.section--features[data-v-bfabbfbb]{background:#ffffffeb}.section__inner[data-v-bfabbfbb]{width:min(1200px,92vw);margin:0 auto;display:flex;flex-direction:column;gap:56px}.section__header[data-v-bfabbfbb]{display:flex;flex-direction:column;gap:12px}.section__header--center[data-v-bfabbfbb]{align-items:center;text-align:center}.section__eyebrow[data-v-bfabbfbb]{font-size:14px;color:#c0392b;letter-spacing:6px}.section__title[data-v-bfabbfbb]{margin:0;font-size:36px;font-weight:600;color:#2c3e50;line-height:1.4}.section__subtitle[data-v-bfabbfbb]{margin:0;font-size:16px;color:#2c3e50a8;line-height:1.8}.section__note[data-v-bfabbfbb]{font-size:14px;color:#2c3e508a;text-align:center}.feature-grid[data-v-bfabbfbb]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.feature-card[data-v-bfabbfbb]{padding:36px;border-radius:28px;background:#fffffff2;display:flex;flex-direction:column;gap:18px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 26px #2c3e5014}.feature-card__icon[data-v-bfabbfbb]{width:64px;height:64px;border-radius:22px;background:#e74c3c1f;display:flex;align-items:center;justify-content:center;font-size:28px}.feature-card__title[data-v-bfabbfbb]{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.feature-card__description[data-v-bfabbfbb]{margin:0;font-size:15px;color:#2c3e5099;line-height:1.8}.feature-card[data-v-bfabbfbb]:hover{transform:translateY(-4px);box-shadow:0 18px 40px #2c3e501f}.module-grid[data-v-bfabbfbb]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.module-card[data-v-bfabbfbb]{padding:32px;border-radius:24px;background:#fffffff5;display:flex;flex-direction:column;gap:16px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 26px #2c3e5014}.module-card__header[data-v-bfabbfbb]{display:flex;align-items:center;gap:12px}.module-card__icon[data-v-bfabbfbb]{width:52px;height:52px;border-radius:18px;background:#c0392b1f;display:flex;align-items:center;justify-content:center;font-size:24px}.module-card__title[data-v-bfabbfbb]{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.module-card__description[data-v-bfabbfbb]{margin:0;font-size:15px;color:#2c3e509e;line-height:1.8}.module-card__points[data-v-bfabbfbb]{display:flex;flex-wrap:wrap;gap:10px}.module-card__point[data-v-bfabbfbb]{padding:6px 14px;border-radius:999px;background:#c0392b14;color:#c0392b;font-size:13px}.module-card[data-v-bfabbfbb]:hover{transform:translateY(-4px);box-shadow:0 18px 40px #2c3e501f}.name-grid[data-v-bfabbfbb]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.name-card[data-v-bfabbfbb]{padding:32px;border-radius:24px;background:#fffffff2;display:flex;flex-direction:column;gap:16px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 26px #2c3e5014}.name-card__header[data-v-bfabbfbb]{display:flex;justify-content:space-between;align-items:center;gap:12px}.name-card__name[data-v-bfabbfbb]{margin:0;font-size:28px;font-weight:600;color:#2c3e50}.name-card__pinyin[data-v-bfabbfbb]{font-size:14px;color:#2c3e5099}.name-card__meaning[data-v-bfabbfbb]{margin:0;font-size:15px;color:#2c3e50ad;line-height:1.8}.name-card__scores[data-v-bfabbfbb]{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.score-item[data-v-bfabbfbb]{flex:1 1 100px;background:#e74c3c14;border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.score-item__label[data-v-bfabbfbb]{font-size:12px;color:#2c3e508c}.score-item__value[data-v-bfabbfbb]{font-size:20px;font-weight:600;color:#c0392b}.name-card__tags[data-v-bfabbfbb]{display:flex;gap:10px;flex-wrap:wrap}.name-card[data-v-bfabbfbb]:hover{transform:translateY(-4px);box-shadow:0 18px 40px #2c3e501f}.favorite-btn[data-v-bfabbfbb]{padding:6px 16px;border-radius:999px;font-size:13px;color:#c0392b;background:#e74c3c14;border:1px solid rgba(192,57,43,.2)}.favorite-btn--active[data-v-bfabbfbb]{background:linear-gradient(90deg,#d94e41,#f47a55);color:#fff;border-color:transparent}.section--testimonials .section__inner[data-v-bfabbfbb]{gap:40px}.testimonial-stats[data-v-bfabbfbb]{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.testimonial-stat[data-v-bfabbfbb]{display:flex;flex-direction:column;align-items:center;gap:6px}.testimonial-stat__value[data-v-bfabbfbb]{font-size:28px;font-weight:600;color:#c0392b}.testimonial-stat__label[data-v-bfabbfbb]{font-size:14px;color:#2c3e5099}.testimonial-grid[data-v-bfabbfbb]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.testimonial-card[data-v-bfabbfbb]{padding:32px;border-radius:24px;background:#fffffff2;display:flex;flex-direction:column;gap:20px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 26px #2c3e5014}.testimonial-card__header[data-v-bfabbfbb]{display:flex;align-items:center;gap:16px}.testimonial-card__avatar[data-v-bfabbfbb]{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e74c3c1f;color:#c0392b;font-size:22px;font-weight:600}.testimonial-card__name[data-v-bfabbfbb]{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.testimonial-card__meta[data-v-bfabbfbb]{font-size:13px;color:#2c3e5080}.testimonial-card__content[data-v-bfabbfbb]{margin:0;font-size:15px;color:#2c3e50ad;line-height:1.8}.testimonial-card__footer[data-v-bfabbfbb]{font-size:14px;color:#c0392b}.testimonial-card[data-v-bfabbfbb]:hover{transform:translateY(-4px);box-shadow:0 18px 40px #2c3e501f}.app-showcase[data-v-bfabbfbb]{display:grid;grid-template-columns:380px 1fr;gap:48px;align-items:center}.app-showcase__mockup[data-v-bfabbfbb]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.device-frame[data-v-bfabbfbb]{position:relative;width:280px;height:540px;border-radius:36px;background:linear-gradient(180deg,#1f2a44,#485978);padding:18px;box-shadow:0 24px 60px #0f1a3138;display:flex;justify-content:center;align-items:center}.device-screen[data-v-bfabbfbb]{width:100%;height:100%;border-radius:24px;background:linear-gradient(180deg,#ffffffeb,#faf7f0d9);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px;padding:24px}.device-screen__title[data-v-bfabbfbb]{font-size:24px;font-weight:700;color:#2c3e50}.device-screen__subtitle[data-v-bfabbfbb]{font-size:15px;color:#2c3e50a6;line-height:1.6}.device-screen__badges[data-v-bfabbfbb]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.badge[data-v-bfabbfbb]{padding:6px 14px;border-radius:999px;background:#d94e411f;color:#c0392b;font-size:13px}.device-shadow[data-v-bfabbfbb]{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:40px;background:radial-gradient(circle at 50% 110%,rgba(217,78,65,.18),transparent 60%);z-index:-1}.qr-card[data-v-bfabbfbb]{width:180px;padding:18px 18px 14px;border-radius:20px;background:#fffffff2;border:1px solid rgba(192,57,43,.12);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 18px 36px #2c3e501f}.qr-card__code[data-v-bfabbfbb]{width:120px;height:120px;border-radius:12px;background:repeating-linear-gradient(45deg,#2c3e5014,#2c3e5014 12px,#2c3e5029 12px,#2c3e5029 24px),#fff;position:relative;overflow:hidden}.qr-card__code[data-v-bfabbfbb]:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:2px solid rgba(44,62,80,.12);border-radius:8px}.qr-card__label[data-v-bfabbfbb]{font-size:13px;color:#2c3e5099;text-align:center;line-height:1.4}.app-showcase__content[data-v-bfabbfbb]{display:flex;flex-direction:column;gap:32px}.app-highlights[data-v-bfabbfbb]{display:grid;gap:20px}.app-highlight[data-v-bfabbfbb]{background:#fffffff2;border-radius:18px;padding:20px 24px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(192,57,43,.12)}.app-highlight__title[data-v-bfabbfbb]{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.app-highlight__description[data-v-bfabbfbb]{margin:0;font-size:15px;color:#2c3e509e;line-height:1.7}.app-downloads[data-v-bfabbfbb]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.download-card[data-v-bfabbfbb]{background:linear-gradient(135deg,#fffffff2,#f5f0e9d9);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:16px;border:1px solid rgba(217,78,65,.1);transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 26px #2c3e5014}.download-card__name[data-v-bfabbfbb]{margin:0;font-size:17px;font-weight:600;color:#2c3e50}.download-card__caption[data-v-bfabbfbb]{font-size:13px;color:#2c3e5094}.download-card__action[data-v-bfabbfbb]{align-self:flex-start;padding:10px 20px;border-radius:999px;background:linear-gradient(90deg,#d94e41,#f47a55);color:#fff;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #d94e412e}.download-card__action[data-v-bfabbfbb]:hover{box-shadow:0 16px 30px #d94e4138;transform:translateY(-2px)}.download-card[data-v-bfabbfbb]:hover{transform:translateY(-4px);box-shadow:0 18px 40px #2c3e501f}.footer[data-v-bfabbfbb]{padding:80px 0 120px;background:#2c3e50;color:#fffc;display:flex;justify-content:center}.footer__inner[data-v-bfabbfbb]{width:min(1200px,92vw);display:flex;flex-direction:column;gap:20px;align-items:flex-start}.footer__slogan[data-v-bfabbfbb]{font-size:14px}.footer__links[data-v-bfabbfbb]{display:flex;gap:20px;font-size:14px;flex-wrap:wrap}.footer__link[data-v-bfabbfbb]{color:#ffffffb3;line-height:1.4;background:none}.footer__link[data-v-bfabbfbb]:hover{color:#fff}.footer__link--button[data-v-bfabbfbb]{padding:0}.footer__meta[data-v-bfabbfbb]{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#ffffffa6}.footer__meta-item[data-v-bfabbfbb]{display:flex;align-items:center;gap:8px}.footer__copyright[data-v-bfabbfbb]{font-size:12px;color:#ffffff80;margin-top:8px}.footer__brand[data-v-bfabbfbb]{display:flex;flex-direction:column;gap:12px}.footer__logo[data-v-bfabbfbb]{display:flex;align-items:center;gap:16px}.footer__logo-img[data-v-bfabbfbb]{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;padding:6px;object-fit:contain}.footer__brand-text[data-v-bfabbfbb]{font-size:20px;font-weight:600;letter-spacing:3px;color:#ffffffeb}.toast-enter-active[data-v-bfabbfbb],.toast-leave-active[data-v-bfabbfbb]{transition:opacity .3s ease,transform .3s ease}.toast-enter-from[data-v-bfabbfbb],.toast-leave-to[data-v-bfabbfbb]{opacity:0;transform:translateY(10px)}.toast[data-v-bfabbfbb]{position:fixed;left:50%;bottom:60px;transform:translate(-50%);padding:12px 24px;border-radius:999px;background:#2c3e50e6;color:#fff;font-size:14px;box-shadow:0 12px 24px #2c3e5040;z-index:100}@keyframes float-bfabbfbb{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.02)}to{transform:translateY(0) scale(1)}}@media screen and (max-width: 1200px){.hero__inner[data-v-bfabbfbb],.section__inner[data-v-bfabbfbb],.header__inner[data-v-bfabbfbb],.footer__inner[data-v-bfabbfbb]{width:min(100%,94vw)}.name-grid[data-v-bfabbfbb]{grid-template-columns:repeat(3,minmax(0,1fr))}.app-showcase[data-v-bfabbfbb]{grid-template-columns:340px 1fr;gap:32px}.app-downloads[data-v-bfabbfbb]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 960px){.header__inner[data-v-bfabbfbb]{flex-direction:column;align-items:flex-start;gap:16px}.header__nav[data-v-bfabbfbb]{width:100%;justify-content:flex-start;gap:16px}.hero[data-v-bfabbfbb]{padding:100px 0 80px}.hero__inner[data-v-bfabbfbb]{flex-direction:column;gap:40px}.hero__stats[data-v-bfabbfbb]{flex-direction:column;align-items:flex-start}.feature-grid[data-v-bfabbfbb],.testimonial-grid[data-v-bfabbfbb],.module-grid[data-v-bfabbfbb],.app-downloads[data-v-bfabbfbb]{grid-template-columns:repeat(1,minmax(0,1fr))}.name-grid[data-v-bfabbfbb]{grid-template-columns:repeat(2,minmax(0,1fr))}.app-showcase[data-v-bfabbfbb]{grid-template-columns:1fr;gap:32px}.app-showcase__mockup[data-v-bfabbfbb]{order:2}.app-showcase__content[data-v-bfabbfbb]{order:1}}@media screen and (max-width: 640px){.hero__title[data-v-bfabbfbb]{font-size:36px}.hero__actions[data-v-bfabbfbb]{flex-direction:column;align-items:stretch}.name-grid[data-v-bfabbfbb]{grid-template-columns:repeat(1,minmax(0,1fr))}}:root{color:#2c3e50;background-color:#faf7f0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;line-height:1.6}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:linear-gradient(180deg,#faf7f0,#fff 60%,#f5f0e9);color:inherit}body{overflow-x:hidden}button{border:none;outline:none;background:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid rgba(231,76,60,.4);outline-offset:4px}a{color:inherit;text-decoration:none}::selection{background:#e74c3c33;color:#2c3e50}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#95a5a666;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#95a5a699}