@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%}[hidden]{display:none!important}}@layer base{:root{--paper:#faf7f0;--white:#fffdf8;--ink:#342b30;--muted:#786e73;--plum:#47283f;--plum-soft:#efe6ed;--gold:#b18b49;--line:#e6dfd5;--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,select,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3{font-family:var(--serif);font-weight:600}h2{letter-spacing:.03em;font-size:32px;line-height:1.5}h3{font-size:21px;line-height:1.5}.shell{width:min(1180px,100% - 80px);margin-inline:auto}.eyebrow{letter-spacing:.16em;color:var(--gold);font-size:12px;font-weight:600}.text-link{color:var(--plum);font-size:14px;font-weight:600}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:12px 24px;font-size:15px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.button-primary{color:var(--white);background:var(--plum)}.button-primary:hover{background:#623c58}.button-secondary{color:var(--plum);background:0 0;border-color:#baaa99}.button-secondary:hover{background:#f0e7da}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--plum);color:#fff;padding:10px 18px;position:fixed;top:8px;left:8px;transform:translateY(-140%)}.skip-link:focus{transform:none}}@layer components{.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{justify-content:space-between;align-items:center;gap:30px;min-height:96px;display:flex}.brand{font-family:var(--serif);letter-spacing:.07em;white-space:nowrap;align-items:center;gap:13px;font-size:21px;line-height:1.45;display:flex}.brand-mark{background:var(--plum);color:#e9cf9c;outline:1px solid var(--gold);outline-offset:-5px;border-radius:7px;place-content:center;width:43px;height:47px;font-size:29px;display:grid}.brand small{font-family:var(--sans);letter-spacing:.13em;color:var(--muted);margin-top:3px;font-size:10px;display:block}.site-header nav{color:#685b63;gap:29px;font-size:14px;display:flex}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--plum)}.hero{grid-template-columns:1fr 1fr;align-items:start;gap:64px;padding-block:64px 66px;display:grid}.hero-copy{padding-top:19px}.hero .eyebrow{align-items:center;gap:10px;display:flex}.gold-line{background:var(--gold);width:25px;height:1px;display:inline-block}.hero h1{letter-spacing:.035em;color:var(--plum);margin-top:22px;font-size:clamp(34px,4vw,51px);line-height:1.5}.hero h1 span{color:#5f4b57}.hero-intro{color:var(--muted);margin-top:23px;font-size:16px;line-height:2}.hero-features{color:#72656b;flex-wrap:wrap;gap:19px;margin-top:24px;font-size:12px;display:flex}.hero-features i{color:var(--gold);margin-right:5px;font-style:normal}.hero-bottom{justify-content:space-between;align-items:center;gap:20px;min-height:190px;margin-top:42px;display:flex}.hero-bottom>p{font-family:var(--serif);color:#8d7a83;border-left:1px solid #d7c3a2;padding-left:17px;font-size:14px;line-height:2.2}.hero-bottom strong{color:#6c5361;font-weight:500}.zodiac-wheel{color:#a18a7b;opacity:.86;flex-shrink:0;width:190px;height:190px;position:relative}.wheel-ring{border:1px solid #cbb99d;border-radius:50%;position:absolute;inset:17px}.wheel-ring:after{content:"";border:1px solid #dfd2ba;border-radius:50%;position:absolute;inset:20px}.zodiac-wheel>span{text-align:center;width:20px;font-family:var(--serif);transform:rotate(calc(var(--i)*30deg)) translateY(-83px) rotate(calc(var(--i)*-30deg));background:var(--paper);margin-top:-18px;margin-left:-10px;font-size:14px;position:absolute;top:50%;left:50%}.zodiac-wheel>b{font-family:var(--serif);color:#c0a17b;place-content:center;padding-bottom:17px;font-size:55px;font-weight:400;display:grid;position:absolute;inset:0}.zodiac-wheel>small{text-align:center;font-family:var(--serif);letter-spacing:.24em;font-size:9px;position:absolute;bottom:45px;left:0;right:0}.checker-panel{background:var(--white);border:1px solid #e7dcd0;border-radius:15px;padding:31px 32px 23px;position:relative;box-shadow:0 12px 42px #5b3c3810}.checker-panel:before{content:"";background:linear-gradient(90deg,#c4a270,#e5d3b4,#c4a270);border-radius:10px;height:3px;position:absolute;top:-1px;left:28px;right:28px}.panel-heading{align-items:center;gap:14px;margin-bottom:25px;display:flex}.small-seal{width:39px;height:44px;font-family:var(--serif);color:var(--gold);border:1px solid #c5ab84;border-radius:3px;place-items:center;font-size:21px;display:grid}.panel-heading h2{letter-spacing:.025em;margin-top:3px;font-size:24px}.panel-heading .eyebrow{letter-spacing:.1em;font-size:10px}.form-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}label{color:#695963;margin-bottom:7px;font-size:13px;font-weight:600;display:block}select{background:var(--white);width:100%;min-height:51px;color:var(--ink);border:1px solid #d8cfc5;border-radius:6px;padding:11px 27px 11px 12px;font-size:13px}select[aria-invalid]{border-color:#a94e50}.field-help{color:#77666e;margin-block:11px 20px;font-size:11px;line-height:1.8}.field-help a{color:var(--plum);text-underline-offset:3px;text-decoration:underline}.form-error{color:#8e303e;background:#fff2f1;border-radius:5px;margin-bottom:12px;padding:9px 11px;font-size:13px}.query-button{justify-content:space-between;width:100%}.result-empty{color:#897782;text-align:center;background:#fcf9f3;border:1px dashed #e3d8ca;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:145px;margin-top:21px;padding:15px;display:flex}.empty-symbol{color:#b8a07e;font-size:25px;line-height:1.4}.result-empty p{font-size:13px}.result-empty small{color:#a39298;font-size:11px}.panel-footnote{color:#7d6c75;text-align:center;border-top:1px solid #ece4dc;margin-top:18px;padding-top:14px;font-size:11px}.query-result{border-top:1px solid var(--line);margin-top:22px;padding-top:21px}.query-result h3{margin-block:6px 12px;font-size:25px}#result-details{color:#776570;margin-top:14px;font-size:13px;line-height:1.9}#result-details p+p{margin-top:8px}.result-context{color:#7d6b75;overflow-wrap:anywhere;margin-top:15px;font-size:12px}.result-context a{color:var(--plum);text-decoration:underline}.result-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:11px;display:flex}.result-actions button{border:1px solid var(--line);color:var(--plum);background:#fff;border-radius:4px;padding:6px 10px}.result-actions a{color:var(--plum);margin-left:auto}.copy-feedback{color:#755e44;min-height:1.8em;margin-top:6px;font-size:11px}.badge-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.badge{white-space:nowrap;color:#74546a;background:#efe6ed;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.8;display:inline-flex}.badge-clash{color:#95603c;background:#f5e8dc}.badge-punishment{color:#746183;background:#e9e4ef}.badge-harm{color:#65775f;background:#e7ede5}.badge-break{color:#936867;background:#f3e5e5}.badge-neutral{color:#7b756d;background:#efeee9}.context-band{background:#f0eae0;border-block:1px solid #e6dcca}.context-band>.shell{align-items:center;gap:17px;padding-block:20px;display:flex}.context-symbol{color:#9f8256;font-size:26px;line-height:1}.context-band p{color:#8b7667;font-size:12px}.context-band a{white-space:nowrap;color:#76543e;margin-left:auto;font-size:12px}.section{padding-block:67px}.section-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:31px;display:flex}.section-heading h2{margin-top:8px}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.8}.year-grid{grid-template-columns:1fr 1fr;gap:26px;display:grid}.year-card{border:1px solid var(--line);background:var(--white);border-radius:12px;overflow:hidden}.year-card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:24px 28px 19px;display:flex}.year-card-header>div{align-items:baseline;gap:16px;display:flex}.year-number{font-family:var(--serif);color:var(--plum);font-size:34px;line-height:1.3}.year-card-header h3{color:#70606b;font-size:18px}.year-label{color:#9a7c51;white-space:nowrap;border:1px solid #e5d6bf;border-radius:20px;padding:3px 8px;font-size:10px}.zodiac-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.zodiac-table thead{color:#9b8c91;font-size:10px;font-weight:400}.zodiac-table th,.zodiac-table td{border-bottom:1px solid #efe9e0;padding:8px 26px}.zodiac-table thead th{padding-block:11px;font-weight:500}.zodiac-table th[scope=row]{white-space:nowrap;color:#6f5b69;width:38%;font-weight:500}.branch-token{color:#b29977;width:23px;height:23px;font-family:var(--serif);border:1px solid #e6dbcc;border-radius:50%;place-items:center;margin-right:9px;font-size:11px;display:inline-grid}.no-relation{color:var(--muted);font-size:11px}.year-card-link{color:var(--plum);justify-content:space-between;padding:17px 27px;font-size:13px;font-weight:500;display:flex}.year-card-link:hover{background:#f7f0e9}.meaning-section{background:#f2ede6;border-block:1px solid #e8dfd3}.relation-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.relation-card{background:#fcf9f3;border:1px solid #e6dacf;border-radius:8px;min-height:237px;padding:22px 19px;transition:transform .2s;position:relative}.relation-card:hover{transform:translateY(-3px)}.relation-number{color:#a68b6f;letter-spacing:.1em;font-size:10px;display:block}.relation-character{font-family:var(--serif);color:#94737e;font-size:38px;line-height:1.7}.relation-card h3{color:#5f4756;margin-bottom:7px;font-size:18px}.relation-card p{color:#94838a;font-size:11px;line-height:1.9}.relation-arrow{color:#b19a84;position:absolute;top:19px;right:19px}.guide-callout{background:#ece4d7;border:1px solid #e4d6c2;border-radius:11px;justify-content:space-between;align-items:center;gap:30px;padding:42px 47px;display:flex}.guide-callout h2{margin-top:9px}.guide-callout p:not(.eyebrow){color:#8b776b;margin-top:16px;font-size:13px;line-height:2}.guide-callout .button{min-height:45px;margin-top:24px;font-size:13px}.guide-art{flex-direction:column;flex-shrink:0;align-items:center;width:180px;display:flex}.lantern{background:linear-gradient(90deg,#0000,#dacbb033,#0000);border:1px solid #b19778;border-radius:40% 40% 43% 43%;place-items:center;width:76px;height:97px;display:grid;position:relative}.lantern:before{content:"";background:#bfa78b;border-radius:2px;width:35px;height:5px;position:absolute;top:-7px}.lantern:after{content:"";background:#bda183;width:1px;height:33px;position:absolute;bottom:-34px;box-shadow:-5px 11px #c2ad94,5px 11px #c2ad94}.lantern span{font-family:var(--serif);color:#a78a6f;font-size:38px}.guide-art>p{font-family:var(--serif);letter-spacing:.2em;margin-top:57px!important;font-size:11px!important}.faq-section{grid-template-columns:1fr 1.5fr;gap:65px;padding-top:0;display:grid}.faq-intro h2{margin-block:10px 15px}.faq-intro>p:not(.eyebrow){color:#96848d;font-size:13px}.faq-intro>a{margin-top:25px;font-size:12px;display:inline-block}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{color:#68505e;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:19px 0;font-size:14px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:#a28c76;font-size:20px}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{color:#8c7984;padding-bottom:20px;font-size:13px;line-height:2}.site-footer{color:#8c7883;background:#efeae3;border-top:1px solid #e5dcd0}.footer-top{justify-content:space-between;gap:50px;padding-block:35px 29px;display:flex}.footer-brand{font-family:var(--serif);color:#654c5d;letter-spacing:.08em;font-size:20px}.footer-top p{margin-top:10px;font-size:11px;line-height:1.9}.footer-links{grid-template-columns:repeat(3,auto);align-content:start;gap:12px 26px;padding-top:5px;font-size:11px;display:grid}.footer-links a:hover{color:var(--plum)}.footer-bottom{color:#a38e97;border-top:1px solid #dfd5c9;justify-content:space-between;gap:20px;padding-block:14px 20px;font-size:10px;display:flex}.consent-note{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:20px;font-size:12px;display:flex}.consent-note p{flex:300px}.consent-note a{text-decoration:underline}.consent-note button{color:var(--plum);background:0 0;border:1px solid #c8b8a7;border-radius:4px;padding:6px 12px}.article-shell{padding-block:28px 70px}.breadcrumbs{color:#a5939b;flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.breadcrumbs a{color:#705160}.article-header{max-width:790px;padding-block:43px 30px}.article-header h1{color:var(--plum);letter-spacing:.025em;margin-block:10px 18px;font-size:40px;line-height:1.5}.article-header>p:not(.eyebrow){color:#8d7984;font-size:15px;line-height:2}.article-meta{color:#a28c97;flex-wrap:wrap;gap:10px;margin-top:22px;font-size:11px;display:flex}.article-meta a{color:#79576e}.article-content-grid{grid-template-columns:minmax(0,790px) 230px;justify-content:space-between;gap:55px;display:grid}.article-body>section{border-top:1px solid var(--line);padding-block:31px 23px}.article-body h2{margin-bottom:18px;font-size:25px}.article-body p{color:#816d79;margin-bottom:14px;font-size:15px;line-height:2}.article-body ul{color:#816d79;padding-left:23px;font-size:14px;line-height:2}.article-body li{margin-bottom:10px}.article-body .zodiac-table{background:var(--white);border:1px solid var(--line);border-radius:7px;font-size:15px}.article-body .zodiac-table td,.article-body .zodiac-table th{padding-block:11px}.article-body .table-note{color:#a28b97;margin-top:12px;font-size:12px}.source-links,.inline-links{color:var(--plum);flex-wrap:wrap;gap:12px 25px;margin-top:18px;font-size:13px;display:flex}.source-links a,.inline-links a,.article-definition a{text-underline-offset:4px;text-decoration:underline}.article-definition{margin-bottom:24px}.article-definition h3{margin-bottom:8px;font-size:18px}.article-definition a{color:var(--plum);font-size:12px}.article-aside{background:#f0e9df;border:1px solid #e5d8c8;border-radius:8px;align-self:start;padding:25px 22px;position:sticky;top:30px}.article-aside>a{color:#7b5b6e;border-bottom:1px solid #e2d6c7;justify-content:space-between;padding-block:11px;font-size:12px;display:flex}.aside-note{color:#a58e94;margin-top:18px;font-size:10px;line-height:2}.article-return{background:#ece4d7;border:1px solid #e0d2be;border-radius:8px;margin-top:23px;padding:29px}.article-return h2{font-size:24px}.article-return p{font-size:13px}.article-return .button{min-height:45px;font-size:13px}.not-found{text-align:center;padding-block:90px 120px}.not-found h1{margin:20px 0;font-size:38px}.not-found>p:not(.eyebrow){color:var(--muted)}.not-found .button{margin-top:30px}}@layer responsive{@media (width<=1050px){.shell{width:calc(100% - 48px)}.hero{gap:30px}.hero h1{font-size:40px}.checker-panel{padding:25px 23px 20px}.site-header nav{gap:18px;font-size:12px}.article-content-grid{grid-template-columns:minmax(0,1fr) 200px;gap:30px}.relation-grid{gap:10px}.relation-card{padding:18px 14px}}@media (width<=760px){.shell{width:calc(100% - 40px)}.header-inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;min-height:107px;padding-block:15px}.brand{font-size:18px}.brand-mark{width:34px;height:39px;font-size:24px}.brand small{font-size:8px}.site-header nav{justify-content:space-between;gap:10px;width:100%;font-size:11px}.hero{grid-template-columns:1fr;gap:32px;padding-block:31px 39px}.hero-copy{padding-top:0}.hero h1{margin-top:17px;font-size:39px}.hero-intro{margin-top:15px;font-size:14px}.hero-features{gap:17px;margin-top:17px;font-size:11px}.hero-bottom{display:none}.hero .eyebrow{font-size:10px}.checker-panel{padding:25px 22px 18px}.panel-heading h2{font-size:23px}.form-fields{gap:12px}select{padding-left:10px;font-size:12px}.field-help{font-size:10px}.context-band>.shell{flex-wrap:wrap;align-items:flex-start;gap:10px;padding-block:19px}.context-band p{flex:1;font-size:11px}.context-band a{margin-left:36px;font-size:11px}.section{padding-block:41px}h2{font-size:27px}.section-heading{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:22px}.section-heading>p{font-size:12px}.section-heading>p br{display:none}.year-grid{grid-template-columns:1fr;gap:20px}.year-card-header{padding:20px 21px 16px}.year-number{font-size:32px}.zodiac-table th,.zodiac-table td,.year-card-link{padding-inline:20px}.relation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.relation-card{min-height:216px;padding:20px}.relation-card:last-child{grid-column:1/-1;min-height:135px;padding-right:65px}.relation-card:last-child .relation-character{position:absolute;top:36px;right:25px}.relation-card p{font-size:12px}.guide-callout{padding:29px 25px}.guide-art{display:none}.guide-callout h2{font-size:26px}.guide-callout p:not(.eyebrow){font-size:12px}.guide-callout br{display:none}.faq-section{grid-template-columns:1fr;gap:23px;padding-top:0}.faq-intro>p:not(.eyebrow){font-size:12px}.faq-intro>p br{display:none}.faq-intro>a{margin-top:14px}.faq-list summary{padding-block:17px;font-size:13px}.footer-top{flex-direction:column;gap:25px;padding-block:29px}.footer-links{grid-template-columns:repeat(2,auto);gap:13px}.footer-bottom{flex-direction:column;gap:3px}.article-header{padding-top:31px}.article-header h1{font-size:32px}.article-header>p:not(.eyebrow){font-size:14px}.article-content-grid{grid-template-columns:1fr;gap:24px}.article-aside{position:static}.article-body h2{font-size:23px}.article-body p{font-size:14px}.article-return{padding:23px}.article-return h2{font-size:22px}.article-body .zodiac-table th,.article-body .zodiac-table td{padding-inline:13px}.not-found h1{font-size:30px}}@media (width<=400px){.hero h1{font-size:32px}.panel-heading{gap:11px}.small-seal{flex-shrink:0;width:32px}.panel-heading h2{font-size:21px}.form-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{body{color:#000;background:#fff}.site-header,.site-footer,.hero-copy,.context-band,.section,.checker-panel form,.panel-heading,.result-empty,.result-actions,.copy-feedback,.panel-footnote{display:none!important}.hero{width:100%;padding:0;display:block}.checker-panel{box-shadow:none;border:0;padding:0}.query-result{border:0;padding:10mm;display:block}.query-result[hidden]{display:none!important}.article-aside,.article-return{display:none}.article-content-grid{display:block}.article-header{padding-top:0}.article-shell{width:100%;padding:0}a{color:inherit}}}