@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap";:root{--primary: #1565C0;--primary-light: #42A5F5;--primary-lighter: #90CAF9;--primary-dark: #0D47A1;--primary-bg: #E3F2FD;--primary-gradient: linear-gradient(135deg, #1565C0 0%, #42A5F5 100%);--primary-gradient-h: linear-gradient(180deg, #0D47A1 0%, #1976D2 50%, #42A5F5 100%);--accent: #00ACC1;--accent-light: #4DD0E1;--accent-bg: #E0F7FA;--success: #2E7D32;--success-bg: #E8F5E9;--warning: #EF6C00;--warning-bg: #FFF3E0;--danger: #C62828;--danger-bg: #FFEBEE;--info: #1565C0;--info-bg: #E3F2FD;--text-primary: #1A1A2E;--text-secondary: #4A4A4A;--text-tertiary: #666666;--text-placeholder: #9CA3AF;--text-white: #FFFFFF;--text-on-primary: #FFFFFF;--bg-page: #F0F4F8;--bg-card: #FFFFFF;--bg-input: #F5F7FA;--bg-hover: #F0F4F8;--bg-mask: rgba(0, 0, 0, .45);--border: #E5E9EF;--border-light: #F0F2F5;--divider: #F0F2F5;--radius-xs: 1.6vw;--radius-sm: 2.13333vw;--radius-md: 3.2vw;--radius-lg: 4.26667vw;--radius-xl: 5.33333vw;--radius-xxl: 6.4vw;--radius-full: 266.4vw;--shadow-xs: 0 1px .8vw rgba(0, 0, 0, .04);--shadow-sm: 0 .53333vw 2.13333vw rgba(0, 0, 0, .06);--shadow-md: 0 1.06667vw 4.26667vw rgba(0, 0, 0, .08);--shadow-lg: 0 2.13333vw 8.53333vw rgba(0, 0, 0, .1);--shadow-xl: 0 3.2vw 12.8vw rgba(0, 0, 0, .14);--shadow-primary: 0 1.06667vw 3.73333vw rgba(21, 101, 192, .35);--shadow-card: 0 .53333vw 3.2vw rgba(0, 0, 0, .05);--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: 17.06667vw;--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:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;font-size:4.26667vw;line-height:1.6;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:var(--bg-card);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(2.66667vw);backdrop-filter:blur(2.66667vw)}.nav-bar-primary{background:var(--primary);color:var(--text-white);border-bottom:none}.nav-bar .back-btn{display:flex;align-items:center;justify-content:center;width:8.53333vw;height:8.53333vw;margin-right:2.13333vw;background:none;border:none;color:inherit;font-size:4.8vw;cursor:pointer;border-radius:var(--radius-full);transition:background .2s}.nav-bar .back-btn:active{background:#0000000d}.nav-bar-primary .back-btn:active{background:#ffffff26}.nav-bar .nav-title{flex:1;font-size:5.06667vw;font-weight:600;text-align:center;margin-right:10.66667vw}.btn{display:inline-flex;align-items:center;justify-content:center;height:12.8vw;padding:0 5.33333vw;border:none;border-radius:var(--radius-md);font-size:4.26667vw;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:#0000;transition:background .15s}.btn:active:after{background:#0000000f}.btn-primary{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-primary)}.btn-primary:active{transform:scale(.98)}.btn-outline{background:transparent;border:.4vw solid var(--primary);color:var(--primary)}.btn-ghost{background:var(--primary-bg);color:var(--primary);border:none}.btn-danger-outline{background:transparent;border:.4vw solid var(--danger);color:var(--danger)}.btn-block{display:flex;width:100%}.btn-lg{height:13.86667vw;font-size:4.8vw;font-weight:600;border-radius:var(--radius-lg)}.btn-xl{height:14.93333vw;font-size:4.8vw;font-weight:700;border-radius:var(--radius-xl)}.btn-sm{height:10.66667vw;font-size:4vw;padding:0 4.26667vw;border-radius:var(--radius-sm)}.btn-xs{height:8.53333vw;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:var(--bg-card);border-top:1px solid var(--border-light);z-index:40}.input-group{margin-bottom:4.26667vw}.input-group label,.input-label{display:block;font-size:4vw;font-weight:600;color:var(--text-primary);margin-bottom:2.66667vw}.input-group label .required{color:var(--danger);margin-left:.53333vw}.input{width:100%;height:13.86667vw;padding:0 4.26667vw;background:var(--bg-input);border:.4vw 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);background:var(--bg-card);box-shadow:0 0 0 .8vw #1565c01a}.input::placeholder{color:var(--text-placeholder)}textarea.input{height:auto;min-height:26.66667vw;padding:3.2vw 3.73333vw;resize:vertical;line-height:1.6}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='%239CA3AF'/%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-16);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(--text-white);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}.page-title{font-size:6.4vw;font-weight:700}.content-area{padding:0 var(--page-padding);position:relative;z-index:2}.section{margin-bottom:var(--sp-16)}.section-title{display:flex;align-items:center;gap:var(--sp-8);font-size:4.8vw;font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-12);padding-left:var(--sp-4)}.section-title:before{content:"";display:inline-block;width:.8vw;height:4.26667vw;background:var(--primary-gradient);border-radius:.53333vw}.section-title .section-more{margin-left:auto;font-size:3.73333vw;font-weight:400;color:var(--text-secondary)}.list-item{display:flex;align-items:center;padding:3.73333vw 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.06667vw 3.2vw;border-radius:var(--radius-full);font-size:3.46667vw;font-weight:600;letter-spacing:.3px}.tag-primary{background:var(--primary-bg);color:var(--primary)}.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.6}.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:600;color:var(--text-white);flex-shrink:0;background:var(--primary-gradient)}.avatar-sm{width:8.53333vw;height:8.53333vw;font-size:3.46667vw}.avatar-md{width:10.66667vw;height:10.66667vw;font-size:4.26667vw}.avatar-lg{width:12.8vw;height:12.8vw;font-size:4.8vw}.avatar-xl{width:17.06667vw;height:17.06667vw;font-size:6.4vw}.avatar-outline{background:transparent;border:.53333vw solid var(--primary-lighter);color:var(--primary)}.menu-group{overflow:hidden}.menu-group .menu-item{display:flex;align-items:center;padding:4vw var(--sp-16);border-bottom:1px solid var(--divider);cursor:pointer;transition:background .15s;gap:var(--sp-12)}.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.33333vw;width:6.4vw;text-align:center}.menu-group .menu-item .menu-text{flex:1;font-size:4.26667vw;font-weight:500}.menu-group .menu-item .menu-arrow{color:var(--text-placeholder);font-size:3.73333vw}.notice-box{display:flex;align-items:flex-start;gap:var(--sp-10);padding:3.73333vw 4.26667vw;border-radius:var(--radius-md);font-size:4vw;line-height:1.6}.notice-warning{background:var(--warning-bg);color:#e65100}.notice-info{background:var(--info-bg);color:var(--primary-dark)}.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)!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}