.interactive-main{max-width:880px;min-height:calc(100vh - 148px);padding-top:50px;padding-bottom:70px}
.interactive-main h1{font-family:Georgia,"Songti SC",SimSun,serif;color:#284638;font-size:36px;margin:8px 0 12px}.intro-text{max-width:660px;color:#657b6c;font-size:14px;line-height:1.8}.interactive-task{margin:26px 0;background:#edf3e9;border:1px solid #dce8d8;border-radius:12px;padding:22px 26px;color:#526b5d;font-size:13px;line-height:1.8}.interactive-task h2,.interactive-panel h2{font-size:18px;color:#284638;margin:0 0 10px}.interactive-task p{margin:8px 0}.interactive-task blockquote{margin:12px 0;padding:12px 16px;background:#fff;border-left:3px solid #87a98b;border-radius:4px;color:#284638}.interactive-task a,.interactive-links a{text-decoration:underline;text-underline-offset:3px;color:#315b46}
.interactive-panel{background:#fff;border:1px solid #e6ede3;border-radius:12px;padding:25px 28px;box-shadow:0 6px 22px #33513c09}.interactive-panel>p{font-size:13px;color:#718477;line-height:1.8}.interactive-links{margin-top:22px;color:#718477;font-size:12px}.interactive-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.interactive-table th,.interactive-table td{padding:14px 10px;border-bottom:1px solid #edf1eb}.interactive-table th{color:#718477;font-size:12px}.interactive-frame{display:block;width:100%;height:245px;border:1px solid #dbe7d8;border-radius:8px;background:#fff}.frame-body{padding:8px 16px;background:#fff}.frame-body h1{font-family:inherit;font-size:16px;color:#284638;margin:8px 0 4px}.frame-body p{color:#718477;font-size:12px;margin:0 0 10px}
.hover-area{display:inline-block;position:relative;padding-bottom:12px}.hover-detail{display:none;position:absolute;z-index:2;top:48px;left:0;min-width:245px;background:#f5f9f3;border:1px solid #d9e8d7;border-radius:8px;padding:16px;color:#315b46;box-shadow:0 8px 20px #33513c15}.hover-area:hover .hover-detail,.hover-area:focus-within .hover-detail{display:block}.hover-detail p{font-size:13px;margin:4px 0}.contact-label{font-weight:700}.interactive-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;background:#315b46;color:#fff;border:0;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer}.interactive-button:hover{background:#234736}.interactive-dialog{width:min(430px,calc(100% - 32px));border:1px solid #d9e8d7;border-radius:12px;padding:25px;background:#fff;color:#284638}.interactive-dialog::backdrop{background:#142b1fb3}.interactive-dialog h2{font-size:20px;margin:0 0 15px}.interactive-dialog p{font-size:14px;color:#526b5d;line-height:1.8}.interactive-dialog .interactive-button{margin-top:10px}
@media(max-width:580px){.interactive-main{padding-top:35px}.interactive-main h1{font-size:29px}.interactive-task,.interactive-panel{padding:20px}.interactive-table th,.interactive-table td{font-size:12px;padding:12px 6px}.interactive-frame{height:230px}.hover-area{display:block}.hover-detail{position:static;min-width:0;margin-top:8px}}