.sxv2{background:#faf8f5;color:#315747;padding-bottom:90px}.sxv2-wrap{max-width:1280px;margin:auto;padding:48px 32px}.sxv2 section{scroll-margin-top:100px}.sxv2-heading{text-align:center;margin:0 0 30px}.sxv2-heading h2{display:flex;justify-content:center;align-items:center;gap:22px;font-size:32px;font-weight:700;letter-spacing:.15em;margin:0}.sxv2-heading h2:before,.sxv2-heading h2:after{content:"";width:72px;height:36px;background:url("../images/heading-cloud.svg") center/contain no-repeat}.sxv2-heading h2:after{transform:scaleX(-1)}.sxv2-heading p{font-size:14px;color:#9b8869;letter-spacing:.12em;margin:12px 0 0}.sxv2-query{max-width:960px;margin:0 auto 56px}.sxv2-form{background:#faf7ef;border:1px solid #d5c3a0;border-radius:24px 4px;padding:25px 32px}.sxv2-query-label{font-size:17px;padding-bottom:16px;border-bottom:1px solid #ddcfb5;margin-bottom:18px}.sxv2-query-label small{font-size:12px;color:#98866a;margin-left:20px}.sxv2-inputs{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:16px;align-items:end}.sxv2-inputs label{font-size:12px;color:#947e5d}.sxv2-inputs select{display:block;width:100%;padding:12px 10px;margin-top:6px;background:#fffdf9;border:1px solid #d9cdb7;border-radius:4px;color:#315747;font:inherit;font-size:15px;min-height:47px}.sxv2-button,.sxv2-inputs button{background:#315747;color:#fff8e7;border:0;border-radius:4px;padding:13px 22px;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:47px}.sxv2 button:hover,.sxv2-button:hover{background:#436854}.sxv2-result{margin-top:24px;border-top:1px solid #dac9a8;padding-top:20px}.sxv2-result a{display:inline-block;margin-left:16px;text-decoration:underline;text-underline-offset:5px}.sxv2-current{display:grid;grid-template-columns:1fr 1fr;position:relative;isolation:isolate;background:#faf7ef;margin-bottom:64px;overflow:hidden}.sxv2-current:before{content:"";position:absolute;inset:0;z-index:3;clip-path:none;background:none;border:20px solid transparent;border-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cpath%20d%3D%22M16%201H104Q104%2016%20119%2016V104Q104%20104%20104%20119H16Q16%20104%201%20104V16Q16%2016%2016%201Z%22%20fill%3D%22none%22%20stroke%3D%22%23bca57a%22%20stroke-opacity%3D%22.68%22%20stroke-width%3D%22.85%22%2F%3E%3Cpath%20d%3D%22M20%205H100Q100%2020%20115%2020V100Q100%20100%20100%20115H20Q20%20100%205%20100V20Q20%2020%2020%205Z%22%20fill%3D%22none%22%20stroke%3D%22%23cbb991%22%20stroke-opacity%3D%22.42%22%20stroke-width%3D%22.65%22%2F%3E%3C%2Fsvg%3E") 20 stretch;pointer-events:none;opacity:.85}
.sxv2-copy{padding:42px;position:relative}.sxv2-copy:before{content:"";position:absolute;right:24px;top:35px;width:110px;height:70px;background:url("../images/heading-cloud.svg") center/contain no-repeat;opacity:.13;pointer-events:none}.sxv2-eyebrow{color:#9e8050;font-size:17px;letter-spacing:.16em}.sxv2-eyebrow span{display:inline-block;background:#a55742;color:#fff8e7;padding:5px 4px;margin-left:14px;font-size:11px;writing-mode:vertical-rl;border-radius:3px}.sxv2-copy h2{font-size:80px;line-height:1.15;margin:20px 0;font-weight:700}.sxv2-copy h2 small{font-size:15px;display:block;color:#a28b64;font-weight:400;letter-spacing:.08em;margin-top:8px}.sxv2-lead{font-size:21px;line-height:1.65;margin:18px 0}.sxv2-intro{font-size:14px;color:#7b826e;line-height:1.9;max-width:30em}.sxv2-facts{display:grid;grid-template-columns:1fr 1fr 1.4fr;margin:25px 0;gap:14px;border-top:1px solid #ddceb1;padding-top:20px}.sxv2-facts span{display:block;color:#a18a65;font-size:12px;margin-bottom:8px}.sxv2-facts strong{font-weight:500;font-size:17px}.sxv2-current-image{display:block;min-height:450px;overflow:hidden;mask:radial-gradient(circle at 100% 0,transparent 15px,#000 16px) top,radial-gradient(circle at 100% 100%,transparent 15px,#000 16px) bottom;mask-size:100% 51%;mask-repeat:no-repeat}.sxv2-current-image img{height:100%;width:100%;object-fit:cover}.sxv2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sxv2-card{display:grid;grid-template-columns:48% 52%;border:1px solid #dac9ad;border-radius:5px;background:#faf7ef;overflow:hidden;min-height:174px;transition:border-color .3s}.sxv2-card-image{overflow:hidden}.sxv2-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.sxv2-card:hover{border-color:#ae8750}.sxv2-card:hover img{transform:scale(1.06)}.sxv2-card-copy{padding:18px 12px;min-width:0}.sxv2-card h3{font-size:30px;margin:0 0 4px;line-height:1.2;font-weight:700}.sxv2-card h3 small{font-size:10px;font-weight:400;background:#a55742;color:#fff8e7;padding:3px;margin-left:9px;vertical-align:middle}.sxv2-card-copy>span{font-size:11px;color:#9c8663}.sxv2-card p{font-size:12px;line-height:1.8;margin-top:10px;color:#75806b}.sxv2-card[aria-current]{border-color:#ad8952}.sxv2-end{text-align:center;color:#a28b64;margin-top:35px;letter-spacing:.2em;font-size:13px}.sxv2 a:focus-visible,.sxv2 button:focus-visible,.sxv2 select:focus-visible{outline:2px solid #a55742;outline-offset:4px}
@media(max-width:1000px){.sxv2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sxv2-copy{padding:30px}.sxv2-lead{font-size:18px}}
@media(max-width:700px){.sxv2-wrap{padding:32px 20px}.sxv2-heading h2{font-size:26px;gap:10px}.sxv2-heading h2:before,.sxv2-heading h2:after{width:38px}.sxv2-form{padding:22px 18px}.sxv2-query-label small{display:block;margin:8px 0 0}.sxv2-inputs{grid-template-columns:1.3fr 1fr 1fr;gap:8px}.sxv2-inputs button{grid-column:1/-1;margin-top:8px}.sxv2-current{grid-template-columns:1fr}.sxv2-current-image{min-height:0;height:300px;mask:none;order:0}.sxv2-copy{padding:30px 24px}.sxv2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sxv2-card{grid-template-columns:1fr;min-height:0}.sxv2-card-image{height:125px}.sxv2-card-copy{padding:14px}.sxv2-card p{font-size:13px}.sxv2-current{margin-bottom:44px}.sxv2-copy h2{font-size:64px}}
@media(prefers-reduced-motion:reduce){.sxv2-card-image img{transition:none}.sxv2-card:hover img{transform:none}}

/* Existing zodiac artwork places the animal on the right. */
.sxv2-current-image img,.sxv2-card-image img{object-position:right center}

/* Query belongs to the current zodiac card, like the solar-term pentad row. */
.sxv2-current>.sxv2-query{grid-column:1/-1;width:100%;max-width:none;margin:0;padding:26px 42px 32px;border-top:1px solid #d5c3a0;background:#faf7ef;position:relative;z-index:1}
.sxv2-query-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:18px}
.sxv2-query-heading h2{font-size:21px;font-weight:700;letter-spacing:.1em;margin:0}
.sxv2-query-heading p{font-size:13px;color:#9b8869;margin:0}
.sxv2-current .sxv2-form{padding:0;border:0;border-radius:0;background:transparent}
.sxv2-current .sxv2-query-label{border:0;padding:0;margin-bottom:12px;font-size:14px}
.sxv2-current .sxv2-inputs{grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:18px}
.sxv2-current-image{mask:radial-gradient(circle at 100% 0,transparent 15px,#000 16px)}
@media(max-width:700px){.sxv2-current>.sxv2-query{padding:24px}.sxv2-query-heading{display:block}.sxv2-query-heading p{margin-top:8px;line-height:1.7}.sxv2-current .sxv2-inputs{grid-template-columns:1.3fr 1fr 1fr;gap:8px}.sxv2-current-image{mask:none}}

/* Author's horse papercut, with its complete cloud wreath. */
.sxv2-copy--horse:before{right:28px;top:28px;width:190px;height:168px;background:#ad8650;opacity:.16;mask:url("../images/zodiac-horse-papercut.webp") center/contain no-repeat;-webkit-mask:url("../images/zodiac-horse-papercut.webp") center/contain no-repeat}
@media(max-width:1000px){.sxv2-copy--horse:before{right:20px;width:150px;height:133px}}
@media(max-width:700px){.sxv2-copy--horse:before{right:20px;top:28px;width:132px;height:117px;opacity:.14}}

/* Larger, gently tilted papercut and aligned date controls. */
.sxv2-copy--horse:before{width:230px;height:203px;right:23px;top:20px;transform:rotate(-9deg);transform-origin:center}
.sxv2-inputs label{font-size:15px;line-height:1.5}
.sxv2-inputs select{appearance:none;-webkit-appearance:none;box-sizing:border-box;padding:12px 42px 12px 15px;min-height:49px;line-height:1.5;border-color:#d6c6aa;background-color:#fffdf9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23315747' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 15px center;background-size:14px 14px;background-repeat:no-repeat;cursor:pointer;margin-top:8px}
.sxv2-inputs select:hover{border-color:#ac9167}
.sxv2-current .sxv2-inputs button{min-height:49px}
@media(max-width:1000px){.sxv2-copy--horse:before{width:178px;height:157px;right:18px;top:24px}}
@media(max-width:700px){.sxv2-copy--horse:before{width:158px;height:140px;right:19px;top:25px}.sxv2-inputs select{padding-left:10px;padding-right:29px;background-position:right 10px center;background-size:12px 12px;font-size:14px}.sxv2-inputs label{font-size:15px}}

/* Oversized papercut crosses the image seam; desktop catalog is three by four. */
.sxv2-copy--horse{z-index:2}
.sxv2-copy--horse:before{width:370px;height:326px;right:-100px;top:-38px;transform:rotate(-18deg);opacity:.18;z-index:0}
.sxv2-copy--horse>*{position:relative;z-index:1}
.sxv2-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sxv2-card{grid-template-columns:54% 46%;min-height:210px}
.sxv2-card-copy{padding:24px 18px}
.sxv2-card h3{font-size:36px}
.sxv2-card p{font-size:14px;line-height:1.85}
@media(min-width:701px) and (max-width:1000px){.sxv2-copy--horse:before{width:300px;height:264px;right:-92px;top:-25px}.sxv2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:700px){.sxv2-copy--horse:before{width:248px;height:218px;right:-48px;top:-32px;opacity:.13}.sxv2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sxv2-card{grid-template-columns:1fr;min-height:0}.sxv2-card-copy{padding:14px}.sxv2-card h3{font-size:30px}.sxv2-card p{font-size:13px}}

/* Fine spacing adjustments for the zodiac overview. */
.sxv2-current{margin-bottom:88px}
body.page-template-page-shengxiao .lifa-comment-heading{margin-bottom:20px}
@media(max-width:700px){.sxv2-current{margin-bottom:64px}}

body:has(.sxv2) #lifa-comments .lifa-comment-heading{margin-bottom:32px!important}

/* Footer gap is not an ad slot; the sole preview follows the query card. */

.sxv2-current:has(+ .cc-ad-preview){margin-bottom:0}
.sxv2-wrap>.cc-ad-preview{margin:40px auto 64px!important}
@media(max-width:700px){.sxv2-wrap>.cc-ad-preview{margin:30px auto 44px!important}}