:root{font-family:PingFang SC,Noto Sans SC,sans-serif;color:#0f172a;background:linear-gradient(180deg,#edf4ff,#f8fbff 45%,#f4f8ff);line-height:1.4}*{box-sizing:border-box}body{margin:0;min-width:320px}#app{width:100%}.app-shell{max-width:960px;margin:0 auto;padding:12px 12px 40px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.app-header h1{margin:0;font-size:20px}.header-right{display:flex;align-items:center;gap:8px;font-size:12px}.global-message{margin-bottom:10px;border-radius:10px;padding:10px 12px;font-size:13px}.msg-success{background:#e9fff2;color:#0f7a3b}.msg-error{background:#ffecec;color:#bd1237}.msg-info{background:#eaf2ff;color:#244d95}.login-card,.panel,.sub-panel{border:1px solid #d7e5ff;border-radius:14px;background:#fff;padding:14px;box-shadow:0 8px 24px #243c6d14}.panel{margin-top:10px}.sub-panel{margin-top:12px}h2,h3{margin:10px 0}label{display:block;margin:8px 0 4px;font-size:13px}input,select{width:100%;border:1px solid #cedcf8;border-radius:10px;padding:10px;font-size:14px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px}.tab-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.tab-bar button{border:1px solid #d2e0fb;border-radius:10px;height:38px;font-size:14px;color:#1e3a6f;background:#f2f7ff}.tab-bar button.active{background:#1f5fd8;color:#fff}.count-box,.search-box{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px}.btn-primary,.btn-light,.btn-danger{border:0;border-radius:10px;padding:10px 12px;font-size:14px}.btn-primary{color:#fff;background:linear-gradient(135deg,#286ef1,#3e8bff)}.btn-light{color:#204a91;background:#e6f0ff}.btn-danger{color:#fff;background:#e33d53;padding:8px 10px}.btn-primary:disabled,.btn-light:disabled,.btn-danger:disabled{opacity:.6}.list-wrap{border:1px dashed #cfe0ff;border-radius:10px;padding:8px;display:grid;gap:8px;max-height:320px;overflow:auto}.list-item{border:1px solid #e0ebff;border-radius:10px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.list-item.selected{border-color:#37f;background:#edf4ff}.item-main{min-width:0}.item-main div{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-main small{font-size:12px;color:#5d6e8b}.checkbox-item{display:flex;align-items:center;gap:6px;border:1px solid #e6edff;border-radius:8px;padding:8px;margin:0}.checkbox-item span{font-size:13px}.tip,.loading-box{font-size:12px;color:#5d6e8b}@media (min-width: 768px){.app-shell{padding:20px 20px 48px}.count-box,.search-box{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}