:root{--color-bg-primary: #F4F5F6;--color-bg-secondary: #FFFFFF;--color-surface-primary: #FFFFFF;--color-surface-secondary: #F4F5F6;--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-text-tertiary: #7B8494;--color-text-inverse: #FFFFFF;--color-border-default: #D5D9E0;--color-border-strong: #111827;--color-border-focus: #111827;--color-brand: #0046B8;--color-brand-hover: #003A99;--color-brand-active: #002E7A;--color-brand-subtle: #E8EEF8;--color-success: #0A7C42;--color-success-light: #E8F5ED;--color-success-text: #0A7C42;--color-warning: #B45309;--color-warning-light: #FEF3E2;--color-warning-text: #B45309;--color-danger: #C2261B;--color-danger-light: #FBE9E7;--color-danger-text: #C2261B;--color-neutral: #4B5563;--color-neutral-light: #F4F5F6;--color-neutral-text: #4B5563;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-feature: "tnum" on, "lnum" on;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--space-6xl: 64px;--space-7xl: 80px;--space-8xl: 96px;--grid-columns: 12;--grid-gutter: 24px;--grid-max-width: 1280px;--grid-margin: 32px;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 999px;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--shadow-md: 0 2px 8px rgba(17, 24, 39, .08);--shadow-lg: 0 4px 16px rgba(17, 24, 39, .1);--motion-fast: .12s;--motion-default: .18s;--motion-slow: .24s;--motion-easing: cubic-bezier(.4, 0, .2, 1);--nav-height: 48px;--content-max-width: 1280px;--content-padding: 32px;--page-section-gap: 48px;--z-nav: 100;--z-dropdown: 200;--z-drawer: 400;--z-modal: 500;--z-toast: 600;--focus-ring: 2px solid #111827;--focus-offset: 2px;--min-touch: 40px;--mobile-nav-height: 56px;--mobile-content-padding: 16px;--mobile-bottom-tab-height: 56px;--mobile-sticky-action-height: 64px;--mobile-section-gap: 32px;--mobile-module-gap: 20px;--mobile-card-padding: 16px;--mobile-form-row-gap: 16px;--touch-min-target: 44px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-feature-settings:var(--font-feature);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;min-height:100vh;min-height:100dvh;-webkit-tap-highlight-color:transparent}a{color:var(--color-brand);text-decoration:none;transition:color var(--motion-fast) var(--motion-easing)}a:hover{color:var(--color-brand-hover)}button{cursor:pointer;font-family:inherit;font-size:inherit;transition:all var(--motion-fast) var(--motion-easing)}button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}input,select,textarea{font-family:inherit;font-size:.9375rem;transition:border-color var(--motion-fast) var(--motion-easing)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-border-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}img,svg{max-width:100%;display:block}.grid-container{max-width:var(--grid-max-width);margin:0 auto;padding:0 var(--grid-margin)}.grid-row{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-fade-in{animation:fadeIn var(--motion-slow) var(--motion-easing)}.anim-slide-up{animation:slideUp var(--motion-slow) var(--motion-easing)}.mobile-tab-bar{display:none}.desktop-nav-links{display:flex;gap:var(--space-xs);align-items:center}.sticky-action-bar{display:flex;margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border-default)}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr!important;gap:var(--space-5xl)!important}.info-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-3xl)!important}}@media (max-width: 768px){:root{--grid-gutter: 20px;--grid-margin: 24px;--content-padding: 24px;--page-section-gap: 32px}.grid-row{grid-template-columns:repeat(8,1fr)}.data-grid{gap:var(--space-md)}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-bottom-tab-height);padding-bottom:var(--safe-area-bottom);background:var(--color-surface-primary);border-top:1px solid var(--color-border-default);z-index:100;justify-content:space-around;align-items:stretch}.desktop-nav-links{display:none}.app-nav-bar{height:var(--mobile-nav-height)!important;padding-top:var(--safe-area-top)}.has-mobile-tab-bar{padding-bottom:calc(var(--mobile-bottom-tab-height) + var(--safe-area-bottom) + var(--space-lg))}}@media (max-width: 480px){:root{--grid-gutter: 16px;--grid-margin: 16px;--content-padding: 16px;--page-section-gap: 24px;--nav-height: 56px}html{font-size:15px}.grid-row{grid-template-columns:repeat(4,1fr)}.filter-bar{flex-direction:column;gap:var(--space-lg)}.data-grid{grid-template-columns:1fr!important;gap:var(--space-lg)!important}.data-divider{width:100%;height:1px}.info-grid{grid-template-columns:1fr!important;gap:var(--space-3xl)!important}.hero-title{font-size:1.75rem!important;letter-spacing:-.02em}.hero-section{padding-top:var(--space-5xl)!important;padding-bottom:var(--space-5xl)!important}input,select,textarea{font-size:16px!important}button,.mobile-tab-item,input[type=range]{min-height:var(--touch-min-target)}.checkbox-item{min-height:var(--touch-min-target);display:flex;align-items:center}.sticky-action-bar.sticky-action-visible{display:flex;position:fixed;bottom:0;left:0;right:0;margin:0;padding:var(--space-lg) var(--safe-area-right) var(--space-lg) var(--safe-area-left);padding-bottom:calc(var(--space-lg) + var(--safe-area-bottom));background:var(--color-surface-primary);border-top:1px solid var(--color-border-default);z-index:300;justify-content:space-between;align-items:center;gap:var(--space-md)}body:has(.sticky-action-visible) .mobile-tab-bar{display:none}.has-sticky-action{padding-bottom:calc(var(--mobile-sticky-action-height) + var(--safe-area-bottom) + var(--space-lg))}.amap-container{touch-action:none}.form-row-2col{flex-direction:column;gap:0}.checkbox-group,.cycle-member-grid{grid-template-columns:1fr!important}.cycle-metrics-row{grid-template-columns:repeat(2,1fr)!important}.detail-header{flex-direction:column!important;align-items:flex-start!important}.detail-row{flex-direction:column!important;align-items:flex-start!important;gap:2px}.detail-label{min-width:0!important}.intent-row{flex-direction:column!important;align-items:flex-start!important;gap:var(--space-sm)}.intent-row>div{width:100%;display:flex;gap:var(--space-sm)}.intent-row>div>button{flex:1;min-height:var(--touch-min-target)}.share-link-row{flex-direction:column!important;align-items:stretch!important}.share-link-row>button{width:100%;min-height:var(--touch-min-target)}.detail-metrics-grid{grid-template-columns:repeat(2,1fr)!important}.status-bar{flex-wrap:wrap;gap:var(--space-md)}.summary-bar{flex-direction:column!important;align-items:flex-start!important;gap:var(--space-md)}.cycle-svg-container{overflow-x:visible!important}.cycle-svg-container>svg{width:100%!important;height:auto!important;max-width:400px}.filter-group{min-width:0!important}.empty-state{padding-top:var(--mobile-section-gap)!important;padding-bottom:var(--mobile-section-gap)!important}.ai-result-wrapper,.ai-error-box,.approx-section{max-width:100%!important}.howitworks-section-text{padding-left:0!important}.cta-row{flex-direction:column!important;align-items:stretch!important;gap:var(--space-sm)}.cta-row>a{width:100%}.step-label{display:none!important}.step-current-label{display:block!important;margin-top:var(--space-xs);font-size:.8rem;color:var(--color-text-secondary);font-weight:600}}.step-current-label{display:none}@media (max-width: 390px){html{font-size:14px}.cycle-rent-label{display:none!important}}@media (max-width: 480px){.demo-bento-grid{grid-template-columns:1fr!important}.demo-bento-grid>div{grid-column:auto!important}}@media (orientation: landscape) and (max-width: 1023px) and (min-width: 481px){.form-row-2col{flex-direction:row;gap:var(--space-lg)}.cycle-svg-container>svg{width:400px!important;max-width:100%}.cycle-member-grid{grid-template-columns:repeat(2,1fr)!important}.cycle-metrics-row{grid-template-columns:repeat(4,1fr)!important}.intent-row{flex-direction:row!important;justify-content:space-between;align-items:center}.share-link-row{flex-direction:row!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}