.explain-hint-modal{background:#fff;border-radius:20px;flex-direction:column;width:320px;max-width:calc(100vw - 64px);margin:0 auto;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a29,0 8px 24px #0f172a14}.explain-hint-modal .hint-title{color:#0f172a;margin:0;font-size:16px;font-weight:600;line-height:1.3}.explain-hint-modal .hint-text{color:#64748b;margin:0;font-size:14px;font-weight:500;line-height:1.5}.explain-hint-modal .hint-banner{background:linear-gradient(135deg,#e7f6f0 0%,#e4edfd 52%,#ede9fc 100%);flex-direction:column;align-items:center;padding:26px 24px 20px;display:flex;position:relative;overflow:hidden}.explain-hint-modal .hint-banner:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#fff9 0%,#0000 55%),radial-gradient(circle at 80% 70%,#ffffff73 0%,#0000 55%);position:absolute;inset:0}.explain-hint-modal .hint-close-btn{z-index:10;color:#475569;cursor:pointer;background:#fffc;border:1px solid #0f172a0f;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,box-shadow .2s;display:flex;position:absolute;top:14px;right:14px}.explain-hint-modal .hint-close-btn:hover{background:#fff}.explain-hint-modal .hint-close-btn:focus-visible{outline-offset:2px;outline:2px solid #2021241f}.explain-hint-modal .hint-close-btn svg{opacity:.75;transition:opacity .2s}.explain-hint-modal .hint-close-btn:hover svg{opacity:.95}.explain-hint-modal .hint-cobrand{z-index:2;justify-content:center;align-items:center;gap:10px;display:flex}.explain-hint-modal .hint-cobrand .cobrand-divider{background:#0f172a1a;width:1px;height:18px}.explain-hint-modal .hint-cobrand .cobrand-ai{filter:drop-shadow(0 2px 4px #6366f126);width:30px;height:30px;animation:3s ease-in-out infinite float}.explain-hint-modal .hint-cobrand .cobrand-logo{width:120px;height:auto}.explain-hint-modal .hint-body{text-align:center;flex-direction:column;align-items:center;padding:24px 26px 26px;display:flex}.explain-hint-modal .hint-tip-list{flex-direction:column;gap:18px;width:100%;margin-bottom:22px;display:flex}.explain-hint-modal .hint-tip{flex-direction:column;gap:4px;display:flex}.explain-hint-modal .hint-got-it-btn{color:#fff;text-align:center;white-space:nowrap;cursor:pointer;letter-spacing:.02em;background:#202124;border:1px solid #202124;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:200px;min-height:44px;padding:12px 28px;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s,opacity .2s;display:inline-flex}.explain-hint-modal .hint-got-it-btn:hover:not(:disabled){opacity:.8;background:#141517;border-color:#141517}.explain-hint-modal .hint-got-it-btn:focus-visible{outline-offset:2px;outline:2px solid #2021241f}.explain-hint-modal .hint-got-it-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}