.navbar[data-v-c28f9772]{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:999;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.navbar.scrolled[data-v-c28f9772]{background:#faf8f5f7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #00000014}.navbar.mobile-open[data-v-c28f9772]{background:var(--color-white)}.navbar-inner[data-v-c28f9772]{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-logo[data-v-c28f9772]{display:flex;flex-direction:column;line-height:1.2;gap:2px;text-decoration:none}.logo-zh[data-v-c28f9772]{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-primary);letter-spacing:.1em}.logo-en[data-v-c28f9772]{font-family:var(--font-english);font-size:.55rem;letter-spacing:.2em;color:var(--color-secondary);text-transform:uppercase}.navbar-links[data-v-c28f9772]{display:flex;list-style:none;gap:var(--space-lg)}.nav-link[data-v-c28f9772]{font-size:.85rem;font-weight:400;color:var(--color-text);padding:4px 0;position:relative;letter-spacing:.05em;text-decoration:none}.nav-link[data-v-c28f9772]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--color-primary);transition:width var(--transition-fast)}.nav-link[data-v-c28f9772]:hover:after,.nav-link.active[data-v-c28f9772]:after{width:100%}.nav-link[data-v-c28f9772]:hover,.nav-link.active[data-v-c28f9772]{color:var(--color-primary)}.navbar-actions[data-v-c28f9772]{display:flex;align-items:center;gap:var(--space-sm)}.lang-switch[data-v-c28f9772]{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;font-family:var(--font-english);letter-spacing:.1em;color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:2px;cursor:pointer;background:transparent;transition:all var(--transition-fast)}.lang-switch[data-v-c28f9772]:hover{background:var(--color-primary);color:#fff}.mobile-toggle[data-v-c28f9772]{display:none;background:none;border:none;cursor:pointer;color:var(--color-accent);padding:8px;min-width:44px;min-height:44px;justify-content:center;z-index:1000;position:relative}.mobile-menu[data-v-c28f9772]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-white);padding:calc(var(--nav-height) + var(--space-xl)) var(--space-md);overflow-y:auto;z-index:9999;transform:translateY(0);transition:transform .3s ease}.mobile-menu ul[data-v-c28f9772]{list-style:none;display:flex;flex-direction:column;gap:0;padding:0;margin:0}.mobile-menu li[data-v-c28f9772]{margin:0}.mobile-menu a[data-v-c28f9772]{font-family:var(--font-heading);font-size:1.4rem;color:var(--color-accent);display:flex;align-items:center;min-height:56px;padding:0 var(--space-sm);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast);border-radius:8px}.mobile-menu a[data-v-c28f9772]:hover,.mobile-menu a.active[data-v-c28f9772]{color:var(--color-primary);background:#9b23350d}.mobile-menu a.active[data-v-c28f9772]{font-weight:600}.lang-switch-mobile[data-v-c28f9772]{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:var(--space-xl);padding:16px 32px;font-size:.95rem;font-weight:600;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:8px;cursor:pointer;background:transparent;min-height:52px;width:100%;transition:all var(--transition-fast)}.lang-switch-mobile[data-v-c28f9772]:hover{background:var(--color-primary);color:#fff}@media (max-width: 1024px){.navbar-links[data-v-c28f9772]{gap:var(--space-sm)}.nav-link[data-v-c28f9772]{font-size:.78rem;padding:6px 0}.logo-zh[data-v-c28f9772]{font-size:1.1rem}.lang-switch[data-v-c28f9772]{padding:4px 10px;font-size:.72rem}}@media (max-width: 768px){.navbar-links[data-v-c28f9772]{display:none}.mobile-toggle[data-v-c28f9772]{display:flex}.navbar-inner[data-v-c28f9772]{padding:0 var(--space-sm);position:relative}.logo-zh[data-v-c28f9772]{font-size:1.05rem;letter-spacing:.06em}.logo-en[data-v-c28f9772]{font-size:.45rem}.mobile-menu[data-v-c28f9772]{padding:var(--space-lg) var(--space-sm)}.mobile-menu a[data-v-c28f9772]{font-size:1.3rem;min-height:52px}.lang-switch[data-v-c28f9772]{display:none}.navbar.scrolled[data-v-c28f9772]{background:#fffffffa}.navbar.scrolled .mobile-toggle[data-v-c28f9772]{color:var(--color-primary)}}@media (max-width: 480px){.navbar-inner[data-v-c28f9772]{padding:0 10px}.logo-zh[data-v-c28f9772]{font-size:1rem}.logo-en[data-v-c28f9772]{font-size:.4rem}.mobile-menu[data-v-c28f9772]{padding:var(--space-md) 10px}.mobile-menu a[data-v-c28f9772]{font-size:1.2rem;min-height:48px}.lang-switch-mobile[data-v-c28f9772]{padding:14px 24px;font-size:.9rem;min-height:48px}}.footer[data-v-d0f64df6]{background:var(--color-accent);color:#ffffffb3;padding-top:var(--space-2xl)}.footer-inner[data-v-d0f64df6]{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-3xl);padding-bottom:var(--space-2xl)}.footer-logo[data-v-d0f64df6]{display:flex;flex-direction:column;margin-bottom:var(--space-md)}.logo-zh[data-v-d0f64df6]{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-white);letter-spacing:.1em}.logo-en[data-v-d0f64df6]{font-family:var(--font-english);font-size:.6rem;letter-spacing:.2em;color:var(--color-secondary);text-transform:uppercase;margin-top:4px}.footer-desc[data-v-d0f64df6]{font-size:.9rem;line-height:1.8;color:#ffffff80;max-width:320px;margin-bottom:var(--space-md)}.social-links[data-v-d0f64df6]{display:flex;gap:var(--space-sm)}.social-links a[data-v-d0f64df6]{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff9;transition:all var(--transition-fast)}.social-links a[data-v-d0f64df6]:hover{border-color:var(--color-secondary);color:var(--color-secondary);background:#c9a84c1a}.footer-links[data-v-d0f64df6]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.link-group h4[data-v-d0f64df6]{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--color-white);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-md)}.link-group ul[data-v-d0f64df6]{list-style:none;display:flex;flex-direction:column;gap:10px}.link-group a[data-v-d0f64df6]{font-size:.9rem;color:#ffffff80;transition:color var(--transition-fast)}.link-group a[data-v-d0f64df6]:hover{color:var(--color-secondary)}.footer-bottom[data-v-d0f64df6]{border-top:1px solid rgba(255,255,255,.08);padding:var(--space-md) 0}.footer-bottom .container[data-v-d0f64df6]{display:flex;justify-content:space-between;align-items:center}.footer-bottom p[data-v-d0f64df6]{font-size:.8rem;color:#ffffff4d}@media (max-width: 768px){.footer-inner[data-v-d0f64df6]{grid-template-columns:1fr;gap:var(--space-xl)}.footer-links[data-v-d0f64df6]{grid-template-columns:1fr 1fr}.footer-bottom .container[data-v-d0f64df6]{flex-direction:column;gap:8px;text-align:center}}main{padding-top:var(--nav-height)}#dfqc-app{min-height:100vh;display:flex;flex-direction:column}#dfqc-app>main{flex:1}.page-enter-active,.page-leave-active{transition:opacity .2s ease}.page-enter-from,.page-leave-to{opacity:0}:root{--color-primary: #9B2335;--color-primary-dark: #7A1A2A;--color-secondary: #C9A84C;--color-accent: #1A1A1A;--color-bg: #FAF8F5;--color-surface: #F5F2EE;--color-text: #2C2C2C;--color-text-secondary: #7A7A7A;--color-white: #FFFFFF;--color-border: #E8E4DE;--font-heading: "Noto Serif SC", "Songti SC", serif;--font-body: "Noto Sans SC", "PingFang SC", sans-serif;--font-english: "Cormorant Garamond", "Times New Roman", serif;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--max-width: 1200px;--nav-height: 64px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 20px rgba(0,0,0,.1);--shadow-lg: 0 8px 40px rgba(0,0,0,.14);--transition-fast: .2s ease;--transition-normal: .4s ease;--transition-slow: .6s ease-out;--touch-target-min: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:3px}::selection{background:#9b233526;color:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--color-accent)}h1{font-size:clamp(2.2rem,5vw,3.5rem)}h2{font-size:clamp(1.8rem,4vw,2.8rem)}h3{font-size:clamp(1.3rem,3vw,1.8rem)}h4{font-size:1.25rem}p{font-size:1rem;line-height:1.8;color:var(--color-text-secondary)}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-family:var(--font-body);font-size:.95rem;font-weight:500;letter-spacing:.05em;border:none;border-radius:2px;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #9b233559}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-ghost{background:transparent;color:var(--color-white);border:1.5px solid rgba(255,255,255,.5)}.btn-ghost:hover{background:#ffffff1a;border-color:var(--color-white)}.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.reveal.visible{opacity:1;transform:translateY(0)}.deco-line{width:60px;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));margin:var(--space-sm) auto}@media (max-width: 1024px){:root{--space-xl: 28px;--space-2xl: 40px;--space-3xl: 56px}.container{padding:0 var(--space-md)}}@media (max-width: 768px){:root{--space-md: 14px;--space-lg: 20px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--nav-height: 56px}html{font-size:15px}body{line-height:1.6}p{font-size:.9rem;line-height:1.7}.container{padding:0 var(--space-sm)}h1{font-size:clamp(1.8rem,4.5vw,2.8rem)}h2{font-size:clamp(1.4rem,3.5vw,2.2rem)}h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}.btn{padding:14px 28px;font-size:.9rem;min-height:var(--touch-target-min);min-width:var(--touch-target-min);font-weight:500;letter-spacing:.02em}button,a{min-height:var(--touch-target-min);display:inline-flex;align-items:center}.btn:hover,.nav-link:hover,.social-links a:hover{transform:none;box-shadow:none}}@media (max-width: 480px){:root{--space-sm: 10px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 28px;--space-3xl: 40px}html{font-size:14px}.container{padding:0 10px}.btn{padding:12px 24px;font-size:.9rem;min-height:calc(var(--touch-target-min) + 4px)}.btn-primary{padding:14px 28px}button,a{min-height:calc(var(--touch-target-min) + 4px);min-width:calc(var(--touch-target-min) + 4px)}body{font-size:15px;line-height:1.7}p{font-size:.95rem;line-height:1.8}}@media (max-width: 360px){:root{--space-xs: 6px;--space-sm: 8px;--space-md: 10px;--space-lg: 14px;--space-xl: 18px;--space-2xl: 24px;--space-3xl: 32px}.container{padding:0 8px}.btn{padding:12px 20px;font-size:.85rem}}