.foreign-service-page{min-height:100vh;background:#f6f8fc}.page-title{padding:40px 0;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;margin-bottom:40px}.page-title h1{font-size:32px;font-weight:700;margin-bottom:10px}.page-title p{font-size:16px;opacity:.9}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-content{padding:10px 0}.sections-wrapper{display:flex;flex-direction:column;gap:40px}.section-block{background:#fff;border-radius:24px;padding:40px 36px;box-shadow:0 18px 50px rgba(15,44,74,.08)}.section-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start;padding:0}.section-title{font-size:28px;font-weight:700;color:#1b1f3b;margin-bottom:10px;margin-top:0}.section-subtitle{font-size:15px;color:#5b6378}.foreign-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service-card{display:flex;gap:18px;padding:22px;border-radius:18px;background:#fdfdff;border:1px solid rgba(15,44,74,.06);box-shadow:0 12px 30px rgba(15,44,74,.08);transition:transform .25s ease,box-shadow .25s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(15,44,74,.12)}.service-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#1e2a44;flex-shrink:0}.service-content{display:flex;flex-direction:column;gap:10px;flex:1}.service-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#6b7288}.service-index{font-weight:700;color:#0f63ff;font-size:20px}.service-category{padding:3px 10px;border-radius:999px;background:#edf3ff;color:#1f3c88}.service-title{font-size:18px;font-weight:600;color:#161c2d;margin:0}.service-desc{font-size:14px;color:#4f5567;line-height:1.7;margin:0}.service-actions{display:flex;gap:12px;align-items:center;margin-top:8px}.detail-btn{padding:10px 16px;border-radius:10px;border:none;background:linear-gradient(120deg,#0f66ff,#0b46c9);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;align-self:flex-start}.detail-btn.ghost{background:transparent;color:#0b46c9;border:1px solid rgba(11,70,201,.2);box-shadow:none}.detail-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(15,102,255,.35)}.contact-btn{padding:12px 24px;border-radius:10px;border:none;background:linear-gradient(120deg,#0f66ff,#0b46c9);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap;flex-shrink:0}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(15,102,255,.35)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex;flex-direction:column}.modal-content-wide{max-width:780px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #eef1f6}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1b1f3b}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#8f96a3;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.modal-close:hover{background-color:#f5f7fa}.modal-body{padding:15px 30px;flex:1;overflow-y:auto}.modal-footer{padding:20px 30px;border-top:1px solid #eef1f6;display:flex;justify-content:flex-end;gap:12px}.modal-confirm-btn{padding:10px 24px;background:linear-gradient(120deg,#0f66ff,#0b46c9);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.modal-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,102,255,.3)}.notary-modal{max-width:900px}.notary-modal-body{padding:0}.notary-content{display:flex;height:500px}.business-list-sidebar{width:250px;border-right:1px solid #eef1f6;background:#f8f9fc;overflow-y:auto}.business-items{list-style:none;padding:0;margin:0}.business-items li{padding:16px 20px;border-bottom:1px solid #eef1f6;cursor:pointer;transition:all .2s ease;font-size:14px;color:#4f5567;background:none;border-left:none;border-radius:0;margin-bottom:0}.business-items li:hover{background:#edf3ff;color:#0f63ff}.business-items li.active{background:#0f63ff;color:#fff;border-left:4px solid #0b46c9}.business-detail{flex:1;padding:24px;overflow-y:auto}.detail-title{font-size:20px;font-weight:600;color:#1b1f3b;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #0f63ff}.notary-classroom{margin-bottom:24px;padding:16px;background:#f8f9fc;border-radius:8px}.notary-classroom h5{font-size:16px;font-weight:600;color:#1b1f3b;margin-bottom:12px}.classroom-content{font-size:14px;line-height:1.6;color:#4f5567}.classroom-content p{margin-bottom:8px}.classroom-content strong{font-weight:700;color:#1b1f3b}.material-section{margin-bottom:20px}.material-section h5{font-size:16px;font-weight:600;color:#1b1f3b;margin-bottom:12px}.material-list{list-style:none;padding:0;margin:0 0 12px}.material-list li{padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:14px;color:#4f5567}.material-list li:last-child{border-bottom:none}.material-note{font-size:13px;color:#8f96a3;font-style:italic}.special-note{margin-top:16px;padding:12px;background:#fff8e6;border-left:4px solid #ffc107;border-radius:4px}.special-note p{font-size:13px;color:#8a6d3b;margin:0;line-height:1.5}.contact-info{margin-top:20px;padding:16px;background:#e8f5e8;border-radius:8px}.contact-info p{margin:0;font-size:14px;color:#2d5016;line-height:1.5}.phone-number{font-size:16px!important;font-weight:600;color:#0f63ff!important}.no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:#8f96a3;font-size:16px}.health-modal{max-width:900px}.health-modal-body{padding:0}.health-content{display:flex;height:500px}.service-detail-content{font-size:16px;line-height:2;color:#4f5567;white-space:pre-wrap;word-wrap:break-word}.service-detail-content strong{font-weight:700;color:#1b1f3b}.contact-modal{max-width:600px}.contact-simple p{margin:0 0 10px;font-size:16px;line-height:1.6;color:#4f5567}.contact-simple .contact-label{color:#1b1f3b;font-weight:500}@media (max-width:992px){.foreign-services-grid,.health-grid,.notary-list{grid-template-columns:1fr}}@media (max-width:768px){.section-block{padding:28px 20px}.service-card{flex-direction:column}.service-icon{width:60px;height:60px;border-radius:16px;font-size:26px}.service-actions{flex-direction:column;align-items:stretch}.detail-btn{width:100%;justify-content:center}.section-header{flex-direction:column;gap:16px}.contact-btn{align-self:flex-start}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.modal-body,.modal-footer,.modal-header{padding:20px}.health-content,.notary-content{flex-direction:column;height:auto}.business-list-sidebar{width:100%;border-right:none;border-bottom:1px solid #eef1f6;max-height:200px}.business-detail{padding:16px}.modal-footer{flex-direction:column}.modal-confirm-btn{width:100%}}.notary-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.notary-card{background:#fdfdff;border:1px solid rgba(15,44,74,.06);border-radius:14px;padding:24px;box-shadow:0 8px 24px rgba(15,44,74,.06);transition:transform .25s ease,box-shadow .25s ease}.notary-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(15,44,74,.1)}.notary-card-title{font-size:18px;font-weight:600;color:#1b1f3b;margin:0 0 8px}.notary-card-desc{font-size:14px;color:#4f5567;line-height:1.7;margin:0 0 16px}.notary-card-materials h5{font-size:15px;font-weight:600;color:#1b1f3b;margin:0 0 10px}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.health-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(15,44,74,.06);border:1px solid rgba(15,44,74,.06);transition:transform .25s ease,box-shadow .25s ease}.health-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,44,74,.12)}.health-card-top{padding:24px;background:linear-gradient(135deg,#f0f5ff,#e8efff)}.health-card-name{font-size:18px;font-weight:700;color:#1b1f3b;margin:0 0 8px}.health-card-desc{font-size:14px;color:#555;line-height:1.6;margin:0}.health-card-body{padding:20px 24px}.health-contact{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f0f0f0;margin-bottom:12px}.health-contact-label{font-size:13px;color:#888}.health-contact-value{font-size:16px;font-weight:600;color:#0f63ff}.health-materials h5{font-size:14px;font-weight:600;color:#1b1f3b;margin:0 0 8px}