.attributes-knowledge{width:100%;max-width:none;margin:18px 0 30px;background:#fff;border:2px solid #6b58b8;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.16);font-family:Arial,"Microsoft YaHei",sans-serif;color:#111}
.attribute-title{background:linear-gradient(180deg,#9c8be0 0%,#7461bd 45%,#514092 100%);color:#fff;text-align:center;font-size:30px;font-weight:900;padding:10px 6px;letter-spacing:1px;text-shadow:0 2px 2px rgba(0,0,0,.35);border-bottom:2px solid #43347f}
.attribute-subtitle{background:linear-gradient(180deg,#f7f7f7,#e8e8e8);text-align:center;font-size:22px;font-weight:900;padding:8px 6px;color:#111;border-top:1px solid #cfc3a3;border-bottom:1px solid #cfc3a3}
.attribute-zodiac-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff}
.attribute-zodiac-grid>div{text-align:center;font-size:18px;line-height:1.7;padding:10px 4px;border-right:1px solid #e0d5bd;border-bottom:1px solid #e0d5bd}
.attribute-zodiac-grid>div:nth-child(3n){border-right:none}
.attributes-knowledge p{margin:0;padding:8px 12px;font-size:17px;line-height:1.55;border-bottom:1px solid #e0d5bd;background:#fff}
.attributes-knowledge p:nth-of-type(even){background:#fafafa}
.attributes-knowledge strong{color:#0057ff;font-weight:900}
.attribute-ball{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 4px;margin:2px;border-radius:3px;color:#fff;font-size:15px;font-weight:900;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.18);font-style:normal}
.attribute-ball-r{background:#f00}.attribute-ball-b{background:#1f63ff}.attribute-ball-g{background:#07950e}
@media(max-width:900px){.attributes-knowledge{width:100%;margin:8px auto 18px;border-left:1px solid #6b58b8;border-right:1px solid #6b58b8;border-radius:0}.attribute-title{font-size:24px;padding:8px 4px}.attribute-subtitle{font-size:19px;padding:7px 4px}.attribute-zodiac-grid{grid-template-columns:repeat(2,1fr)}.attribute-zodiac-grid>div{font-size:15px;padding:7px 2px;line-height:1.55}.attribute-zodiac-grid>div:nth-child(3n){border-right:1px solid #e0d5bd}.attribute-zodiac-grid>div:nth-child(2n){border-right:none}.attributes-knowledge p{font-size:15px;padding:7px 8px;line-height:1.5}.attribute-ball{min-width:22px;height:22px;font-size:14px}}