.section-intro{border:1px solid #dfe1d7;border-radius:17px;padding:22px;background:#fff;display:flex;align-items:flex-start;gap:16px;position:relative;overflow:hidden}.section-intro:after{content:'';position:absolute;width:150px;height:150px;border:1px solid rgba(83,109,92,.09);border-radius:50%;right:-65px;top:-75px}.intro-symbol{width:49px;height:57px;flex:0 0 49px;border-radius:4px 11px 11px 4px;background:#253f38;color:#d8f181;display:grid;place-items:center;font:700 18px var(--serif);box-shadow:4px 5px 0 #dce3d4}.ontology-intro .intro-symbol{background:#725d43;color:#f2e3c8;box-shadow:4px 5px 0 #e8ddca}.intro-content{flex:1;min-width:0}.intro-top{display:flex;gap:8px;align-items:center}.intro-label{font-size:9px;letter-spacing:.6px;font-weight:700;color:#52705f}.content-status{font-size:8px;padding:3px 6px;border-radius:4px;background:#f0f1eb;color:#969c97}.section-intro h3{font-family:var(--serif);font-size:17px;margin:8px 0 5px}.section-intro p{font-size:11px;line-height:1.65;color:#6a716c;margin:0;max-width:590px}.intro-points{display:flex;gap:6px;margin-top:10px}.intro-points span{font-size:8px;padding:4px 6px;border-radius:5px;background:#f3f4ee;color:#777e79}.intro-action{align-self:center;border:1px solid #daddd4;background:#fafaf7;border-radius:8px;padding:8px 10px;font-size:9px;color:#53605a;white-space:nowrap;cursor:pointer;z-index:1}@media(max-width:780px){.section-intro{padding:17px}.intro-symbol{width:38px;height:46px;flex-basis:38px}.intro-action{position:absolute;right:14px;top:14px}.intro-top{padding-right:78px}.content-status{display:none}.intro-points{flex-wrap:wrap}}