.mcsb3-page { width:100%; max-width:1440px; margin:40px auto; box-sizing:border-box; font-family:'Open Sans',sans-serif; color:#555; font-size:15px; line-height:1.55; }
.mcsb3-section { width:100%; margin:0 0 12px; padding:20px 20px; box-sizing:border-box; background:#f9fafb; border-radius:24px; }
.mcsb3-inner { width:100%; max-width:1280px; margin:0 auto; box-sizing:border-box; }
.mcsb3-section h2 { margin:0 0 12px; color:#222; font-size:30px; line-height:1.3; text-align:center; font-weight:700; }
.mcsb3-intro { max-width:960px; margin:0 auto 12px; font-size:15px; line-height:1.55; text-align:center; }
.mcsb3-table-wrap { overflow-x:auto; border:1px solid #dbe3ee; border-radius:14px; background:#fff; }
.mcsb3-table { width:100%; min-width:680px; border-collapse:collapse; font-size:14px; line-height:1.4; }
.mcsb3-table th,.mcsb3-table td { padding:8px 12px; border-bottom:1px solid #e2e8f0; text-align:left; vertical-align:middle; }
.mcsb3-table thead th { background:#f1f5f9; color:#0047AB; font-weight:700; }
.mcsb3-table tbody tr:last-child th,.mcsb3-table tbody tr:last-child td { border-bottom:0; }
.mcsb3-spec-table th { width:29%; color:#0047AB; background:#f8fafc; font-weight:600; }
.mcsb3-card-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.mcsb3-card { padding:20px 16px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; text-align:center; }
.mcsb3-icon { margin-bottom:10px; font-size:30px; }
.mcsb3-card h3,.mcsb3-related-card h3 { margin:0 0 9px; color:#0047AB; font-size:17px; line-height:1.35; }
.mcsb3-card p,.mcsb3-related-card p { margin:0; font-size:14px; line-height:1.55; }
.mcsb3-carousel-wrap { position:relative; padding:0 28px; }
.mcsb3-carousel-viewport { overflow-x:auto; overflow-y:hidden; width:100%; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; -ms-overflow-style:none; }
.mcsb3-carousel-viewport::-webkit-scrollbar { display:none; }
.mcsb3-carousel-track { display:flex; gap:14px; width:100%; }
.mcsb3-app-card { flex:0 0 calc((100% - 28px)/3); overflow:hidden; border:1px solid #e2e8f0; border-radius:16px; background:#fff; color:inherit; text-decoration:none; scroll-snap-align:start; box-sizing:border-box; }
.mcsb3-app-card img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.mcsb3-app-card h3 { margin:13px 14px 6px; color:#0047AB; font-size:17px; }
.mcsb3-app-card p { margin:0 14px 16px; font-size:14px; line-height:1.5; }
.mcsb3-carousel-btn { position:absolute; top:42%; width:36px; height:36px; border:1px solid #cbd5e1; border-radius:50%; background:#fff; color:#0047AB; font-size:24px; line-height:1; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.08); }
.mcsb3-prev { left:-2px; }.mcsb3-next { right:-2px; }
.mcsb3-subtitle { margin:14px 0 7px; color:#0047AB; font-size:19px; text-align:center; }
.mcsb3-faq-list { display:flex; flex-direction:column; gap:10px; }
.mcsb3-faq-item { overflow:hidden; border:1px solid #e2e8f0; border-radius:12px; background:#fff; }
.mcsb3-question { display:flex; justify-content:space-between; align-items:center; width:100%; padding:15px 18px; border:0; background:#fff; color:#222; font:600 16px/1.4 'Open Sans',sans-serif; text-align:left; cursor:pointer; }
.mcsb3-question span { margin-left:12px; color:#0047AB; font-size:20px; }
.mcsb3-answer { display:none; padding:0 18px 16px; }
.mcsb3-faq-item.active .mcsb3-answer { display:block; }.mcsb3-answer p { margin:0; font-size:15px; line-height:1.6; }
.mcsb3-answer a,.mcsb3-related-card a { color:#0047AB; font-weight:600; text-decoration:none; }.mcsb3-answer a:hover,.mcsb3-related-card a:hover { text-decoration:underline; }
.mcsb3-related-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.mcsb3-related-card { display:grid; grid-template-columns:180px 1fr; min-height:180px; overflow:hidden; border:1px solid #dbe3ee; border-radius:16px; background:#fff; }
.mcsb3-related-card img { width:100%; height:100%; min-height:180px; object-fit:cover; }.mcsb3-related-card div { display:flex; flex-direction:column; padding:18px; }.mcsb3-related-card a { margin-top:auto; padding-top:14px; font-size:15px; }
@media (max-width:1000px) { .mcsb3-card-grid{grid-template-columns:repeat(2,1fr)}.mcsb3-app-card{flex-basis:calc((100% - 14px)/2)} }
@media (max-width:700px) { .mcsb3-page{width:98%;margin:16px auto}.mcsb3-section{margin-bottom:10px;padding:18px 16px}.mcsb3-section h2{font-size:25px}.mcsb3-card-grid,.mcsb3-related-grid{grid-template-columns:1fr}.mcsb3-app-card{flex-basis:100%}.mcsb3-related-card{grid-template-columns:130px 1fr}.mcsb3-related-card img{min-height:150px}.mcsb3-table{min-width:600px}.mcsb3-carousel-wrap{padding:0 20px} }
@media (max-width:480px) { .mcsb3-related-card{grid-template-columns:1fr}.mcsb3-related-card img{height:160px}.mcsb3-related-card div{min-height:170px}.mcsb3-section{padding:16px 12px}.mcsb3-table th,.mcsb3-table td{padding:7px 9px;font-size:13px} }