:root{--primary-color: #1e40af;--primary-hover: #2563eb;--primary-light: #3b82f6;--secondary-color: #0ea5e9;--accent-color: #3b82f6;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--border-color-dark: #cbd5e1;--border-width: 1px;--border-width-thick: 2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}button{border-radius:6px;border:var(--border-width) solid var(--primary-color);padding:.75em 1.5em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}button:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}#app{width:100%;min-height:100vh}@media (max-width: 768px){html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a.btn,.btn,[role=button]{min-height:44px;min-width:44px;padding:12px 20px;font-size:16px;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea,select{font-size:16px;min-height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px}a{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}h1{font-size:28px;line-height:1.3}h2{font-size:24px;line-height:1.3}h3{font-size:20px;line-height:1.4}h4{font-size:18px;line-height:1.4}.container{padding-left:16px;padding-right:16px}}@media (max-width: 480px){html{font-size:15px}h1{font-size:24px}h2{font-size:22px}h3{font-size:18px}button,.btn{padding:14px 24px;font-size:16px}}*{touch-action:manipulation}@media (max-width: 768px){body{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}.navbar[data-v-335131cd]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:1000;transition:all .3s ease;border-bottom:1px solid var(--border-color)}.nav-container[data-v-335131cd]{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;min-height:72px}.nav-brand[data-v-335131cd]{display:flex;align-items:center;justify-content:space-between;width:100%}.logo[data-v-335131cd]{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s ease}.logo[data-v-335131cd]:hover{opacity:.8}.logo:hover .brand-domain[data-v-335131cd]{opacity:1;color:var(--text-secondary)}.snail-icon[data-v-335131cd]{font-size:28px;line-height:1}.brand-info[data-v-335131cd]{display:flex;flex-direction:column;gap:2px}.brand-name[data-v-335131cd]{font-size:20px;font-weight:600;color:var(--primary-color);letter-spacing:-.3px;line-height:1.2}.brand-domain[data-v-335131cd]{font-size:11px;font-weight:500;color:var(--text-secondary);letter-spacing:.3px;line-height:1.2;opacity:.85;transition:opacity .2s ease,color .2s ease}.mobile-menu-btn[data-v-335131cd]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.mobile-menu-btn span[data-v-335131cd]{width:24px;height:2.5px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.mobile-menu-open .mobile-menu-btn span[data-v-335131cd]:nth-child(1){transform:rotate(45deg) translate(6px,6px);background:var(--primary-color)}.mobile-menu-open .mobile-menu-btn span[data-v-335131cd]:nth-child(2){opacity:0}.mobile-menu-open .mobile-menu-btn span[data-v-335131cd]:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);background:var(--primary-color)}.nav-menu[data-v-335131cd]{display:flex;align-items:center;gap:24px}.nav-link[data-v-335131cd]{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;transition:all .2s ease;padding:8px 0;position:relative;white-space:nowrap}.nav-link[data-v-335131cd]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-link[data-v-335131cd]:hover{color:var(--primary-color)}.nav-link[data-v-335131cd]:hover:after,.nav-link.router-link-active[data-v-335131cd]:after{width:100%}.nav-link.router-link-active[data-v-335131cd]{color:var(--primary-color);font-weight:600}.nav-btn[data-v-335131cd]{text-decoration:none;position:relative}.btn-primary[data-v-335131cd]{display:inline-block;background:var(--primary-color);color:#fff;padding:8px 20px;border-radius:6px;font-weight:500;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);border:var(--border-width) solid var(--primary-color);line-height:1.5;white-space:nowrap;writing-mode:horizontal-tb;text-orientation:mixed;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a;transform:translateY(0);cursor:pointer}.btn-primary[data-v-335131cd]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;pointer-events:none}.btn-primary[data-v-335131cd]:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #0003}.btn-primary[data-v-335131cd]:hover:before{width:300px;height:300px}.btn-primary[data-v-335131cd]:active{transform:translateY(0) scale(1.02);box-shadow:0 2px 8px #00000026;transition:all .1s ease}@keyframes pulse-335131cd{0%,to{box-shadow:0 2px 8px #0000001a}50%{box-shadow:0 2px 16px #1e40af66}}@media (min-width: 769px){.btn-primary[data-v-335131cd]{animation:pulse-335131cd 3s ease-in-out infinite}.btn-primary[data-v-335131cd]:hover{animation:none}}@media (max-width: 768px){.nav-container[data-v-335131cd]{padding:0 16px;min-height:56px}.logo[data-v-335131cd]{gap:10px}.snail-icon[data-v-335131cd]{font-size:24px}.brand-name[data-v-335131cd]{font-size:17px}.brand-domain[data-v-335131cd]{font-size:9px}.mobile-menu-btn[data-v-335131cd]{display:flex;padding:10px;min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent}.mobile-menu-btn span[data-v-335131cd]{width:22px;height:2px}.nav-menu[data-v-335131cd]{position:fixed;top:56px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:12px 0;box-shadow:0 4px 12px #0000001a;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:calc(100vh - 56px);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:999}.nav-menu.active[data-v-335131cd]{transform:translate(0)}.nav-link[data-v-335131cd]{width:100%;padding:16px 20px;border-bottom:1px solid var(--border-color);font-size:16px;min-height:52px;display:flex;align-items:center;-webkit-tap-highlight-color:rgba(30,64,175,.1);transition:background-color .2s ease}.nav-link[data-v-335131cd]:active{background-color:var(--bg-secondary);color:var(--primary-color)}.nav-link[data-v-335131cd]:last-of-type{border-bottom:none}.nav-link[data-v-335131cd]:after{display:none}.nav-btn[data-v-335131cd]{width:100%;margin-top:8px;padding:0 20px}@keyframes mobilePulse-335131cd{0%,to{box-shadow:0 0 #1e40af33;border-color:var(--primary-color)}50%{box-shadow:0 0 0 4px #1e40af1a;border-color:var(--primary-hover)}}.btn-primary[data-v-335131cd]{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 24px;font-size:15px;min-height:44px;-webkit-tap-highlight-color:rgba(30,64,175,.1);white-space:nowrap;writing-mode:horizontal-tb;text-orientation:mixed;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:none;transform:scale(1);animation:mobilePulse-335131cd 3s ease-in-out infinite;font-weight:600}.btn-primary[data-v-335131cd]:active{background:var(--primary-color);color:#fff;transform:scale(.98);box-shadow:0 2px 8px #1e40af33;transition:all .15s ease;animation:none}}@media (max-width: 480px){.nav-container[data-v-335131cd]{min-height:52px}.brand-name[data-v-335131cd]{font-size:16px}.brand-domain[data-v-335131cd]{font-size:8px}.mobile-menu-btn[data-v-335131cd]{padding:8px;min-width:40px;min-height:40px}.nav-menu[data-v-335131cd]{top:52px;max-height:calc(100vh - 52px)}.nav-link[data-v-335131cd]{padding:14px 16px;font-size:15px;min-height:48px}.btn-primary[data-v-335131cd]{padding:11px 20px;font-size:14px;min-height:42px}}#app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.main-content{flex:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.footer{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:60px 20px 30px;margin-top:100px}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px}.footer-section h3{font-size:22px;margin-bottom:20px;color:#fff;font-weight:600}.footer-section h4{font-size:16px;margin-bottom:18px;color:#fff;font-weight:600;letter-spacing:.5px}.footer-section .slogan{font-size:16px;font-weight:500;margin-bottom:10px;color:#e2e8f0;line-height:1.6}.footer-section .sub-slogan{font-size:14px;color:#94a3b8;line-height:1.6}.footer-section a{display:block;color:#cbd5e1;text-decoration:none;margin-bottom:12px;transition:all .2s ease;font-size:14px;line-height:1.8}.footer-section a:hover{color:#60a5fa;padding-left:5px}.footer-section p{margin-bottom:10px;color:#94a3b8;font-size:14px;line-height:1.8}.footer-section .website-url{color:#cbd5e1;font-weight:500;letter-spacing:.3px;transition:color .2s ease}.footer-section .website-url:hover{color:#60a5fa}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#64748b;font-size:13px}@media (max-width: 768px){.footer{padding:40px 16px 25px;margin-top:40px}.footer-content{grid-template-columns:1fr;gap:32px;margin-bottom:32px}.footer-section{padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-section:last-of-type{border-bottom:none;padding-bottom:0}.footer-section h3{font-size:20px;margin-bottom:16px}.footer-section h4{font-size:16px;margin-bottom:16px}.footer-section .slogan{font-size:15px;margin-bottom:8px}.footer-section .sub-slogan{font-size:13px}.footer-section a{padding:12px 0;margin-bottom:0;font-size:15px;min-height:44px;display:flex;align-items:center;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.footer-section a:active{color:#60a5fa;padding-left:8px}.footer-section p{font-size:14px;margin-bottom:8px;line-height:1.6}.footer-bottom{padding-top:24px;font-size:12px}}@media (max-width: 480px){.footer{padding:32px 16px 20px;margin-top:32px}.footer-content{gap:28px;margin-bottom:28px}.footer-section h3{font-size:18px}.footer-section h4{font-size:15px}.footer-section a{font-size:14px}}