.rule-panel[data-v-48d798f3]{position:absolute;left:384px;top:10px;width:678px;height:auto;background:#1a1a24;border:1px solid hsla(0,0%,100%,.06);border-radius:12px;display:flex;flex-direction:column;z-index:10;box-shadow:0 8px 32px #00000073;overflow:hidden}.rule-panel-header[data-v-48d798f3]{display:flex;align-items:flex-start;justify-content:space-between;padding:17px 30px;flex-shrink:0;gap:12px}.rule-panel-title[data-v-48d798f3]{flex:1;min-width:0}.rule-title-main[data-v-48d798f3]{font-size:16px;font-weight:600;color:#fff;line-height:1.4;margin-bottom:6px}.rule-title-sub[data-v-48d798f3]{font-size:12px;color:#ffffff73;line-height:1.5}.rule-panel-close[data-v-48d798f3]{background:none;border:none;color:#ffffff80;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;padding:0}.rule-panel-close[data-v-48d798f3]:hover{color:#fff}.rule-panel-close img[data-v-48d798f3]{width:12px;height:12px;display:block}.rule-panel-body[data-v-48d798f3]{padding:16px 20px 20px}.rule-example-section[data-v-48d798f3]{margin-bottom:40px}.rule-example-section[data-v-48d798f3]:last-child{display:flex;flex-direction:column;align-items:center;margin-bottom:0}.rule-example-tip[data-v-48d798f3]{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff9;margin-bottom:14px}.rule-tip-icon[data-v-48d798f3]{font-size:14px;line-height:1}.rule-example-list[data-v-48d798f3]{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.rule-example-list.wrong[data-v-48d798f3]{display:flex;justify-content:center;gap:14px}.rule-example-item[data-v-48d798f3]{display:flex;flex-direction:column;align-items:center;gap:8px}.rule-example-img-wrap[data-v-48d798f3]{position:relative;width:112px;height:var(--rule-img-height,112px);border-radius:8px;overflow:hidden;background:#ffffff0a}.rule-example-img[data-v-48d798f3]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.rule-example-badge[data-v-48d798f3]{position:absolute;top:4px;right:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;z-index:1}.rule-example-badge img[data-v-48d798f3]{width:18px;height:18px;display:block}.rule-example-label[data-v-48d798f3]{font-size:12px;color:#ffffff80;text-align:center}@media(max-width:1200px){.rule-panel[data-v-48d798f3]{left:350px;width:600px;height:auto}}@media(max-width:992px){.rule-panel[data-v-48d798f3]{left:10px;right:10px;width:auto;height:auto;max-height:80vh;z-index:100}}@media(max-width:480px){.rule-example-list[data-v-48d798f3]{grid-template-columns:repeat(3,1fr)}.rule-example-list.wrong[data-v-48d798f3]{flex-wrap:wrap}}