.rise-page { min-height: 100vh; background: #f8faf9;}.rise-page .hero-banner { position: relative; overflow: hidden; background: linear-gradient(160deg, #1b4332 0%, #2d6a4f 55%, #40916c 100%); padding: 2.5rem 1.5rem 2rem; text-align: center; color: #fff;}.rise-page .hero-particles { position: absolute; inset: 0; pointer-events: none;}.rise-page .hero-particles span { position: absolute; display: block; border-radius: 50%; background: rgba(255, 255, 255, 0.12); animation: rise-particle-float 6s ease-in-out infinite;}.rise-page .hero-particles span:nth-child(1) { width: 80px; height: 80px; top: -20px; left: 10%; animation-delay: 0s; animation-duration: 7s;}.rise-page .hero-particles span:nth-child(2) { width: 50px; height: 50px; top: 30px; right: 12%; animation-delay: 1.2s; animation-duration: 5.5s;}.rise-page .hero-particles span:nth-child(3) { width: 35px; height: 35px; bottom: 10px; left: 20%; animation-delay: 0.6s; animation-duration: 6.5s;}.rise-page .hero-particles span:nth-child(4) { width: 60px; height: 60px; bottom: -15px; right: 25%; animation-delay: 2s; animation-duration: 8s;}.rise-page .hero-particles span:nth-child(5) { width: 25px; height: 25px; top: 50%; left: 5%; animation-delay: 1.8s; animation-duration: 5s;}.rise-page .hero-particles span:nth-child(6) { width: 45px; height: 45px; top: 15px; left: 50%; animation-delay: 3s; animation-duration: 7.5s;}@keyframes rise-particle-float { 0%, 100% { transform: translateY(0) scale(1); opacity: 0.7; } 50% { transform: translateY(-18px) scale(1.1); opacity: 0.3; }}.rise-page .hero-icon { position: relative; width: 60px; height: 60px; background: rgba(255, 255, 255, 0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; margin: 0 auto 1rem; border: 1px solid rgba(255, 255, 255, 0.2); animation: rise-icon-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both,   rise-icon-pulse 3s ease-in-out 0.6s infinite;}@keyframes rise-icon-pop { from { transform: scale(0.4); opacity: 0; } to  { transform: scale(1);  opacity: 1; }}@keyframes rise-icon-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0.25); } 50% { box-shadow: 0 0 0 10px rgba(255,255,255,0); }}.rise-page .hero-title { position: relative; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.3px; margin-bottom: 0.5rem; animation: rise-fade-up 0.6s ease 0.2s both;}.rise-page .hero-sub { position: relative; font-size: 0.85rem; color: rgba(255, 255, 255, 0.78); line-height: 1.5; animation: rise-fade-up 0.6s ease 0.4s both;}@keyframes rise-fade-up { from { transform: translateY(16px); opacity: 0; } to  { transform: translateY(0);  opacity: 1; }}.rise-page .content-wrap { padding: 1.4rem 1rem 2.5rem;}.rise-page .section-title { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; background: #e8f5f0; color: #2e7d5e; font-size: 1.5rem; font-weight: 700; padding: 30px 15px; border-radius: 10px; margin-bottom: 0.9rem;}.rise-page .section-title i { font-size: 1.5rem;}.rise-page .mt-3 { margin-top: 1rem; }.rise-page .mt-4 { margin-top: 1.5rem; }.intro-wrap .vision-card { background: #fff; border-radius: 14px; padding: 1rem 1.1rem; margin-bottom: 0.7rem; display: flex; align-items: flex-start; gap: 0.9rem; box-shadow: 0 1px 6px rgba(0,0,0,0.06); border: 1px solid #e6f0eb; } .intro-wrap .vision-badge { flex-shrink: 0; background: linear-gradient(135deg, #2d6a4f, #40916c); color: #fff; font-size: 0.78rem; font-weight: 700; padding: 4px 12px; border-radius: 20px; white-space: nowrap; margin-top: 2px; } .intro-wrap .vision-text { font-size: 0.88rem; line-height: 1.6; color: #333; margin: 0; } .intro-wrap .box_img { background: #fff; border-radius: 14px; padding: 1rem; text-align: center; border: 1px solid #e6f0eb; box-shadow: 0 1px 6px rgba(0,0,0,0.06); } .intro-wrap .box_img img { display: block; margin: 0 auto; max-width: 100%; } .intro-wrap .info-card { background: #fff; border-radius: 14px; padding: 0.3rem 0; box-shadow: 0 1px 6px rgba(0,0,0,0.06); border: 1px solid #e6f0eb; overflow: hidden; } .intro-wrap .info-row { display: flex; align-items: center; padding: 0.85rem 1.1rem; gap: 0.8rem; } .intro-wrap .info-row + .info-row { border-top: 1px solid #f0f7f4; } .intro-wrap .info-label { flex-shrink: 0; font-size: 0.8rem; font-weight: 600; color: #2e7d5e; display: flex; align-items: center; gap: 4px; min-width: 90px; } .intro-wrap .info-value { font-size: 0.85rem; color: #333; line-height: 1.5; } .intro-wrap .info-value em { color: #2e7d5e; font-style: normal; font-weight: 600; } .intro-wrap .highlight-card { background: #fff; border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 0.6rem; font-size: 0.88rem; line-height: 1.6; color: #333; display: flex; align-items: flex-start; gap: 0.6rem; box-shadow: 0 1px 6px rgba(0,0,0,0.06); border: 1px solid #e6f0eb; border-left: 3px solid #40916c; } .intro-wrap .highlight-card i { color: #40916c; font-size: 1rem; flex-shrink: 0; margin-top: 2px; } .intro-wrap .highlight-card strong { color: #1b4332; } .intro-wrap .tbl-wrap { background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.06); border: 1px solid #e6f0eb; } .intro-wrap .tbl-wrap table { border-collapse: collapse; table-layout: fixed; width: 100%; font-size: 0.82rem; text-align: center; } .intro-wrap .tbl-wrap thead th { background: linear-gradient(135deg, #2d6a4f, #40916c); color: #fff; font-weight: 700; padding: 11px 8px; font-size: 0.83rem; } .intro-wrap .tbl-wrap tbody td, .intro-wrap .tbl-wrap tbody th { padding: 10px 8px; border-top: 1px solid #edf5f1; line-height: 1.6; vertical-align: middle; color: #333; } .intro-wrap .tbl-wrap tbody .text-left { text-align: left; } .intro-wrap .group-cell { background: #f0f7f4; font-weight: 700; color: #2e7d5e; font-size: 0.8rem; } .intro-wrap .tbl-wrap caption { caption-side: bottom; font-size: 0; } .intro-wrap .mt-3 { margin-top: 1rem; }.vision-wrap .content-wrap { padding-bottom: 3rem; } .vision-wrap .card-block { background: #fff; border-radius: 16px; padding: 1.2rem 1.1rem; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06); border: 1px solid #e6f0eb; } .vision-wrap .block-lead { font-size: 1rem; font-weight: 500; line-height: 1.7; color: #444; margin: 0 0 1rem; padding: 0.85rem 1rem 0.85rem 1.1rem; background: linear-gradient(135deg, #f0faf5 0%, #e8f5f0 100%); border-radius: 10px; } .vision-wrap .block-lead strong { color: #1b4332; font-weight: 700; } .vision-wrap .strategy-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; } .vision-wrap .strategy-list li { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.85rem 0.9rem; background: #f6faf8; border-radius: 12px; border-left: 3px solid #40916c; } .vision-wrap .strategy-num { flex-shrink: 0; font-size: 0.72rem; font-weight: 700; color: #fff; background: linear-gradient(135deg, #2d6a4f, #52b788); width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 1px; } .vision-wrap .strategy-text { font-size: 0.83rem; line-height: 1.6; color: #333; } .vision-wrap .goal-headline { text-align: center; font-size: 1rem; font-weight: 700; color: #1b4332; background: linear-gradient(135deg, #e8f5f0, #d1eee3); border-radius: 12px; padding: 0.75rem 1rem; margin-bottom: 1.2rem; } .vision-wrap .icon-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0.75rem; } @media (max-width: 767.98px) { .vision-wrap .icon-grid {  grid-template-columns: 1fr 1fr; } } @media (max-width: 575.98px) { .vision-wrap .icon-grid {  grid-template-columns: 1fr; } } .vision-wrap .icon-box { background: #f6faf8; border-radius: 16px; border: 1px solid #ddeee6; padding: 1.4rem 0.8rem 1.1rem; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-align: center; transition: transform 0.18s ease, box-shadow 0.18s ease; } .vision-wrap .icon-box:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(46, 125, 94, 0.14); } .vision-wrap .icon-circle { width: 58px; height: 58px; background: linear-gradient(135deg, #2d6a4f, #52b788); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #fff; box-shadow: 0 3px 10px rgba(46, 125, 94, 0.3); margin-bottom: 0.2rem; } .vision-wrap .icon-title { font-size: 0.8rem; font-weight: 600; color: #333; line-height: 1.45; } .vision-wrap .icon-number { font-size: 1rem; font-weight: 700; color: #2e7d5e; } .vision-wrap .icon-extra { font-size: 0.72rem; color: #888; margin-top: -0.2rem; } .vision-wrap .mission-item { padding: 0.9rem 0; border-bottom: 1px solid #edf5f1; } .vision-wrap .mission-item:last-child { border-bottom: none; padding-bottom: 0; } .vision-wrap .mission-item:first-child { padding-top: 0; } .vision-wrap .mission-header { display: flex; align-items: center; gap: 0.55rem; margin-bottom: 0.5rem; flex-wrap: wrap; } .vision-wrap .mission-num { flex-shrink: 0; width: 24px; height: 24px; background: linear-gradient(135deg, #2d6a4f, #52b788); color: #fff; font-size: 0.75rem; font-weight: 700; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .vision-wrap .mission-title { font-size: 0.88rem; font-weight: 700; color: #1b4332; flex: 1; min-width: 0; } .vision-wrap .mission-badge { flex-shrink: 0; font-size: 0.7rem; font-weight: 600; color: #2e7d5e; background: #e8f5f0; border-radius: 10px; padding: 2px 9px; } .vision-wrap .mission-desc { font-size: 0.82rem; line-height: 1.65; color: #555; margin: 0; padding-left: 1.85rem; }