.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.tab-bar-item{flex:1;text-align:center;padding:6px 0;cursor:pointer}.tab-bar-item.active .tab-label{color:#1a1a1a;font-weight:600}.tab-label{font-size:13px;color:#999}:root{--c-primary: #1a1a1a;--c-primary-light: #333333;--c-primary-soft: #f5f5f5;--c-accent: #B8929A;--c-accent-dark: #9A7580;--c-accent-light: #F5EAED;--c-bg: #F7F7F5;--c-bg-warm: #FAF9F7;--c-surface: #FFFFFF;--c-text-1: #1a1a1a;--c-text-2: #666666;--c-text-3: #999999;--c-text-4: #cccccc;--c-text-inv: #FFFFFF;--c-border: #EBEBEB;--c-border-light: #F2F2F2;--c-divider: #F0F0F0;--c-success: #48bb78;--c-warning: #ecc94b;--c-error: #e53e3e;--c-yi: #48bb78;--c-ji: #e53e3e;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 24px;--fs-4xl: 28px;--lh-tight: 1.3;--lh-normal: 1.6;--lh-relaxed: 1.8;--header-h: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px);--page-px: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--c-text-1);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh;background:var(--c-bg)}.page{min-height:100vh;background:var(--c-bg);padding-bottom:var(--s-6);-webkit-overflow-scrolling:touch}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding:0 var(--s-4);background:var(--c-surface);border-bottom:1px solid var(--c-divider)}.app-header .back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;cursor:pointer;color:var(--c-text-1);border-radius:var(--r-sm);transition:background .2s}.app-header .back-btn:active{background:var(--c-primary-soft)}.app-header .back-btn svg{width:20px;height:20px}.app-header .header-title{font-size:var(--fs-lg);font-weight:600;color:var(--c-text-1);position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.app-header .header-action{display:flex;align-items:center;gap:var(--s-3)}.app-header .header-action span,.app-header .header-action button{font-size:var(--fs-base);color:var(--c-text-2);cursor:pointer;background:none;border:none;padding:var(--s-2)}.card{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--shadow-sm)}.card-flat{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--s-4)}.card-dark{background:var(--c-primary);border-radius:var(--r-lg);padding:var(--s-5);color:var(--c-text-inv)}.card-accent{background:linear-gradient(135deg,var(--c-accent) 0%,var(--c-accent-dark) 100%);border-radius:var(--r-lg);padding:var(--s-5);color:var(--c-text-inv)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px var(--s-6);border-radius:var(--r-md);font-size:var(--fs-base);font-weight:500;cursor:pointer;border:none;outline:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--c-primary);color:var(--c-text-inv)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--c-primary-soft);color:var(--c-text-1)}.btn-outline{background:transparent;color:var(--c-text-1);border:1px solid var(--c-border)}.btn-accent{background:linear-gradient(135deg,var(--c-accent),var(--c-accent-dark));color:var(--c-text-inv)}.btn-block{width:100%}.btn-sm{padding:8px var(--s-4);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-lg{padding:16px var(--s-8);font-size:var(--fs-lg);border-radius:var(--r-lg)}.form-input{width:100%;padding:14px var(--s-4);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--fs-base);color:var(--c-text-1);background:var(--c-surface);outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.form-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #1a1a1a0f}.form-input::placeholder{color:var(--c-text-4)}.form-label{display:block;font-size:var(--fs-sm);color:var(--c-text-2);margin-bottom:var(--s-2);font-weight:500}.section{padding:var(--s-5) var(--page-px)}.section-title{font-size:var(--fs-lg);font-weight:600;color:var(--c-text-1);margin-bottom:var(--s-4)}.section-desc{font-size:var(--fs-sm);color:var(--c-text-3);margin-bottom:var(--s-3)}.menu-list{background:var(--c-surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:16px var(--s-4);cursor:pointer;transition:background .15s;border-bottom:1px solid var(--c-border-light)}.menu-item:last-child{border-bottom:none}.menu-item:active{background:var(--c-bg)}.menu-item .menu-label{font-size:var(--fs-base);color:var(--c-text-1)}.menu-item .menu-arrow{color:var(--c-text-4);font-size:var(--fs-lg)}.menu-item .menu-icon{width:20px;height:20px;margin-right:var(--s-3);color:var(--c-text-2)}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:500}.tag-primary{background:var(--c-primary-soft);color:var(--c-text-1)}.tag-accent{background:var(--c-accent-light);color:var(--c-accent-dark)}.tag-success{background:#f0fff4;color:#276749}.tag-danger{background:#fff5f5;color:#9b2c2c}.loading-spinner{width:36px;height:36px;border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-12) var(--s-4);gap:var(--s-4)}.loading-state p{font-size:var(--fs-base);color:var(--c-text-3)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--s-12) var(--s-4);color:var(--c-text-3)}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--s-4);opacity:.3}.empty-state p{font-size:var(--fs-base)}.stats-row{display:flex;gap:var(--s-3)}.stat-card{flex:1;background:var(--c-surface);border-radius:var(--r-lg);padding:var(--s-5) var(--s-3);text-align:center;box-shadow:var(--shadow-xs)}.stat-num{display:block;font-size:var(--fs-3xl);font-weight:700;color:var(--c-text-1);line-height:1.2}.stat-label{display:block;font-size:var(--fs-sm);color:var(--c-text-3);margin-top:var(--s-1)}.data-grid{display:grid;gap:var(--s-3)}.data-grid-2{grid-template-columns:repeat(2,1fr)}.data-grid-3{grid-template-columns:repeat(3,1fr)}.data-grid-4{grid-template-columns:repeat(4,1fr)}.divider{height:1px;background:var(--c-divider);margin:var(--s-3) 0}.divider-thick{height:8px;background:var(--c-bg)}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--s-3) var(--s-5);background:#000000bf;color:#fff;border-radius:var(--r-md);font-size:var(--fs-base);z-index:9999;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--s-6);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--c-surface);border-radius:var(--r-xl);padding:var(--s-6);width:100%;max-width:360px;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.text-center{text-align:center}.text-muted{color:var(--c-text-3)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.mt-2{margin-top:var(--s-2)}.mt-4{margin-top:var(--s-4)}.mt-6{margin-top:var(--s-6)}.mb-2{margin-bottom:var(--s-2)}.mb-4{margin-bottom:var(--s-4)}.px-4{padding-left:var(--s-4);padding-right:var(--s-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.w-full{width:100%}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.safe-bottom{padding-bottom:calc(var(--s-6) + var(--safe-bottom))}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-right-enter-active,.slide-right-leave-active{transition:transform .3s ease}.slide-right-enter-from,.slide-right-leave-to{transform:translate(100%)}.report-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300;display:flex;align-items:flex-end;justify-content:center}.report-modal{background:#fff;width:100%;max-width:600px;height:90vh;display:flex;flex-direction:column;border-radius:16px 16px 0 0;overflow:hidden}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.report-modal-title{font-size:16px;font-weight:600;color:#1a1a1a;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.report-modal-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.report-modal-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;text-decoration:none}.report-modal-btn-pdf{background:#1a1a1a;color:#fff}.report-modal-btn-pdf:active{background:#333}.report-modal-btn-dl{background:#f5f5f5;color:#555}.report-modal-btn-dl:active{background:#e8e8e8}.report-modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0 4px;line-height:1}.report-modal-body{flex:1;overflow-y:auto;padding:20px}.report-loading{text-align:center;padding:40px 0;color:#999;font-size:14px}.report-md-content{font-size:15px;line-height:1.8;color:#1a1a1a}.report-md-content h1{font-size:22px;font-weight:700;margin:24px 0 12px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.report-md-content h2{font-size:19px;font-weight:600;margin:20px 0 10px;color:#2c2c2c}.report-md-content h3{font-size:17px;font-weight:600;margin:16px 0 8px;color:#333}.report-md-content h4{font-size:15px;font-weight:600;margin:14px 0 6px;color:#444}.report-md-content p{margin:8px 0}.report-md-content ul,.report-md-content ol{padding-left:24px;margin:8px 0}.report-md-content li{margin:4px 0}.report-md-content strong{font-weight:600;color:#1a1a1a}.report-md-content em{font-style:italic;color:#555}.report-md-content blockquote{border-left:3px solid #B8929A;padding:8px 16px;margin:12px 0;background:#faf8f8;border-radius:0 8px 8px 0;color:#555}.report-md-content code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-size:13px;font-family:monospace}.report-md-content pre{background:#f8f8f8;padding:12px 16px;border-radius:8px;overflow-x:auto;margin:12px 0}.report-md-content pre code{background:none;padding:0}.report-md-content table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}.report-md-content th,.report-md-content td{border:1px solid #e0e0e0;padding:8px 12px;text-align:left}.report-md-content th{background:#f5f5f5;font-weight:600}.report-md-content hr{border:none;border-top:1px solid #e8e8e8;margin:20px 0}.report-md-content a{color:#3b82f6;text-decoration:none}