.study-plan{width:100%;background:#F7F8FC;padding:60px 0 60px}
.container{width:1400px;margin:0 auto}
.study-plan .title{text-align:center;font-size:36px;font-weight:600;margin-bottom:20px}
.desc{text-align:center;color:#666;font-size:16px;margin-bottom:70px}
.grid{display:grid;grid-template-columns:1fr 1fr;column-gap:120px;row-gap:70px}
.item{display:flex;align-items:flex-start}
.icon{width:60px;height:60px;margin-right:24px;border-radius:8px;flex-shrink:0}
.content h3{font-size:20px;margin-bottom:12px}
.content p{font-size:14px;line-height:1.8;color:#666}
.icon img{width:100%;height:100%;object-fit:contain}
.banner{width:100%}
.banner img{object-fit:cover;width:100%;height:100%}
.service-process{padding:60px 0 60px;background:#fff}
.container{width:1400px;margin:0 auto}
.service-process .title{text-align:center;font-size:36px;font-weight:600;margin-bottom:30px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 40px}
.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.06)}
.card-header{position:relative;height:60px;padding:20px 24px;color:#fff;background:url('/static/home/images/usa/index/hsb21.png') no-repeat center/cover}
.stage{display:inline-block;background:#ffd54f;color:#333;font-size:12px;padding:4px 10px;border-radius:20px;margin-bottom:8px}
.card-header h3{font-size:20px;font-weight:600}
.card-body{padding:26px 24px 30px}
.block{margin-bottom:18px}
.block h4{font-size:14px;color:#3b82f6;margin-bottom:6px;width:108px;height:36px;line-height:36px;background:#E9EEF6;border-radius:2px;text-align:center}
.block p{font-size:16px;color:#999999;line-height:1.6}
.mentor{padding:60px 0 60px 0;background:#f5f7fb}
.container{width:1400px;margin:0 auto}
.mentor .title{text-align:center;font-size:36px;margin-bottom:10px}
.mentor .desc{text-align:center;color:#666;margin-bottom:34px}
.mentor-row{display:flex;border-top:1px solid #E5E5E5;border-right:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5}
.mentor-row .mentor-card{border-left:1px solid #E5E5E5;flex:1;height:240px;background:#fff;padding:24px;box-sizing:border-box;transition:all .35s ease;cursor:pointer;position:relative;overflow:hidden}
.mentor-card .div_flex{display:flex}
.mentor-card .div_flex h3{margin:20px 0 0 20px}
.mentor-card{flex:1}
.mentor-card.active{flex:2.2;background:url('/static/home/images/usa/index/hsb3.png') no-repeat center center;background-size:cover;color:#fff}
.mentor-card.active .arrow{display:none}
.mentor-card.active p{-webkit-line-clamp:unset;display:block;-webkit-box-orient:unset;overflow:visible;max-height:none;text-overflow:unset;white-space:normal;word-wrap:break-word}
.mentor-card p{line-height:1.5;max-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.mentor .avatar{width:60px;height:60px;background:url('/static/home/images/usa/index/hsb13.png') no-repeat center center;background-size:cover;margin-bottom:14px}
.arrow{width:34px;height:10px;position:absolute;background:url('/static/home/images/usa/index/hsb8.png') no-repeat center center;background-size:cover;bottom:20px;left:24px}
.study-share-section{width:100%;padding:60px 0;text-align:center}
.study-share-section .title{font-size:36px;color:#333;margin-bottom:12px}
.study-share-section .subtitle{font-size:16px;color:#666;margin-bottom:50px}
.tab-container{width:1400px;margin:0 auto;display:flex;justify-content:center;margin-bottom:40px}
.tab-item{width:253px;height:40px;line-height:40px;margin:0 8px;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;border-radius:4px;transition:all 0.3s;font-size:16px}
.tab-item.active{background:#1e6bb8;color:#fff;border-color:#1e6bb8}
.content-container{width:1400px;margin:0 auto}
.content-item{display:none;grid-template-columns:repeat(4,1fr);gap:30px}
.content-item.active{display:grid}
.video-card{background:#fff;overflow:hidden;cursor:pointer;transition:transform 0.3s}
.video-card:hover{transform:translateY(-5px)}
.video-card .placeholder-img{width:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px}
.video-card .placeholder-img img{width:332px;height:443px;object-fit:cover;border-radius:15px}
.video-card .card-title{padding:16px;text-align:left;font-size:18px;color:#333;font-weight:bold}
.video-card .card-desc{padding:0 16px 16px;font-size:14px;color:#666;text-align:left;line-height:1.5}
.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;z-index:9999}
.video-modal.active{display:flex}
.video-modal .close-btn{position:absolute;top:30px;right:30px;color:#fff;font-size:30px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.video-modal .video-wrap{width:800px;height:450px;background:#000}
.video-modal video{width:100%;height:100%;object-fit:contain}
.offer-wall-section{width:100%;max-width:1400px;margin:0 auto;text-align:center;padding:60px 0}
.offer-wall-section .title{font-size:36px;color:#333;margin-bottom:10px}
.offer-wall-section .subtitle{font-size:16px;color:#666;margin-bottom:24px}
.tab-switch{display:inline-flex;border:1px solid #ddd;border-radius:4px;margin-bottom:24px;overflow:hidden}
.tab-switch .tab-btn{padding:12px 36px;background:#fff;border:none;cursor:pointer;font-size:16px;transition:all 0.3s}
.tab-switch .tab-btn.active{background:#1e6bb8;color:#fff}
.table-wrapper{width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.table-wrapper tbody{overflow-y:scroll;height:500px;width:100%}
.offer-table{width:100%;background:#fff;height:200px;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.offer-table thead{background:#1e6bb8;color:#fff}
.offer-table th,.offer-table td{padding:16px;text-align:center;border-bottom:1px solid #eee}
.offer-table tbody tr{transition:background 0.3s}
.offer-table tbody tr:hover{background:#f9fafc}
.offer-table .view-detail{color:#ff5a5f;text-decoration:none;font-size:14px}
.offer-table .view-detail:hover{text-decoration:underline}
.offer-table .view-detail.highlight{background:#ff5a5f;color:#fff;padding:4px 12px;border-radius:4px}
.offer-table .view-detail.highlight:hover{background:#ff474d;text-decoration:none}
.table-wrapper{width:100%;height:500px;overflow:hidden}
table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;font-size:14px;table-layout:fixed}
tbody{display:block;height:100%;overflow-y:auto;width:100%}
thead tr,tbody tr{display:table;width:100%;table-layout:fixed}
tbody::-webkit-scrollbar{width:6px}
tbody::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}