@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap";:root{--primary: #D97757;--primary-light: #ED8B6A;--primary-lighter: #F5B098;--primary-dark: #A8553C;--primary-bg: #FEF7F4;--primary-50: #FEF7F4;--primary-100: #FDE8E0;--primary-200: #FAD0C0;--primary-400: #ED8B6A;--primary-500: #D97757;--primary-600: #C56A48;--primary-gradient: linear-gradient(135deg, #D97757 0%, #C56A48 50%, #ED8B6A 100%);--primary-gradient-h: linear-gradient(180deg, #FAF8F5 0%, #FFF5F0 50%, #FEF7F4 100%);--accent: #8CA87C;--accent-light: #A8C498;--accent-bg: #F2F5F0;--success: #5C7A4A;--success-bg: #F2F5F0;--warning: #D97757;--warning-bg: #FEF7F4;--danger: #C56A48;--danger-bg: #FEF7F4;--info: #5A7088;--info-bg: #F0F4F8;--text-primary: #3A3028;--text-secondary: #6B5E55;--text-tertiary: #8B7E75;--text-placeholder: #B0A59C;--text-white: #FFFFFF;--text-on-primary: #FFFFFF;--bg-page: #FAF8F5;--bg-secondary: #F5F2EF;--bg-card: #FFFFFF;--bg-input: #F5F2EF;--bg-hover: #FEF7F4;--bg-mask: rgba(0, 0, 0, .45);--border: #E8E2DC;--border-light: #F0ECE8;--border-color: #E8E2DC;--border-glow: rgba(217, 119, 87, .15);--divider: #F0ECE8;--radius-xs: 2.13333vw;--radius-sm: 3.2vw;--radius-md: 4.26667vw;--radius-lg: 5.33333vw;--radius-xl: 6.4vw;--radius-xxl: 7.46667vw;--radius-full: 266.4vw;--shadow-xs: 0 1px .53333vw rgba(0, 0, 0, .03);--shadow-sm: 0 .53333vw 1.6vw rgba(0, 0, 0, .04);--shadow-md: 0 1.06667vw 3.2vw rgba(0, 0, 0, .05);--shadow-lg: 0 2.13333vw 6.4vw rgba(0, 0, 0, .06);--shadow-xl: 0 3.2vw 9.6vw rgba(0, 0, 0, .08);--shadow-primary: 0 1.06667vw 3.73333vw rgba(217, 119, 87, .18);--shadow-card: 0 .53333vw 2.13333vw rgba(0, 0, 0, .03), 0 0 0 1px rgba(0, 0, 0, .02);--sp-2: .53333vw;--sp-4: 1.06667vw;--sp-6: 1.6vw;--sp-8: 2.13333vw;--sp-10: 2.66667vw;--sp-12: 3.2vw;--sp-16: 4.26667vw;--sp-20: 5.33333vw;--sp-24: 6.4vw;--sp-32: 8.53333vw;--sp-40: 10.66667vw;--sp-48: 12.8vw;--page-padding: 5.33333vw;--tabbar-height: 18.13333vw;--navbar-height: 14.93333vw;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body{font-family:Georgia,"Noto Serif SC",PingFang SC,Hiragino Sans GB,Microsoft YaHei,serif;font-size:4.26667vw;line-height:1.7;color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;position:relative}a{color:var(--primary);text-decoration:none}img{max-width:100%;display:block;object-fit:cover}input,textarea,select,button{font-family:inherit;font-size:inherit}.nav-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;height:var(--navbar-height);padding:0 var(--page-padding);background:#ffffffe0;backdrop-filter:blur(3.2vw);-webkit-backdrop-filter:blur(3.2vw);border-bottom:1px solid var(--border-light)}.nav-bar-primary{background:var(--primary-bg);color:var(--primary-dark);border-bottom:1px solid var(--border-glow)}.nav-bar .back-btn{display:flex;align-items:center;justify-content:center;width:10.66667vw;height:10.66667vw;margin-right:2.13333vw;background:var(--bg-input);border:none;color:var(--text-primary);font-size:4.8vw;cursor:pointer;border-radius:var(--radius-full);transition:background .2s}.nav-bar .back-btn:active{background:var(--border)}.nav-bar-primary .back-btn{background:var(--primary-lighter);color:var(--primary-dark)}.nav-bar-primary .back-btn:active{background:var(--primary-light)}.nav-bar .nav-title{flex:1;font-size:5.33333vw;font-weight:700;text-align:center;margin-right:10.66667vw}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:12.8vw;padding:0 6.4vw;border:none;border-radius:var(--radius-md);font-size:4.26667vw;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.btn:after{content:"";position:absolute;inset:0;background:#0000;transition:background .15s}.btn:active:after{background:#0000000f}.btn-primary{background:var(--primary);color:var(--text-white);box-shadow:var(--shadow-primary)}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{background:transparent;border:.53333vw solid var(--primary-lighter);color:var(--primary-dark)}.btn-ghost{background:var(--primary-bg);color:var(--primary-dark);border:none}.btn-danger-outline{background:transparent;border:.53333vw solid var(--danger);color:var(--danger)}.btn-block{display:flex;width:100%}.btn-lg{min-height:14.93333vw;font-size:4.8vw;font-weight:600;border-radius:var(--radius-lg)}.btn-xl{min-height:16vw;font-size:4.8vw;font-weight:700;border-radius:var(--radius-xl)}.btn-sm{min-height:11.73333vw;font-size:4vw;padding:0 4.26667vw;border-radius:var(--radius-sm)}.btn-xs{min-height:9.6vw;font-size:3.73333vw;padding:0 3.2vw;border-radius:var(--radius-xs)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.bottom-action{position:fixed;bottom:0;left:0;right:0;padding:3.2vw var(--page-padding);padding-bottom:calc(3.2vw + var(--safe-bottom));background:#ffffffe0;backdrop-filter:blur(3.2vw);-webkit-backdrop-filter:blur(3.2vw);border-top:1px solid var(--border-light);z-index:40}.input-group{margin-bottom:5.33333vw}.input-group label,.input-label{display:block;font-size:4.26667vw;font-weight:700;color:var(--text-primary);margin-bottom:2.66667vw}.input-group label .required{color:var(--danger);margin-left:.53333vw}.input{width:100%;min-height:14.93333vw;padding:0 4.8vw;background:var(--bg-input);border:.53333vw solid transparent;border-radius:var(--radius-md);font-size:4.26667vw;color:var(--text-primary);transition:all .2s;outline:none}.input:focus{border-color:var(--primary-light);background:var(--bg-card);box-shadow:0 0 0 1.06667vw #d9775714}.input::placeholder{color:var(--text-placeholder);font-size:4vw}textarea.input{height:auto;min-height:32vw;padding:3.73333vw 4.8vw;resize:vertical;line-height:1.7}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23B0A59C'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 3.73333vw center;padding-right:9.6vw}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--sp-20);box-shadow:var(--shadow-card)}.card-flat{box-shadow:none;border:1px solid var(--border-light)}.card-elevated{box-shadow:var(--shadow-md)}.card+.card{margin-top:var(--sp-12)}.page{min-height:100vh;background:var(--bg-page)}.page-with-tabbar{padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 3.2vw)}.page-header{padding:var(--sp-16) var(--page-padding)}.page-header-primary{background:var(--primary-gradient-h);color:var(--primary-dark);padding:var(--sp-20) var(--page-padding) var(--sp-24);border-radius:0 0 var(--radius-xxl) var(--radius-xxl);margin-bottom:-3.2vw;position:relative;z-index:1;border-bottom:1px solid var(--border-glow)}.page-title{font-size:6.93333vw;font-weight:700;font-family:Georgia,"Noto Serif SC",serif}.content-area{padding:0 var(--page-padding);position:relative;z-index:2}.section{margin-bottom:var(--sp-24)}.section-title{display:flex;align-items:center;gap:var(--sp-10);font-size:5.33333vw;font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-14);padding-left:var(--sp-4)}.section-title:before{content:"";display:inline-block;width:1.06667vw;height:5.33333vw;background:var(--primary-light);border-radius:.53333vw}.section-title .section-more{margin-left:auto;font-size:4vw;font-weight:400;color:var(--text-secondary)}.list-item{display:flex;align-items:center;padding:4.26667vw 0;border-bottom:1px solid var(--divider);cursor:pointer;transition:background .15s}.list-item:last-child{border-bottom:none}.list-item:active{background:var(--bg-hover)}.tag{display:inline-flex;align-items:center;padding:1.6vw 4.26667vw;border-radius:var(--radius-full);font-size:3.46667vw;font-weight:700;letter-spacing:.3px}.tag-primary{background:var(--primary-bg);color:var(--primary-dark)}.tag-success{background:var(--success-bg);color:var(--success)}.tag-warning{background:var(--warning-bg);color:var(--warning)}.tag-danger{background:var(--danger-bg);color:var(--danger)}.tag-info{background:var(--info-bg);color:var(--info)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12.8vw 6.4vw;text-align:center}.empty-state .empty-icon{font-size:13.86667vw;margin-bottom:4.26667vw;opacity:.5}.empty-state .empty-text{font-size:4.26667vw;color:var(--text-secondary);line-height:1.7}.empty-state .empty-action{margin-top:5.33333vw}.loading{display:flex;align-items:center;justify-content:center;padding:10.66667vw}.loading-spinner{width:8.53333vw;height:8.53333vw;border:.8vw solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:700;color:var(--text-white);flex-shrink:0;background:var(--primary)}.avatar-sm{width:9.6vw;height:9.6vw;font-size:3.46667vw}.avatar-md{width:12.8vw;height:12.8vw;font-size:4.26667vw}.avatar-lg{width:16vw;height:16vw;font-size:4.8vw}.avatar-xl{width:21.33333vw;height:21.33333vw;font-size:6.4vw}.avatar-outline{background:transparent;border:.53333vw solid var(--primary-lighter);color:var(--primary-dark)}.menu-group{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.menu-group .menu-item{display:flex;align-items:center;padding:4.8vw var(--sp-20);border-bottom:1px solid var(--divider);cursor:pointer;transition:background .15s;gap:var(--sp-14);min-height:16vw}.menu-group .menu-item:last-child{border-bottom:none}.menu-group .menu-item:active{background:var(--bg-hover)}.menu-group .menu-item .menu-icon{font-size:5.86667vw;width:7.46667vw;text-align:center}.menu-group .menu-item .menu-text{flex:1;font-size:4.26667vw;font-weight:600}.menu-group .menu-item .menu-arrow{color:var(--text-placeholder);font-size:4.8vw}.notice-box{display:flex;align-items:flex-start;gap:var(--sp-10);padding:4.26667vw 4.8vw;border-radius:var(--radius-md);font-size:4vw;line-height:1.7}.notice-warning{background:var(--warning-bg);color:var(--primary-dark)}.notice-info{background:var(--info-bg);color:var(--info)}.notice-success{background:var(--success-bg);color:var(--success)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(4.26667vw)}.tab-fade-enter-active{transition:opacity .15s ease}.tab-fade-leave-active{transition:opacity .1s ease}.tab-fade-enter-from,.tab-fade-leave-to{opacity:0}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary-dark)!important}.text-secondary{color:var(--text-secondary)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.font-bold{font-weight:700}.font-medium{font-weight:500}.mt-8{margin-top:2.13333vw}.mt-12{margin-top:3.2vw}.mt-16{margin-top:4.26667vw}.mt-24{margin-top:6.4vw}.mb-8{margin-bottom:2.13333vw}.mb-12{margin-bottom:3.2vw}.mb-16{margin-bottom:4.26667vw}.gap-8{gap:2.13333vw}.gap-12{gap:3.2vw}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}