:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:375px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}#app,.app-shell{min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:40px;display:flex}.brand{color:#1d4ed8;white-space:nowrap;font-size:20px;font-weight:700}.main-nav{gap:24px;display:flex;overflow-x:auto}.main-nav a{color:#4b5563;white-space:nowrap}.main-nav a.router-link-active{color:#2563eb}.page-card{max-width:1200px;margin:0 auto}.page-card h1{margin-top:0;font-size:24px}.wide-card{max-width:1440px}.narrow-card{max-width:760px}.page-title-row,.detail-heading,.filter-bar,.detail-actions,.user-actions,.login-shortcuts{align-items:center;gap:12px;display:flex}.page-title-row,.detail-heading{justify-content:space-between}.filter-bar,.detail-actions{flex-wrap:wrap;margin-bottom:18px}.user-actions{color:#6b7280;margin-left:auto;font-size:14px}.pagination{justify-content:flex-end;margin-top:20px}.detail-heading h2{margin:0 0 6px;font-size:20px}.detail-heading p{color:#6b7280;margin:0 0 18px}.operation-section{margin:20px 0 12px}.detail-actions{margin-top:12px}.comment-button{margin-top:10px}.login-page{background:linear-gradient(135deg,#eff6ff,#f8fafc);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(440px,100%)}.login-card h1{margin-bottom:8px}.login-card>.el-card__body>p{color:#6b7280;margin-bottom:24px}.login-shortcuts{justify-content:center}@media (max-width:767px){.el-main{padding:12px}.page-card h1{font-size:20px}.page-title-row{flex-wrap:wrap}.filter-bar>*{flex:100%;min-width:0}.filter-bar .el-select,.filter-bar .el-input{width:100%!important;max-width:none!important}.el-button:not(.is-link){min-height:44px}.el-dialog{margin-top:8vh;width:94%!important}.el-drawer{width:100%!important}.el-drawer__body{padding:12px 12px calc(16px + env(safe-area-inset-bottom))}.detail-actions{z-index:3;padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#fff;margin:12px -4px 0;position:sticky;bottom:0}.detail-actions .el-button{flex:auto;margin-left:0}.detail-actions .el-select{width:100%!important}.pagination{justify-content:center}}@media (max-width:640px){.app-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px;height:auto!important}.user-actions{justify-content:flex-end;width:100%}.main-nav{gap:18px;width:100%}}