@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;600;700&display=swap";:root{--color-primary: #7BAE7F;--color-primary-light: #9DC4A0;--color-primary-dark: #5E9462;--color-primary-rgb: 123, 174, 127;--color-accent: #E8A87C;--color-accent-light: #F0C4A8;--color-accent-dark: #D4905E;--color-warm: #D4B896;--color-warm-light: #E2CCAF;--color-tertiary: #D4A5A5;--color-muted-blue: #8AACC8;--color-lavender: #B8A9C9;--color-danger: #D4726A;--color-warning: #D4A55A;--color-info: #8AACC8;--color-success: #7BAE7F;--color-text-primary: #3D3229;--color-text-secondary: #8B7E74;--color-text-placeholder: #B5A99E;--color-text-disabled: #C8BEB5;--color-text-inverse: #FFFFFF;--color-bg-page: #FBF8F3;--color-bg-card: #FFFFFF;--color-bg-header: #FBF8F3;--color-bg-input: #FFFFFF;--color-border: rgba(139, 126, 116, .12);--color-divider: rgba(139, 126, 116, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-family-serif: "Noto Serif SC", "Georgia", "Times New Roman", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-hero: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.6;--line-height-loose: 1.8;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-xxxl: 48px;--spacing-huge: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-round: 50%;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(61, 50, 41, .04);--shadow-md: 0 2px 8px rgba(61, 50, 41, .06);--shadow-lg: 0 4px 16px rgba(61, 50, 41, .06);--shadow-xl: 0 8px 24px rgba(61, 50, 41, .08);--shadow-card: 0 1px 4px rgba(61, 50, 41, .04), 0 2px 8px rgba(61, 50, 41, .03);--shadow-card-hover: 0 4px 16px rgba(61, 50, 41, .08), 0 2px 6px rgba(61, 50, 41, .04);--z-header: 100;--z-overlay: 200;--z-modal: 300;--header-height: 64px;--content-max-width: 1100px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--card-color-1: #7BAE7F;--card-color-2: #E8A87C;--card-color-3: #D4A5A5;--card-color-4: #8AACC8;--card-color-5: #B8A9C9;--card-color-6: #D4B896}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-loose);color:var(--color-text-primary);background-color:var(--color-bg-page);min-height:100vh;word-wrap:break-word;overflow-wrap:break-word}a{color:var(--color-primary-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}img{display:block;max-width:100%;height:auto}button,input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2{font-family:var(--font-family-serif);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-hero)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);line-height:var(--line-height-loose)}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-xl)}@media (max-width: 767px){.container{padding:0 var(--spacing-lg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-secondary{color:var(--color-text-secondary)}#app{min-height:100vh;display:flex;flex-direction:column;position:relative}.page-content{flex:1;padding-top:var(--header-height);padding-bottom:var(--spacing-xxl)}@media (min-width: 1024px){.page-content{max-width:var(--content-max-width);margin:0 auto;width:100%}}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);transition:box-shadow var(--transition-base),transform var(--transition-base)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);transition:all var(--transition-base);cursor:pointer;border:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 8px #7bae7f40}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 4px 12px #7bae7f4d;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-primary-dark);border:1.5px solid var(--color-primary-light)}.btn-outline:hover:not(:disabled){background-color:#7bae7f0f;border-color:var(--color-primary)}.section-title{font-family:var(--font-family-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:32px;height:2px;background-color:var(--color-primary);border-radius:1px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b7e7440;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b7e7466}::selection{background:#7bae7f2e;color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .4s ease both}.animate-fade-in{animation:fadeIn .3s ease both}.svg-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.logo-brand{display:inline-block;vertical-align:middle}.app-header[data-v-715d5923]{position:sticky;top:0;z-index:var(--z-header);background-color:var(--color-bg-header);border-bottom:1px solid var(--color-border);height:var(--header-height)}.app-header__inner[data-v-715d5923]{max-width:var(--content-max-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);gap:var(--spacing-xl)}.app-header__brand[data-v-715d5923]{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;flex-shrink:0}.app-header__logo[data-v-715d5923]{font-size:1.4rem;line-height:1}.app-header__title[data-v-715d5923]{font-family:var(--font-family-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.app-header__nav[data-v-715d5923]{display:flex;align-items:center;gap:var(--spacing-xs)}.app-header__nav-link[data-v-715d5923]{padding:6px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;position:relative}.app-header__nav-link[data-v-715d5923]:hover{color:var(--color-primary-dark)}.app-header__nav-link--active[data-v-715d5923]{color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.app-header__nav-link--active[data-v-715d5923]:after{content:"";position:absolute;bottom:-2px;left:16px;right:16px;height:2px;background-color:var(--color-primary);border-radius:1px}.app-header__right[data-v-715d5923]{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.locale-toggle[data-v-715d5923]{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast)}.locale-toggle[data-v-715d5923]:hover{border-color:var(--color-primary-light)}.locale-toggle__option[data-v-715d5923]{transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.locale-toggle__option--active[data-v-715d5923]{color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.locale-toggle__divider[data-v-715d5923]{color:var(--color-text-placeholder);font-size:10px}.app-header__avatar[data-v-715d5923]{width:36px;height:36px;border-radius:var(--radius-round);background-color:#7bae7f1a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border:1.5px solid transparent}.app-header__avatar[data-v-715d5923]:hover{border-color:var(--color-primary-light)}.app-header__avatar-icon[data-v-715d5923]{font-size:1.1rem}.app-header__login-btn[data-v-715d5923]{padding:6px 18px;border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap}.app-header__login-btn[data-v-715d5923]:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.app-header__hamburger[data-v-715d5923]{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;cursor:pointer;padding:4px}.app-header__hamburger span[data-v-715d5923]{display:block;width:100%;height:2px;background:var(--color-text-secondary);border-radius:2px;transition:all var(--transition-fast)}.app-header__hamburger--open span[data-v-715d5923]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.app-header__hamburger--open span[data-v-715d5923]:nth-child(2){opacity:0}.app-header__hamburger--open span[data-v-715d5923]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.app-header__mobile-menu[data-v-715d5923]{display:none;position:absolute;top:var(--header-height);left:0;right:0;background-color:var(--color-bg-page);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:var(--z-header)}.app-header__mobile-nav[data-v-715d5923]{display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-xl)}.app-header__mobile-link[data-v-715d5923]{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.app-header__mobile-link[data-v-715d5923]:hover{background-color:#7bae7f0f;color:var(--color-primary-dark)}.app-header__mobile-link--active[data-v-715d5923]{color:var(--color-primary-dark);background-color:#7bae7f14;font-weight:var(--font-weight-semibold)}.mobile-menu-enter-active[data-v-715d5923],.mobile-menu-leave-active[data-v-715d5923]{transition:all var(--transition-fast)}.mobile-menu-enter-from[data-v-715d5923],.mobile-menu-leave-to[data-v-715d5923]{opacity:0;transform:translateY(-8px)}@media (max-width: 767px){.app-header__nav[data-v-715d5923]{display:none}.app-header__hamburger[data-v-715d5923]{display:flex}.app-header__mobile-menu[data-v-715d5923]{display:block}.app-header__login-btn[data-v-715d5923],.app-header__avatar[data-v-715d5923]{display:none}}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#8b7e74;font-size:1rem}