.company-materials-page { max-width: 1320px; margin: 0 auto; padding: 24px; }
.company-materials-hero { display:flex; align-items:center; gap:16px; min-height:126px; padding:24px 28px; border-radius:18px; color:#fff; background:linear-gradient(115deg,#244b70,#34729d 55%,#74a7bf); box-shadow:0 12px 28px rgba(31,75,111,.16); }
.company-materials-hero-mark { display:grid; place-items:center; flex:0 0 58px; width:58px; height:58px; border:1px solid rgba(255,255,255,.34); border-radius:16px; background:rgba(255,255,255,.13); font-size:26px; font-weight:700; }
.company-materials-hero p { margin:0 0 5px; color:rgba(255,255,255,.72); font-size:12px; letter-spacing:1.1px; }
.company-materials-hero h2 { margin:0; font-size:25px; line-height:1.25; }
.company-materials-hero span { display:block; margin-top:7px; color:rgba(255,255,255,.82); font-size:14px; }
.company-materials-hero .el-button { margin-left:auto; border-color:#fff; color:#285a82; background:#fff; }
.company-materials-module-bar { display:flex; align-items:center; gap:20px; margin:20px 0 14px; padding:0 4px; }
.company-materials-module-bar button { display:inline-flex; align-items:center; gap:8px; border:0; border-bottom:2px solid #3878a5; padding:8px 3px; color:#244b70; background:transparent; font:inherit; font-weight:700; cursor:pointer; }
.company-materials-module-bar button b { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; color:#fff; background:#3878a5; font-size:11px; }
.company-materials-module-tip { color:#8493a2; font-size:13px; }
.company-materials-guidance { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px; padding:15px 18px; border:1px solid #d9e8ef; border-radius:12px; background:#f7fbfd; }
.company-materials-guidance b { margin-right:12px; color:#274b69; }
.company-materials-guidance span { color:#657789; font-size:13px; }
.company-materials-manager-tip { flex:0 0 auto; color:#34729d !important; }
.company-app-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px; }
.company-app-card { position:relative; display:flex; flex-direction:column; min-height:254px; padding:20px; border:1px solid #e2e9ee; border-radius:15px; background:#fff; box-shadow:0 6px 18px rgba(30,65,90,.055); transition:transform .15s,box-shadow .15s; }
.company-app-card:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(30,65,90,.11); }
.company-app-card header { display:flex; align-items:center; gap:11px; }
.company-app-platform { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border-radius:11px; color:#fff; background:linear-gradient(145deg,#2c6d9d,#4f91b7); font-size:11px; font-weight:800; letter-spacing:.5px; }
.company-app-title { min-width:0; flex:1; }
.company-app-title h3 { overflow:hidden; margin:0; color:#283b4d; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.company-app-title span { display:block; margin-top:3px; color:#7190a5; font-size:12px; }
.company-app-description { display:-webkit-box; flex:1; overflow:hidden; margin:18px 0 15px; color:#586a79; font-size:13px; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.company-app-meta { display:flex; flex-wrap:wrap; gap:6px 11px; padding-top:12px; border-top:1px solid #edf1f4; color:#8997a3; font-size:12px; }
.company-app-meta span + span::before { margin-right:11px; color:#c0cbd3; content:'·'; }
.company-app-card footer { display:flex; align-items:center; gap:7px; margin-top:16px; }
.company-app-card footer .el-button--primary { margin-left:auto; }
.company-app-downloads { color:#8b99a5; font-size:12px; }
.company-app-admin-actions { display:flex; justify-content:flex-end; gap:3px; margin:10px -5px -8px; padding-top:8px; border-top:1px dashed #e7edf1; }
.company-app-detail-head { display:flex; align-items:center; gap:12px; padding:3px 0 18px; border-bottom:1px solid #edf1f4; }
.company-app-detail-head .company-app-platform { width:48px; height:48px; flex-basis:48px; }
.company-app-detail-head h3 { margin:0 0 5px; color:#263b4e; font-size:17px; }.company-app-detail-head h3 small { color:#7090a5; font-size:12px; font-weight:400; }.company-app-detail-head span { color:#83929e; font-size:12px; }
.company-app-detail-section { margin-top:18px; }.company-app-detail-section h4 { margin:0 0 8px; color:#37536c; font-size:14px; }.company-app-detail-section p { margin:0; color:#566978; line-height:1.8; white-space:pre-wrap; }
.company-app-checksum code { display:block; overflow:auto; padding:10px; border-radius:7px; color:#5b7183; background:#f5f8fa; font-size:11px; white-space:nowrap; }
@media (max-width:720px) { .company-materials-page { padding:14px; }.company-materials-hero { align-items:flex-start; flex-wrap:wrap; padding:20px; }.company-materials-hero .el-button { width:100%; margin:4px 0 0; }.company-materials-guidance { align-items:flex-start; flex-direction:column; gap:7px; }.company-materials-module-bar { align-items:flex-start; flex-direction:column; gap:7px; }.company-app-grid { grid-template-columns:1fr; } }