@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif;background-color:#f5f5f5;color:#1f2329;line-height:1.5}
a{color:inherit;text-decoration:none;display:block}
/* === 顶部栏 === */
.header{background:linear-gradient(135deg,#f60 0%,#f60 100%);position:sticky;top:0;z-index:10}
.top-bar{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 12px}
.top-bar .logo{flex-shrink:0;width:31px; height:31px; margin-bottom:15px;}
.top-bar .logo img{max-width:100%;margin-top:8px}
.back-btn{width:40px;height:20px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}
.back-arrow{width: 1.1rem;height: 1.1rem;line-height: 1.3rem;color: #FFF;text-indent: -999px;background-position: 0 -5rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.top-bar-title{flex:1;text-align:center;font-size:17px;font-weight:600;color:#fff}
.user-info{min-width:60px;text-align:right}
.user-info a{color:#fff;font-size:14px;text-decoration:none}
/* === 主体容器 === */
.main-content{padding:10px}
.section-white{background:#fff;border-radius:10px;padding:5px 12px;margin-bottom:5px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.section-title{font-size:15px;font-weight:500;color:#333;margin:0 0 10px 0}
/* === 公司信息卡 === */
.company-info-card{display:flex;align-items:center;background:#f8f9fa;border-radius:10px;padding:10px}
.company-logo{width:80px;height:80px; border:1px solid #b4d0f9; border-radius:5px;overflow:hidden;margin-right:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.company-logo img{width:100%;height:100%;object-fit:cover;display:block}
.company-logo .default-text{font-size:22px;font-weight:600;color:#fff}
.company-details{flex:1;min-width:0}
.company-name{font-size:17px;font-weight:600;color:#00F;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.company-type{font-size:13px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:4px;display:inline-block;margin-top:2px}
.company-type.orange{background:#fff3e0;color:#f60}
/* === 到期提醒 banner === */
.expire-tip{background:#fff3e0;border-radius:8px;padding:5px 14px;color:#e65100;font-size:13px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}
.expire-tip a{color:#f60;font-weight:600;margin-left:8px;text-decoration:underline;display:inline}
/* === 余额 / 到期 双栏 === */
.info-dual{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:3px}
.info-cell{background:#fff;border-radius:8px;padding:2px 15px;border-left:3px solid #1890ff}
.info-cell.right{border-left-color:#36cfc9}
.info-cell .ic-label{font-size:13px;color:#00F;}
.info-cell .ic-value{font-size:14px;font-weight:600;color:#333}
.info-cell .ic-value.red{color:#f60}
.info-cell .ic-value a{color:#1890ff;display:inline}
/* === 公司基本信息折叠区 === */
.company-info-detail{background:#f8f9fa;border-radius:8px;padding:10px 12px;font-size:13px;color:#666;line-height:2}
.company-info-detail .cid-row{display:flex;justify-content:space-between;border-bottom:1px dashed #e0e0e0}
.company-info-detail .cid-row:last-child{border-bottom:none}
.company-info-detail .cid-row a{color:#666;display:flex;justify-content:space-between;width:100%}
.company-info-detail .cid-row .cid-label{color:#999}
.company-info-detail .cid-row .cid-val{color:#333}
.company-info-detail .cid-row.warn .cid-val{color:#f60}
/* === 快捷菜单 4列格子 === */
.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.menu-card{background:#f8f9fa;border-radius:8px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center}
.menu-icon{width:48px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;font-size:14px;color:#fff;font-weight:500}
.menu-icon.nunu{background:#36cfc9}
.menu-icon.lulu{background:#FED7AA;color:#a0522d}
.menu-icon.orange{background:#FEF3C7;color:#b8860b}
.menu-icon.blue{background:#bae6fd;color:#0369a1}
.menu-icon.purple{background:#E9D5FF;color:#7e22ce}
.menu-icon.lantian{background:#3E9EFE}
.menu-icon.pink{background:#FBCFE8;color:#be185d}
.menu-label{font-size:13px;color:#333}
/* === 统计概览 4列 === */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.stat-card{background:#f8f9fa;border-radius:8px;padding:10px 4px;text-align:center}
.stat-value{font-size:18px;font-weight:500;color:#1890ff;margin-bottom:2px}
.stat-label{font-size:13px;color:#666}
.stat-label a{color:#666;display:inline}
/* === 功能菜单 === */
.menu-card .menu-label a{color:#333}
/* === 最近操作列表 === */
.recent-list{font-size:13px}
.recent-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}
.recent-item:last-child{border-bottom:none}
.recent-time{color:#999;white-space:nowrap;margin-right:8px;font-weight:600;}
.recent-content{flex:1;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* === 底部导航 === */
.foot-nav{display:flex;background:#fff;border-top:1px solid #eee;position:sticky;bottom:0}
.foot-nav .fn-item{flex:1;text-align:center;padding:6px 0;color:#666;font-size:12px}
.foot-nav .fn-item img{width:24px;height:24px;display:block;margin:0 auto 2px}
.foot-nav .fn-item.on{color:#1890ff;font-weight:500}
/* === 版权 === */
.copyright{text-align:center;font-size:12px;color:#bbb;padding:20px 0 80px}