.page-fade-enter-active,.page-fade-leave-active{transition:opacity .2s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}:root{--bg-primary: #f4f5f7;--bg-card: #ffffff;--bg-card-hover: #f7f8fa;--text-primary: #191919;--text-secondary: #646970;--text-muted: #adb5bd;--border-color: #e5e6e8;--accent-color: #07c160;--accent-hover: #06ad56;--accent-light: #e8f9f0;--danger-color: #fa5151;--warning-color: #ff976a;--info-color: #10aeff;--shadow: 0 2px 8px rgba(0, 0, 0, .06);--radius: 12px;--radius-sm: 8px}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1a1a;--bg-card: #2c2c2e;--bg-card-hover: #3a3a3c;--text-primary: #f0f0f0;--text-secondary: #aeaeb2;--text-muted: #636366;--border-color: #3a3a3c;--accent-color: #07c160;--accent-hover: #05a450;--accent-light: #1a3a2a;--danger-color: #ff453a;--warning-color: #ff9f0a;--info-color: #0a84ff;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;width:100%;background:var(--bg-primary)}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Segoe UI,Arial,Noto Sans CJK SC,sans-serif;font-size:15px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}.page-container{min-height:100vh;background:var(--bg-primary);padding-bottom:env(safe-area-inset-bottom,20px)}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.nav-bar .nav-back{display:flex;align-items:center;gap:4px;color:var(--accent-color);font-size:15px;cursor:pointer;min-width:60px}.nav-bar .nav-title{font-size:17px;font-weight:600;color:var(--text-primary)}.nav-bar .nav-right{min-width:60px;text-align:right}.card{background:var(--bg-card);border-radius:var(--radius);margin:12px 16px;overflow:hidden;box-shadow:var(--shadow)}.list-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.list-item:last-child{border-bottom:none}.list-item:active{background:var(--bg-card-hover)}.list-item .item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px;flex-shrink:0}.list-item .item-content{flex:1;min-width:0}.list-item .item-title{font-size:15px;color:var(--text-primary);font-weight:500}.list-item .item-desc{font-size:13px;color:var(--text-secondary);margin-top:2px}.list-item .item-arrow{color:var(--text-muted);font-size:14px;flex-shrink:0}.btn-primary{display:block;width:100%;padding:14px;background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;text-align:center;transition:background .2s,opacity .2s}.btn-primary:active{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.pending{background:#fff3e0;color:var(--warning-color)}.status-badge.replied{background:var(--accent-light);color:var(--accent-color)}.status-badge.resolved{background:var(--bg-primary);color:var(--text-muted)}.form-textarea{width:100%;background:transparent;border:none;outline:none;resize:none;font-size:15px;color:var(--text-primary);line-height:1.6;font-family:inherit}.form-textarea::placeholder{color:var(--text-muted)}.empty-tip{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px}.empty-tip .empty-icon{font-size:48px;margin-bottom:12px}.new-reply-banner{display:flex;align-items:center;gap:8px;margin:12px 16px;padding:12px 16px;background:var(--accent-light);border:1px solid var(--accent-color);border-radius:var(--radius-sm);color:var(--accent-color);font-size:14px;font-weight:500;cursor:pointer}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;z-index:9999;pointer-events:none;transition:opacity .3s}.loading-spin{display:flex;justify-content:center;align-items:center;padding:40px}.loading-spin:after{content:"";width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}