/* 玄知Lab theme (s-265, Pita 2026-09-29): same look as yuenchilab.com (rice paper, ink, cinnabar). Loaded LAST on app.html / ziwei.html. Night mode = , set by fn.setBackground. Only colours, type and layout live here; page markup and behaviour stay in the pages. */ @import url("https://fonts.googleapis.com/css2?family=Chiron+Sung+HK:wght@400;700&family=Noto+Serif+TC:wght@400;600;900&family=LXGW+WenKai+TC:wght@400&display=swap"); :root{ --yc-paper:#f2eadb; --yc-paper2:#e9dfcc; --yc-card:#fbf6ec; --yc-ink:#1c1a16; --yc-ink2:#4a443a; --yc-mute:#8a8070; --yc-red:#b0341f; --yc-gold:#a07c3f; --yc-line:rgba(28,26,22,.18); --yc-line2:rgba(28,26,22,.09); --yc-wood:#3d7650; --yc-fire:#b0341f; --yc-earth:#946528; --yc-metal:#8b7331; --yc-water:#2a4f7c; --yc-good:#b0341f; --yc-bad:#5a5347; --yc-violet:#6b4a86; --yc-serif:"Chiron Sung HK","Noto Serif TC",serif; --yc-brush:"LXGW WenKai TC","Noto Serif TC",serif; } html.yc-night{ --yc-paper:#15130f; --yc-paper2:#1d1a15; --yc-card:#1f1c17; --yc-ink:#ece3cf; --yc-ink2:#c2b8a3; --yc-mute:#8d8471; --yc-red:#e0694f; --yc-gold:#d2a862; --yc-line:rgba(236,227,207,.2); --yc-line2:rgba(236,227,207,.08); --yc-wood:#7fbf8f; --yc-fire:#ef7a5f; --yc-earth:#d6a25c; --yc-metal:#e0c878; --yc-water:#7fa7de; --yc-good:#ef7a5f; --yc-bad:#b9ae99; --yc-violet:#b99ad6; } /* ---------- base: pages, toolbar, lists, buttons, dialogs ---------- */ html body{background:var(--yc-paper) !important;color:var(--yc-ink);font-family:var(--yc-serif)} body .page__background,body .page-chart-bg .page__background,body .rd-bg .page__background{background:var(--yc-paper) !important} body .page__content,body .page-chart-bg .page__content,body .rd-bg .page__content{background:transparent !important;color:var(--yc-ink)} body .toolbar{background:color-mix(in srgb,var(--yc-paper) 94%,transparent) !important;border-bottom:1px solid var(--yc-line) !important;box-shadow:none !important;backdrop-filter:blur(6px)} body .toolbar__title,body .toolbar__center,body .center.toolbar__center.toolbar__title{color:var(--yc-ink) !important;font-family:var(--yc-serif);font-weight:700;letter-spacing:.08em;font-size:17px} body .toolbar-button,body .toolbar-button ons-icon,body .topicon{color:var(--yc-ink) !important;fill:var(--yc-ink) !important} body .list,body .list-item,body ons-list{background:transparent !important;color:var(--yc-ink) !important;background-image:none !important} body .list-item__center,body .list-item__right{border-color:var(--yc-line) !important;background-image:none !important} body .list-item--tappable:active,body .list-item.list-item--tappable:active{background:var(--yc-paper2) !important} body ons-splitter-side .page__background,body .splitter-side .page__background{background:var(--yc-card) !important;border-right:1px solid var(--yc-line)} body ons-splitter-side ons-list::before{content:"玄知Lab";display:block;padding:22px 18px 16px 58px;font-weight:700;font-size:19px;letter-spacing:.12em;color:var(--yc-ink); border-bottom:1px solid var(--yc-line);margin-bottom:6px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='3' fill='%23b0341f'/%3E%3Crect x='2.5' y='2.5' width='27' height='27' rx='2' fill='none' stroke='%23f2d9c8' stroke-width='1'/%3E%3Ctext x='16' y='21' font-family='serif' font-size='12.5' font-weight='700' text-anchor='middle' fill='%23f7efe0'%3E%E7%8E%84%E7%9F%A5%3C/text%3E%3C/svg%3E") 18px 18px/30px 30px no-repeat} body ons-splitter-side .list-item{font-size:16px;letter-spacing:.06em} body .button,body ons-button{background:var(--yc-ink) !important;color:var(--yc-paper) !important;border:1px solid var(--yc-ink) !important;border-radius:0 !important;box-shadow:none !important;font-family:var(--yc-serif);letter-spacing:.06em} body .dialog-mask{background:rgba(20,16,10,.55) !important} body .dialog,body .dialog-container,body .alert-dialog{background:var(--yc-card) !important;color:var(--yc-ink) !important;border-radius:2px !important;border:1px solid var(--yc-line);box-shadow:0 30px 60px -30px rgba(0,0,0,.6) !important} body .alert-dialog-title,body .alert-dialog-content{color:var(--yc-ink) !important} body .alert-dialog-button{color:var(--yc-red) !important} body input,body select,body textarea{color:var(--yc-ink);font-family:var(--yc-serif)} body .text-input,body .alert-dialog input{color:var(--yc-ink) !important;caret-color:var(--yc-ink) !important;border-bottom:1px solid var(--yc-line) !important} html.yc-night body input[type=date],html.yc-night body input[type=time]{color-scheme:dark} /* 夜間: 揀選單 (出生地點、晚子時) 拉落嚟嗰張清單係瀏覽器自己畫, 字跟咗淺色但底仍然白 → 白底白字 (Pita 2026-10-01). 叫佢用深色清單, 每項再寫明底色 */ html.yc-night body select{color-scheme:dark} html.yc-night body select option,html.yc-night body select optgroup{background-color:var(--yc-card);color:var(--yc-ink)} /* explanation popup (測X / 格局 / 字典): ONE frame, not a frame inside a frame (Pita 2026-09-30: 「呢度兩個框有D怪」) */ body .toast{background:var(--yc-card) !important;color:var(--yc-ink) !important;border:1px solid var(--yc-ink);border-radius:0 !important;padding:0 !important; box-shadow:0 24px 50px -24px rgba(0,0,0,.55) !important;left:max(12px,calc(50% - 380px)) !important;right:max(12px,calc(50% - 380px)) !important;margin-bottom:12px !important} body .toast__message{position:relative;background:transparent !important;border:0 !important;border-radius:0 !important;padding:16px 18px 18px !important; color:var(--yc-ink) !important;font-size:15.5px;line-height:1.75;text-align:left;max-height:60vh;overflow:auto} body #dialog_desc_title{font-family:"Noto Serif TC",serif;font-weight:900;font-size:20px;letter-spacing:.08em;line-height:1.4;margin:0 84px 8px 0} body #dialog_desc_body{white-space:pre-line} body .toast__message button{position:absolute;top:14px;right:14px;background:transparent !important;color:var(--yc-ink) !important;border:1px solid var(--yc-ink) !important;border-radius:0; font-family:var(--yc-serif);font-size:13px;letter-spacing:.1em;line-height:1.3;padding:5px 12px;cursor:pointer} body .toast__message button:hover{border-color:var(--yc-red) !important;color:var(--yc-red) !important} body .closebt{background:var(--yc-ink) !important;color:var(--yc-paper) !important;border:0;padding:3px 10px} /* ---------- 奇門 home ---------- */ body .main-menu{background:var(--yc-paper) !important;background-image:none !important;height:auto !important;min-height:100%;max-width:560px;margin:0 auto;padding:18px 18px 40px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start} body .main-page .main-menu::before{content:"奇門遁甲・占事";grid-column:1/-1;font-size:13px;letter-spacing:.45em;color:var(--yc-red);margin-top:6px} body .main-page .main-menu::after{content:"問一件事，看此刻的局。";grid-row:2;grid-column:1/-1;font-family:"Noto Serif TC",serif;font-weight:900;font-size:26px;letter-spacing:.06em;margin-bottom:6px;color:var(--yc-ink)} body .main-menu .maincard-row{padding:0 !important;text-align:left} body .main-menu .maincard-row:first-child{grid-column:1/-1} body .main-menu .maincard-row.solar-row{grid-column:1/-1;order:9} body button.startdoor,body button.startdoor-custom,body .life-btn{width:100% !important;height:auto !important;min-height:112px;border-radius:0 !important;background:var(--yc-card) !important;background-image:none !important; border:1px solid var(--yc-ink) !important;color:var(--yc-ink) !important;box-shadow:none !important;font-family:"Noto Serif TC",serif !important;font-weight:900 !important;font-size:30px !important;letter-spacing:.14em; text-align:left;padding:34px 18px 14px !important;position:relative;text-shadow:none !important;line-height:1.2} body button.startdoor{background:var(--yc-ink) !important;color:var(--yc-paper) !important;min-height:130px;font-size:38px !important} html.yc-night body button.startdoor{background:#b0341f !important;border-color:#b0341f !important;color:#fff6ea !important} body button.startdoor::before,body button.startdoor-custom::before,body .life-btn::before{position:absolute;left:18px;top:12px;font-family:var(--yc-brush);font-weight:400;font-size:13px;letter-spacing:.1em;color:var(--yc-red)} body button.startdoor::before{content:"此刻起盤";color:#e8a08e} body button.startdoor-custom::before{content:"選時間・局數"} body .main-page .life-btn::before{content:"出生時間"} /* 紫微 home (ziwei.html has no .main-page) */ body .main-menu:has(.zw-start)::before{content:"紫微斗數・論命";grid-column:1/-1;font-size:13px;letter-spacing:.45em;color:var(--yc-red);margin-top:6px} body .main-menu:has(.zw-start)::after{content:"按出生時間，看一生的格局。";grid-row:2;grid-column:1/-1;font-family:"Noto Serif TC",serif;font-weight:900;font-size:26px;letter-spacing:.06em;margin-bottom:6px;color:var(--yc-ink)} body .main-menu:has(.zw-start) .maincard-row{grid-column:1/-1} body .main-menu:has(.zw-start) .life-btn{min-height:0;font-size:18px !important;padding:12px 18px !important;font-weight:700 !important} html.yc-night body button.startdoor::before{color:#ffd9cc} body .life-btn{font-size:26px !important;white-space:normal} body .solar-btn{width:100%;min-width:0 !important;border-radius:0 !important;flex-direction:row !important;justify-content:flex-start !important;gap:10px;padding:10px 14px !important; background:transparent !important;border:1px solid var(--yc-line) !important;color:var(--yc-mute) !important;box-shadow:none !important;font-size:14px !important;animation:none !important} body .solar-btn.on{color:var(--yc-ink) !important;border-color:var(--yc-gold) !important} body .solar-btn.on .solar-name{color:var(--yc-gold)} body .solar-btn .solar-place{font-size:13px !important;color:inherit} body .solar-btn.small{width:auto;padding:4px 10px !important} body .door-form-row .solar-btn span{width:auto !important;float:none !important} /* 「阿德萊德」衝出框 (Pita 2026-09-30): app.html 嘅 .door-form-row span{width:4em} 連掣入面啲字都中埋 */ /* forms inside dialogs */ body .door-form-row,body .zw-form-row{border-bottom:1px solid var(--yc-line) !important;color:var(--yc-ink)} body .door-form-row span,body .zw-form-row > span{color:var(--yc-mute) !important} body .door-form-input,body .zw-form-row input,body .zw-form-row select{background:transparent !important;color:var(--yc-ink) !important;border:0 !important} body .door-form-row button,body .zw-form-row.btns button{background:transparent !important;color:var(--yc-ink) !important;border:1px solid var(--yc-ink) !important;border-radius:0 !important;padding:6px 20px} body .door-form-row button:last-child,body .zw-form-row.btns button.go{background:var(--yc-ink) !important;color:var(--yc-paper) !important} body .zw-title,body .dialog p{color:var(--yc-ink) !important;font-weight:700;letter-spacing:.1em} body .zw-hint{color:var(--yc-mute) !important} /* ---------- 奇門 chart (table.loc_table) ---------- */ body #door_container{max-width:860px;margin:0 auto;padding:10px 6px 30px} body table.loc_table{border-collapse:collapse;color:var(--yc-ink) !important;background:transparent !important;font-family:var(--yc-serif)} body table.loc_table td{border-color:var(--yc-line) !important;color:var(--yc-ink)} body table.loc_table td:not(.dz-line):not(.dz-side){background:var(--yc-card) !important;border:1px solid var(--yc-line) !important} body table.loc_table tr:nth-child(2) td:not(.dz-side),body table.loc_table tr:nth-child(4) td:not(.dz-side){border-color:var(--yc-line) !important} body table.loc_table td.dz-line,body table.loc_table td.dz-side{background:transparent !important;color:var(--yc-ink2) !important;border:0 !important;font-family:var(--yc-brush)} body table.loc_table .zhi-year{color:var(--yc-mute) !important;font-family:var(--yc-serif)} body table.loc_table .luiyin{color:var(--yc-water) !important;font-family:"Noto Serif TC",serif;font-weight:700} /* 天星 (Pita 2026-10-02「好肉酸」): 唔要 app.html 嘅橙色實心波, 改細細粒紫色幼框圓印, 唔搶地支同六壬 */ body table.loc_table span.astro_star{background:transparent !important;color:var(--yc-violet) !important;border:1px solid currentColor;border-radius:50%;display:inline-block;box-sizing:border-box;width:1.5em;height:1.5em;line-height:1.38em;text-align:center;font-size:.68em;font-weight:600;font-family:"Noto Serif TC",serif;margin:0 .12em .2em;vertical-align:middle;cursor:pointer;opacity:.9} body table.loc_table span.astro_star br{display:none} body table.loc_table td.dz-side span.astro_star{margin:.15em .12em} body table.loc_table .dr-power{background:transparent !important;color:var(--yc-red) !important;border:1px solid var(--yc-red);border-radius:2px !important;padding:0 3px;font-weight:600;text-shadow:none !important} body table.loc_table .木{color:var(--yc-wood) !important} body table.loc_table .火{color:var(--yc-fire) !important} body table.loc_table .土{color:var(--yc-earth) !important} body table.loc_table .金{color:var(--yc-metal) !important} body table.loc_table .水{color:var(--yc-water) !important} body table.loc_table .吉{color:var(--yc-good) !important} body table.loc_table .兇{color:var(--yc-bad) !important} body table.loc_table .平{color:var(--yc-mute) !important} body table.loc_table .location{font-weight:700} body table.loc_table .location2{color:var(--yc-mute) !important} body table.loc_table .god{font-weight:400} body table.loc_table .door.level3,body table.loc_table .door.level4,body table.loc_table .door.level5, body table.loc_table .star.level4,body table.loc_table .star.level5,body table.loc_table .location.level4,body table.loc_table .location.level5{border-color:currentColor !important;background:transparent !important} body table.loc_table .marks{color:var(--yc-mute) !important;font-family:"Noto Serif TC",serif} body table.loc_table .horse,body table.loc_table .empty{color:var(--yc-red) !important;border:1px solid var(--yc-red) !important;background:transparent !important;border-radius:0 !important} body table.loc_table .empty{color:var(--yc-mute) !important;border-color:var(--yc-mute) !important} body table.loc_table .tomb{color:var(--yc-mute) !important} body table.loc_table .angan{color:var(--yc-mute) !important} body table.loc_table .doordate,body table.loc_table .doorsolar,body table.loc_table .doorinfo{color:var(--yc-ink2) !important} body table.loc_table td:has(.doordate){background:var(--yc-paper2) !important} body table.loc_table .eightword{color:var(--yc-ink) !important;font-weight:700} body table.loc_table .eightword-title{color:var(--yc-mute) !important;font-weight:400} body table.loc_table .五合{color:var(--yc-ink2) !important} body .rp-chart td.rp-yong{outline-width:2px;outline-style:solid;outline-offset:-2px} body .rp-chart .rp-role,body .rp-chart .rp-tags span{background:var(--yc-red) !important;color:#fff !important;border-radius:0 !important} /* under the chart: 玄知分析 + 測X chips */ body .reading-cta{text-align:center;margin:18px 0 8px} body .reading-cta .reading-btn,body .reading-cta ons-button{background:var(--yc-ink) !important;color:var(--yc-paper) !important;border-radius:0 !important;font-size:20px !important;letter-spacing:.3em;padding:6px 40px !important;box-shadow:none !important} html.yc-night body .reading-cta .reading-btn{background:#b0341f !important;border-color:#b0341f !important;color:#fff6ea !important} body .tools{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 4px} body .tools span{border:1px solid var(--yc-line) !important;border-radius:0 !important;background:transparent !important;color:var(--yc-ink2) !important;padding:2px 10px !important;margin:0 !important;font-size:14px} /* formation summary (phone): see .gm-sum in app.html */ body .gm-sum{display:none} body .gm-sum span{display:inline-block;font-size:10.5px;line-height:15px;padding:0 3px;border:1px solid currentColor;margin:1px 0 0 2px;white-space:nowrap;font-family:var(--yc-serif)} body .gm-sum .g{color:var(--yc-good)} body .gm-sum .b{color:var(--yc-bad)} /* ---------- question picker + reading ---------- */ body .pick-page{max-width:720px;margin:0 auto} body .pick-search{background:var(--yc-card) !important;color:var(--yc-ink) !important;border:1px solid var(--yc-line) !important;border-radius:0 !important} body .pick-head{color:var(--yc-red) !important;letter-spacing:.3em;font-size:13px} body .pick-item{background:var(--yc-card) !important;border:1px solid var(--yc-line) !important;border-radius:0 !important;box-shadow:none !important;color:var(--yc-ink) !important} body .pick-name{color:var(--yc-ink) !important;font-family:"Noto Serif TC",serif} body .pick-hint{color:var(--yc-mute) !important} body .reading-page{color:var(--yc-ink) !important;background:transparent !important} body .reading-page .rp-verdict{border-radius:50% !important;background:transparent !important;color:var(--yc-red) !important;border:2px solid var(--yc-red) !important;box-shadow:none !important;transform:rotate(-8deg);font-family:"Noto Serif TC",serif} body .reading-page .rp-summary{color:var(--yc-ink) !important} body .reading-page .rp-section,body .reading-page h3,body .reading-page h4{color:var(--yc-red) !important;letter-spacing:.2em} body .reading-page .rp-item{background:var(--yc-card) !important;border:0 !important;border-bottom:1px dashed var(--yc-line) !important;border-left:3px solid var(--yc-line) !important;border-radius:0 !important;box-shadow:none !important;color:var(--yc-ink) !important} body .reading-page .rp-y{background:var(--yc-card) !important} body .reading-page .rp-i-吉{border-left-color:var(--yc-good) !important} body .reading-page .rp-i-凶{border-left-color:var(--yc-bad) !important} body .reading-page .rp-i-中{border-left-color:var(--yc-gold) !important} body .reading-page .rp-tone{border-radius:0 !important} body .reading-page .rp-i-吉 .rp-tone{background:#b0341f !important;color:#fff !important} body .reading-page .rp-i-凶 .rp-tone{background:#3a352d !important;color:#fff !important} body .reading-page .rp-i-中 .rp-tone{background:#a07c3f !important;color:#fff !important} body .reading-page .rp-gu,body .reading-page .rp-foot,body .reading-page .rp-disclaimer,body .rp-note{color:var(--yc-mute) !important;font-family:var(--yc-brush)} body #reading_body .rp-jin{color:var(--yc-ink) !important} body .rp-v,body .rp-s{border-radius:0 !important;border:1px solid var(--yc-line) !important;background:transparent !important;color:var(--yc-ink2) !important} body .rp-v.on{border-color:var(--yc-red) !important;color:var(--yc-red) !important} /* invite / settings / about / records */ body .inv-wrap .inv-card{background:var(--yc-card) !important;border:1px solid var(--yc-line) !important;border-radius:0 !important;box-shadow:none !important;color:var(--yc-ink) !important} body .inv-wrap .inv-banner{background:transparent !important;color:var(--yc-red) !important;border-bottom:1px solid var(--yc-line)} body .inv-wrap .inv-url,body .inv-wrap input{background:var(--yc-paper) !important;color:var(--yc-ink) !important;border:1px solid var(--yc-line) !important;border-radius:0 !important} body .inv-wrap button{border-radius:0 !important;background:transparent !important;color:var(--yc-ink) !important;border:1px solid var(--yc-ink) !important} body .inv-wrap button.inv-main{background:var(--yc-ink) !important;color:var(--yc-paper) !important} body .inv-wrap .inv-note{color:var(--yc-mute) !important} body .setting-container,body .about-container{max-width:720px;margin:0 auto;color:var(--yc-ink)} body .place-label{color:var(--yc-mute) !important} body .place-select{background:var(--yc-card);border:1px solid var(--yc-line);border-radius:0} /* ---------- 紫微 (ziwei.html) ---------- */ body button.zw-start{border-radius:0 !important;width:auto !important;height:auto !important;min-width:220px;padding:22px 40px !important;background:var(--yc-ink) !important;border:1px solid var(--yc-ink) !important; color:var(--yc-paper) !important;box-shadow:none !important;font-family:"Noto Serif TC",serif !important;font-size:34px !important;letter-spacing:.3em} html.yc-night body button.zw-start{background:#b0341f !important;border-color:#b0341f !important;color:#fff6ea !important} body .zw-sub{color:var(--yc-mute) !important;font-family:var(--yc-brush)} body .zw-page{background:transparent !important;color:var(--yc-ink) !important;max-width:640px} body table.zw td{border-color:var(--yc-line) !important;background:var(--yc-card)} body table.zw{border:1.5px solid var(--yc-ink)} body table.zw td.zp.src{outline-color:var(--yc-gold) !important;background:color-mix(in srgb,var(--yc-gold) 10%,var(--yc-card)) !important} body table.zw td.zp.dx{background:color-mix(in srgb,var(--yc-water) 9%,var(--yc-card)) !important} body table.zw td.zp.ln{background:color-mix(in srgb,var(--yc-wood) 9%,var(--yc-card)) !important} body td.zc{background:var(--yc-paper2) !important;color:var(--yc-ink2)} body td.zc .ttl{color:var(--yc-ink) !important;font-family:"Noto Serif TC",serif;letter-spacing:.2em} body td.zc .note{color:var(--yc-red) !important} body td.zc .solar,body .gz{color:var(--yc-earth) !important} body .st .sn{color:var(--yc-ink2) !important} body .st.main .sn{color:var(--yc-ink) !important} body .h-祿{background:#3d7650 !important;border-color:#3d7650 !important} body .h-權{background:#a07c3f !important;border-color:#a07c3f !important} body .h-科{background:#2a4f7c !important;border-color:#2a4f7c !important} body .h-忌{background:#b0341f !important;border-color:#b0341f !important} body .hb{border-radius:2px !important} body .hb.o{background:var(--yc-card) !important} body .hb.o.h-祿,body .zh.h-祿{color:var(--yc-wood) !important} body .hb.o.h-權,body .zh.h-權{color:var(--yc-gold) !important} body .hb.o.h-科,body .zh.h-科{color:var(--yc-water) !important} body .hb.o.h-忌,body .zh.h-忌{color:var(--yc-red) !important} body .zh.h-祿,body .zh.h-權,body .zh.h-科,body .zh.h-忌{background:none !important} body .pn.life{background:#b0341f !important;border-radius:2px} body .tag{border-color:var(--yc-line) !important;color:var(--yc-ink2) !important;border-radius:0 !important} body .tag.laiyin{border-color:var(--yc-gold) !important;color:var(--yc-gold) !important} body .dec{color:var(--yc-mute) !important} body .ov.dx{background:var(--yc-water) !important} body .ov.ln{background:var(--yc-wood) !important} body .zw-sect,body .cm-yun,body .rd-sec{color:var(--yc-red) !important;letter-spacing:.2em;font-weight:400} body .chip{border-radius:0 !important;border-color:var(--yc-line) !important;background:var(--yc-card) !important;color:var(--yc-ink2) !important} body .chip.on.d{background:var(--yc-water) !important;color:#fff !important;border-color:var(--yc-water) !important} body .chip.on.y{background:var(--yc-wood) !important;color:#fff !important;border-color:var(--yc-wood) !important} body .chip.now{box-shadow:inset 0 0 0 2px var(--yc-gold) !important} body .flybox{background:var(--yc-card) !important;border:1px solid var(--yc-gold) !important;border-radius:0 !important;color:var(--yc-ink)} body .legend,body .zw-tip{color:var(--yc-mute) !important} body .zw-cta button{background:var(--yc-ink) !important;color:var(--yc-paper) !important;border-radius:0 !important;letter-spacing:.3em} html.yc-night body .zw-cta button{background:#b0341f !important;color:#fff6ea !important} body .rd{color:var(--yc-ink) !important;max-width:720px} body .rd-meta,body .rd-src,body .rd-note,body .cm-key,body .cm-ref{color:var(--yc-mute) !important} body .rd-item,body .cm-item{background:var(--yc-card) !important;border-radius:0 !important;box-shadow:none !important;border:0;border-bottom:1px dashed var(--yc-line);color:var(--yc-ink)} body .rd-item{border-left:3px solid var(--yc-line) !important} body .rd-item.h-祿{border-left-color:#3d7650 !important} body .rd-item.h-權{border-left-color:#a07c3f !important} body .rd-item.h-科{border-left-color:#2a4f7c !important} body .rd-item.h-忌{border-left-color:#b0341f !important} body .rd-item.h-祿,body .rd-item.h-權,body .rd-item.h-科,body .rd-item.h-忌{background:var(--yc-card) !important} body .rd-lead,body .cm-plain{color:var(--yc-ink) !important} body .cm-why{color:var(--yc-gold) !important;font-family:var(--yc-brush)} body .cm-tab{border-radius:0 !important;border-color:var(--yc-line) !important;background:transparent !important;color:var(--yc-mute) !important} body .cm-tab.on{background:transparent !important;color:var(--yc-ink) !important;border-color:var(--yc-red) !important;border-bottom-width:2px} body .cm-infer{background:transparent !important;border:1px solid var(--yc-gold);color:var(--yc-gold) !important;border-radius:0 !important} body .cm-zod{background:var(--yc-card) !important} body .cm-zod th,body .cm-zod td{border-color:var(--yc-line) !important;color:var(--yc-ink)} body .cm-zod th{background:var(--yc-paper2) !important;color:var(--yc-ink2) !important} body .cm-when{color:var(--yc-red) !important} body .cm-lock{background:var(--yc-card) !important;border:1px solid var(--yc-line);border-radius:0 !important;color:var(--yc-ink2) !important} body .cm-lock-t{color:var(--yc-red) !important} body .cm-lock button,body .rd-more button,body .cm-refbtn button{border-radius:0 !important;background:transparent !important;color:var(--yc-ink2) !important;border:1px solid var(--yc-line) !important} /* ---------- wide screens: menu always open, chart | reading ---------- */ @media (min-width:960px){ body #page-reading-container .page__content{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:28px;max-width:1320px;margin:0 auto;padding:18px 22px 40px;align-items:start} body #page-reading-container .rp-chart{position:sticky;top:12px} body #page-reading-container .reading-page{max-width:none;margin:0;background:var(--yc-card) !important;border:1px solid var(--yc-line);padding:18px 22px} body .main-menu{max-width:760px;padding-top:40px;gap:16px} body .main-menu::after{font-size:36px !important} } /* ---------- phone: compact chart ---------- */ @media (max-width:600px){ body #door_container{padding:4px 0 24px} body table.loc_table td.dz-line,body table.loc_table td.dz-side{line-height:1.2} body table.loc_table .zhi-year{font-size:.8em} body table.loc_table .room-right .gmatch{display:none} body table.loc_table .gm-sum{display:block;text-align:right} body table.loc_table .五合{display:none} body table.loc_table .doordate{font-size:10px} body table.loc_table .doorsolar{font-size:9.5px} body .main-menu::after{font-size:22px !important} body button.startdoor-custom,body .life-btn{font-size:24px !important;min-height:96px} body .tools span{font-size:13px} } body .reading-page .rp-y{border-radius:0 !important;box-shadow:none !important;color:var(--yc-ink) !important} body .reading-page .rp-y *{color:inherit} body .reading-page .rp-head,body .reading-page .rp-summary{color:var(--yc-ink) !important} /* 紫微 wide: chart | 論命 side by side (ziwei.html .zw-wide / .zw-side) */ body .zw-side{display:none} body .zw-side-note{margin:14px 4px 0;color:var(--yc-mute);font-size:12px;line-height:1.6} @media (min-width:960px){ body .zw-wide{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;max-width:1320px;margin:0 auto;padding:18px 22px 40px;align-items:start} body .zw-wide .zw-page{max-width:none;margin:0} body .zw-side{display:block;background:var(--yc-card);border:1px solid var(--yc-line);padding:16px 20px;position:sticky;top:12px;max-height:calc(100vh - 160px);overflow:auto} body .zw-side .rd{max-width:none;padding:0} body .zw-side .zw-cta{margin:30px 0} body table.zw td{height:150px} body .zw-wide .zw-page > .zw-cta{display:none} /* 論命 lives in the side panel; one button, not two */ } /* ---------- the website header, above EVERY app page (js/yuenchi-nav.js header()) ---------- Pita 2026-09-30: 「呢個可否每一頁都有, 就算我入左奇門同紫微我都想keep 番佢」. Same sizes as yuenchilab.com's header (site.css). */ body ons-splitter-side{display:none !important} :root{--yc-head:68px} html.yc-has-head #myNavigator{top:var(--yc-head) !important;height:auto !important;bottom:0 !important} body .yc-head{position:fixed;top:0;left:0;right:0;height:var(--yc-head);z-index:20;box-sizing:border-box;background:var(--yc-paper);border-bottom:1px solid var(--yc-line); font-family:var(--yc-serif);color:var(--yc-ink);line-height:1.5;-webkit-font-smoothing:antialiased} body .yc-head a{color:inherit;text-decoration:none;white-space:nowrap} body .yc-hbar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:100%;max-width:1160px;margin:0 auto;padding:0 28px;box-sizing:border-box} body .yc-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:22px;letter-spacing:.12em;color:var(--yc-ink) !important} body .yc-seal{display:inline-grid;grid-template-columns:1fr 1fr;place-items:center;width:38px;height:38px;box-sizing:border-box;background:#b0341f;color:#f7efe0;font-size:15px;line-height:1;border-radius:3px;padding:3px; box-shadow:inset 0 0 0 2px #b0341f,inset 0 0 0 3px #f2d9c8;font-weight:700;letter-spacing:0} body .yc-name small{display:block;font-size:11px;letter-spacing:.3em;color:var(--yc-mute);font-weight:400;margin-top:-4px} body .yc-main{display:flex;gap:28px;font-size:15px;color:var(--yc-ink2)} body .yc-head a.on,body .yc-main a:hover{color:var(--yc-red)} body .yc-tools{display:flex;align-items:center;gap:18px;font-size:13px} body .yc-lang a{color:var(--yc-mute);padding:0 3px} body .yc-head .yc-lang a.on{color:var(--yc-ink);border-bottom:1px solid var(--yc-red)} body .yc-btn{display:inline-block;padding:10px 22px;border:1px solid var(--yc-ink);font-size:15px;letter-spacing:.1em;line-height:1.4;transition:.25s} body .yc-btn:hover{border-color:var(--yc-red);color:var(--yc-red)} body .yc-btn.solid{background:var(--yc-ink);color:var(--yc-paper)} body .yc-gear{font-size:18px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--yc-line);border-radius:50%;color:var(--yc-ink) !important;flex:none} body .yc-gear:hover{border-color:var(--yc-red)} body .yc-menu{display:none;background:none;border:0;color:var(--yc-ink);font-size:22px;cursor:pointer;padding:4px 6px;width:auto !important;min-width:0 !important;height:auto !important;margin:0 !important} body .yc-mnav{display:none} html.yc-dim body .yc-head{border-bottom-color:transparent} /* no line between the dimmed header and the dimmed page */ html.yc-dim body .yc-head::after{content:"";position:absolute;inset:0 0 -1px 0;background:var(--yc-dim,rgba(20,16,10,.55))} /* set by yuenchi-nav.js while a dialog is open */ @media (max-width:1060px){ body .yc-main{gap:18px} body .yc-hbar{padding:0 20px;gap:14px} body .yc-tools{gap:12px} } @media (max-width:860px){ :root{--yc-head:58px} body .yc-main,body .yc-tools .yc-lang,body .yc-tools .yc-btn{display:none} body .yc-menu{display:block} body .yc-hbar{padding:0 14px} body .yc-logo{font-size:19px;gap:10px} body .yc-seal{width:32px;height:32px;font-size:13px} body .yc-tools{gap:10px} body .yc-head.open .yc-mnav{display:block;position:absolute;top:var(--yc-head);left:0;right:0;background:var(--yc-paper);border-bottom:1px solid var(--yc-ink);padding:6px 20px 22px;box-shadow:0 20px 30px -20px rgba(0,0,0,.35)} body .yc-mnav > a:not(.yc-btn){display:block;padding:12px 0;border-bottom:1px solid var(--yc-line);font-size:17px} body .yc-mnav .yc-lang{display:flex;gap:18px;padding-top:16px;font-size:15px} body .yc-mnav .yc-btn{display:block;text-align:center;margin-top:18px} } @media (max-width:360px){ body .yc-name small{display:none} } /* top-level app pages (設定 / 記錄 / 尋找吉局 …): no bar of their own under the header */ body .yc-notb > ons-toolbar{display:none !important} body .yc-notb > .page__content{top:0 !important} body .yc-crumb{max-width:720px;margin:18px auto 6px;padding:0 16px;font-family:"Noto Serif TC",serif;font-weight:900;font-size:24px;letter-spacing:.08em;color:var(--yc-ink)} body .yc-card{width:100%;min-height:96px;border:1px solid var(--yc-ink);background:var(--yc-card);color:var(--yc-ink);font-family:"Noto Serif TC",serif;font-weight:900;font-size:24px;letter-spacing:.12em;text-align:left;padding:30px 18px 12px;position:relative;cursor:pointer} body .yc-card::before{content:attr(data-label);position:absolute;left:18px;top:10px;font-family:var(--yc-brush);font-weight:400;font-size:13px;letter-spacing:.1em;color:var(--yc-red)} /* opened from the website (?go=…): the website is the menu, so the app home stays empty behind the form / chart */ html.yc-embed body .main-menu .maincard-row{visibility:hidden} html.yc-embed body .main-menu::before,html.yc-embed body .main-menu::after{display:none !important} html body .solar-btn,html body .solar-btn.on,html body .door-form .solar-btn,html body .door-form .solar-btn.on{background:transparent !important;background-image:none !important;box-shadow:none !important;text-shadow:none !important} html body .door-form .solar-btn.small{padding:3px 10px !important;gap:6px} /* backgrounds the app hard-codes as white/grey (found by sweeping app.html/ziwei.html/door_white.css) */ body .pick-page{background:transparent !important;color:var(--yc-ink) !important} body .pick-item:active{background:var(--yc-paper2) !important} body ons-action-sheet .action-sheet,body ons-action-sheet .action-sheet-button,body ons-action-sheet .action-sheet-title, body ons-action-sheet.reading-sheet .action-sheet,body ons-action-sheet.reading-sheet .action-sheet-button{background:var(--yc-card) !important;color:var(--yc-ink) !important;border-color:var(--yc-line) !important} body .action-sheet-mask{background:rgba(20,16,10,.55) !important} body .card{background:var(--yc-card) !important;color:var(--yc-ink) !important;box-shadow:none !important;border:1px solid var(--yc-line);border-radius:0 !important} body span.empty{background:transparent !important} /* 返回 and the chart's own buttons look like the website's buttons: thin ink outline, serif, spaced (Pita 2026-09-30: 「同而家個web 唔係好夾」) */ body .yc-back,body .yc-tb{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;box-sizing:border-box;background:transparent;color:var(--yc-ink) !important;border:1px solid var(--yc-ink);border-radius:0; font-family:var(--yc-serif);font-size:14px;letter-spacing:.1em;line-height:1.3;padding:7px 16px;cursor:pointer;white-space:nowrap;width:auto !important;min-width:0 !important;height:auto !important;margin:0 !important;-webkit-tap-highlight-color:transparent;transition:.2s} body .yc-back::before{content:"‹";font-size:18px;line-height:.8} body .yc-back:hover,body .yc-tb:hover{border-color:var(--yc-red);color:var(--yc-red) !important} body .yc-back:active,body .yc-tb:active{opacity:.7} /* the slim bar on pushed pages: 返回 · title · actions */ body ons-toolbar.yc-sub{background:var(--yc-paper) !important;border-bottom:1px solid var(--yc-line) !important;box-shadow:none !important;height:52px} body ons-toolbar.yc-sub + .page__background + .page__content{top:52px} body ons-toolbar.yc-sub > div{height:52px;display:flex !important;align-items:center} body ons-toolbar.yc-sub .toolbar__left{padding-left:16px} body ons-toolbar.yc-sub .toolbar__right{justify-content:flex-end;padding-right:16px} body ons-toolbar.yc-sub .toolbar__center{justify-content:center;gap:10px;font-size:16px !important;line-height:1 !important} body .toolbar__left{display:flex !important;align-items:center;padding-left:8px} body .back-button{display:inline-flex !important;align-items:center;gap:6px;height:auto !important;line-height:1.3 !important;padding:7px 16px 7px 12px !important; background:transparent !important;border:1px solid var(--yc-ink);border-radius:0 !important;transition:.2s} body .back-button .back-button__icon,body .back-button__icon{display:none !important} body .back-button .back-button__label,body .back-button__label{color:var(--yc-ink) !important;font-family:var(--yc-serif);font-size:14px !important;letter-spacing:.1em;padding:0 !important;line-height:1.3 !important} body .back-button .back-button__label::before{content:"‹";font-size:18px;line-height:.8;margin-right:6px;vertical-align:-1px} body .back-button:hover{border-color:var(--yc-red)} body .back-button:hover .back-button__label{color:var(--yc-red) !important} body .back-button:active{opacity:.7} @media (max-width:400px){ body .yc-tb{padding:7px 9px;font-size:13px;letter-spacing:.04em} body ons-toolbar.yc-sub .toolbar__left{padding-left:8px} body ons-toolbar.yc-sub .toolbar__right{padding-right:8px} body ons-toolbar.yc-sub .toolbar__center{gap:6px} } /* 返回 at the bottom of 設定 / 讀取記錄 / 尋找吉局 / 邀請 / 關於 */ body .yc-bottom{max-width:720px;margin:28px auto 48px;padding:0 16px;box-sizing:border-box} body .yc-bottom .yc-back{display:flex;justify-content:center;width:100%;box-sizing:border-box;padding:12px 16px;font-size:16px} /* ---------- PC (≥1200px): use the whole screen (Pita 2026-09-30: 「PC 版我想用晒D位」) ---------- The 奇門 chart page itself stays as before (Pita: 「呢版可以留番之前咁」); reading / pick / 紫微 go full width. The 奇門 chart is sized in em, so its font-size sets its size: fit it to the screen height. */ @media (min-width:1200px){ /* reading page: chart half never under 50% (Pita 2026-09-30); the chart fills that half's width */ body #page-reading-container .page__content{max-width:none;grid-template-columns:calc(50vw - 32px) minmax(0,1fr);gap:36px;padding:16px 32px 40px} body #page-reading-container .rp-chart{position:sticky;top:8px;align-self:start;display:flex;justify-content:center} /* whole chart on one screen (Pita: 「個盤唔洗scroll落去就睇得晒」): the height decides the size, the table still spans the half */ body #page-reading-container .rp-chart table.loc_table{width:100%;font-size:min(calc((50vw - 70px) / 19.5),calc((100vh - 172px) / 33))} body #page-reading-container .reading-page{padding:24px 34px} body .pick-page{max-width:none;padding:18px 32px 40px} body #pick_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-items:stretch} body #pick_list .pick-head{grid-column:1/-1;margin-top:14px} body #pick_list .pick-item{margin:0} /* 紫微 chart: a cell holds a few stars, so keep it compact (Pita 2026-09-30: 「唔洗show 到咁大, 因為佢裡面唔多野」); the reading gets the rest */ body .zw-wide{max-width:none;padding:18px 32px 40px;grid-template-columns:min(900px,50vw) minmax(0,1fr)} body .zw-wide table.zw{font-size:17px} body .zw-wide table.zw td{height:clamp(118px,calc((100vh - 470px) / 4),156px)} } /* the reading always wraps: nothing in it may push sideways (Pita 2026-09-30: 「右邊要試自動換行」) */ body .reading-page,body .reading-page *{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;white-space:normal !important;box-sizing:border-box} body .reading-page img{height:auto} body .reading-page .rp-share,body .reading-page .rp-vote{display:flex;flex-wrap:wrap;gap:6px} @media (min-width:1200px){ body #page-reading-container .rp-chart table.loc_table{max-width:none} } /* PC reading text a bit smaller (Pita 2026-09-30: 「右邊字可否細少少」) — was ~34px from the app's big-screen body size */ @media (min-width:1200px){ body #page-reading-container .reading-page{font-size:27px !important} } /* follow-up questions (邊個病 / 原告被告 / 年命) asked in place on the pick page, one spot for every step (Pita 2026-09-30: 「問野可唔可以唔好東一忽西一忽」) */ body .pick-step{box-sizing:border-box;max-width:560px;margin:16px auto 24px;padding:22px 22px 18px;font-size:17px;background:var(--yc-card);border:1px solid var(--yc-line);color:var(--yc-ink);text-align:center} body .pick-q{font-family:"Noto Serif TC",serif;font-size:24px;margin-bottom:12px} body .pick-note{color:var(--yc-mute);font-size:15px;margin:-4px 0 14px} body .pick-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:6px} body .pick-opt{box-sizing:border-box;width:100%;margin:0;font:inherit;font-size:18px;padding:12px 8px;background:var(--yc-paper);color:var(--yc-ink);border:1px solid var(--yc-line);border-radius:0;cursor:pointer} body .pick-opt:active,body .pick-opt:hover{border-color:var(--yc-red)} body .pick-opt.go{background:var(--yc-ink);color:var(--yc-paper);border-color:var(--yc-ink)} html.yc-night body .pick-opt.go{background:#b0341f;border-color:#b0341f;color:#fff} body .pick-year{box-sizing:border-box;width:100%;max-width:220px;font:inherit;font-size:24px;letter-spacing:.15em;text-align:center;padding:8px;margin:0 auto 10px;display:block;background:var(--yc-paper);color:var(--yc-ink);border:1px solid var(--yc-line);border-radius:0} body .pick-year.bad{border-color:var(--yc-red);outline:1px solid var(--yc-red)} body .pick-last{font:inherit;font-size:15px;white-space:nowrap;background:none;border:0;color:var(--yc-red);text-decoration:underline;cursor:pointer;margin:0 0 12px} body .pick-back{display:inline-block;margin-top:16px;color:var(--yc-mute);cursor:pointer;font-size:15px} body .pick-year::placeholder{font-size:17px;letter-spacing:0;color:var(--yc-mute)} /* 買玄知分析 (Stripe, s-265 2026-09-30) */ body .inv-buy{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 6px} body .inv-buy .inv-main{width:100%;margin:0} body .inv-test{color:var(--yc-red) !important} body .inv-wrap{max-width:720px;margin:0 auto;box-sizing:border-box} /* same column as the page title (yc-crumb) */ /* 讚／彈: 撳咗要一眼睇到 (Pita 2026-09-30「撳 👍 或者 👎之後我睇落去唔明顯」) — 實色, 加 ✓ */ body .rp-v.on[data-v="up"]{background:var(--yc-red) !important;border-color:var(--yc-red) !important;color:#fff !important;font-weight:700} body .rp-v.on[data-v="down"]{background:var(--yc-ink2) !important;border-color:var(--yc-ink2) !important;color:var(--yc-paper) !important;font-weight:700} body .rp-v.on::before{content:"✓ "} body .cm-fb span{display:inline-grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;border:1px solid transparent} body .cm-fb span.on{opacity:1 !important;filter:none !important;background:var(--yc-red);border-color:var(--yc-red);box-shadow:0 0 0 2px color-mix(in srgb,var(--yc-red) 25%,transparent)} body .cm-fb span.on + span.on, body .cm-fb span:nth-child(2).on{background:var(--yc-ink2);border-color:var(--yc-ink2)} /* 幾多人覺得準 */ body .rp-likes{display:inline-block;margin:4px 0 2px;font-size:.85em;color:var(--yc-red);border:1px solid color-mix(in srgb,var(--yc-red) 40%,transparent);padding:1px 9px;border-radius:999px} body .cm-likes{display:inline-block;margin-left:.5em;font-size:.8em;color:var(--yc-red);border:1px solid color-mix(in srgb,var(--yc-red) 40%,transparent);padding:0 7px;border-radius:999px;white-space:nowrap} /* 設定 · 底色: 揀咗嗰個實心, 其餘淨係框 (2026-09-30 加「自動」) */ body ons-button.theme-btn:not(.on){background:transparent !important;color:var(--yc-ink) !important} /* English (2026-09-30): labels are longer than two characters */ html[lang=en] body .door-form-row > span:first-child{width:6.4em !important;font-size:12.5px;line-height:1.3} html[lang=en] body .door-form-row button{white-space:nowrap;width:auto !important;padding-left:14px !important;padding-right:14px !important} html body ons-toolbar.yc-sub > div.toolbar__center:not(:has(.yc-tb)):lang(en){display:block !important;flex:1 1 auto !important;width:auto !important;max-width:none !important;padding:0 10px 0 10px;text-align:left;font-size:14px !important;line-height:52px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html body ons-toolbar.yc-sub:not(:has(.yc-tb)) > div.toolbar__right:lang(en){flex:0 0 auto !important;width:auto !important;min-width:0 !important} /* 簡體 / English: 呢幾段字寫喺 CSS (content:), 頁面嘅轉換器掂唔到, 所以逐句寫 (Pita 2026-09-30 簡體張相一半未轉) */ html:lang(zh-Hans) body .main-page .main-menu::before{content:"奇门遁甲・占事"} html:lang(zh-Hans) body .main-page .main-menu::after{content:"问一件事，看此刻的局。"} html:lang(zh-Hans) body button.startdoor::before{content:"此刻起盘"} html:lang(zh-Hans) body button.startdoor-custom::before{content:"选时间・局数"} html:lang(zh-Hans) body .main-page .life-btn::before{content:"出生时间"} html:lang(zh-Hans) body .main-menu:has(.zw-start)::before{content:"紫微斗数・论命"} html:lang(zh-Hans) body .main-menu:has(.zw-start)::after{content:"按出生时间，看一生的格局。"} html:lang(en) body .main-page .main-menu::before{content:"Qimen Dunjia · Questions"} html:lang(en) body .main-page .main-menu::after{content:"Ask one question. Read this moment."} html:lang(en) body button.startdoor::before{content:"This moment"} html:lang(en) body button.startdoor-custom::before{content:"Pick a time"} html:lang(en) body .main-page .life-btn::before{content:"Birth time"} html:lang(en) body .main-menu:has(.zw-start)::before{content:"Zi Wei Dou Shu · A life reading"} html:lang(en) body .main-menu:has(.zw-start)::after{content:"From your birth time, the shape of a whole life."} /* English readings: the verdict circle and the tone badge hold a word (Good / Bad / Even / Mixed / Sign) */ html:lang(en) body .reading-page .rp-verdict{width:3.6em !important;height:3.6em !important;line-height:3.6em !important;font-size:15px !important;letter-spacing:.02em} html:lang(en) body .reading-page .rp-tone{display:inline-block;font-size:11.5px;padding:0 6px;margin-right:.5em;letter-spacing:.03em;vertical-align:1px} /* 生肖表「對你」(付費版) */ body .cm-zod .cm-fx{margin-top:4px;font-size:.88em;color:var(--yc-red);line-height:1.45} /* 紫微: 撳得嘅字眼 (js/zw-gloss.js) */ body .gl{border-bottom:1px dashed currentColor;cursor:pointer;-webkit-tap-highlight-color:transparent} body .gl:hover{color:var(--yc-red)} /* 網站 ⇄ app 轉頁 (Pita 2026-09-30「成個網同一舊野」): app 同網站同一個網址, 瀏覽器淡入淡出, 頁頭當同一條唔郁. 網站 assets/site.css 有同一段; 兩邊都要開先會生效 (Safari 18.2+ / Chrome 126+, 其他瀏覽器照舊直接轉頁) */ @media (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } } body .yc-head{view-transition-name:yc-head} /* 紫微解鎖 (Pita 2026-09-30「整埋紫微收錢果part」): 付款掣實色, 優惠碼格跟日夜底色 */ body .cm-lock .zw-pay{background:var(--yc-red) !important;color:#fff !important;border-color:var(--yc-red) !important;padding:.5em 2.2em} body .zw-code input{background:var(--yc-paper);color:var(--yc-ink);border:1px solid var(--yc-line);border-radius:0} body .zw-msg{color:var(--yc-red)} body .zw-msg.zw-cp{color:#2f7a45}html.yc-night body .zw-msg.zw-cp{color:#8fd19e} /* 派碼連結: 已填好優惠碼 (唔係錯誤) */ /* 套用咗優惠碼: 原價劃走, 客人睇啱先撳付款 (Pita 2026-10-01「我睇完ok 先撳付款」) */ body .zw-was{color:var(--yc-ink3,#8a8273);font-size:1em;font-weight:400;margin-right:.6em;text-decoration:line-through}body .zw-was:empty{display:none} body .zw-cp-x{color:inherit;opacity:.75;margin-left:.3em} html.br-ziyuan body .zy-ed .pr .zw-was{color:#8f8570;font-size:.85em} html.br-ziyuan body .zy-ed.na{opacity:.45} body .zw-book{background:var(--yc-card);border-color:var(--yc-line)} body .zw-book select,body .zw-book #bk_name{background:var(--yc-paper);color:var(--yc-ink);border-color:var(--yc-line);border-radius:0} body .zw-book .zw-pay{background:var(--yc-red) !important;color:#fff !important;border:1px solid var(--yc-red) !important;padding:.5em 2.2em;margin-top:.7em} body .zw-book button{border-radius:0 !important;background:transparent;color:var(--yc-ink2);border:1px solid var(--yc-line);padding:.4em 1.2em;font:inherit} body .zw-dl-s{color:var(--yc-red);text-decoration:none} /* ---------- 紫垣閣 (html.br-ziyuan, js/yuenchi-nav.js 由 /app/brand.js 揀): 永遠黑金, 同 ziyuange.com 網站 A 款「墨金典藏」一樣 ---------- */ html.br-ziyuan.yc-night{ --yc-paper:#0f0e0c; --yc-paper2:#17150f; --yc-card:#17150f; --yc-ink:#ece4d2; --yc-ink2:#cfc6b2; --yc-mute:#9a907c; --yc-red:#c9a45c; --yc-gold:#e8d3a0; --yc-line:rgba(201,164,92,.28); --yc-line2:rgba(201,164,92,.12); --yc-good:#e8d3a0; --yc-serif:"Noto Serif TC",serif; --yc-brush:"Noto Serif TC",serif; } html.br-ziyuan body .zy-name{font-size:24px;font-weight:900;letter-spacing:.18em;background:linear-gradient(115deg,#a8823c 0%,#f1dea6 28%,#b48b42 52%,#ecd49a 74%,#9c7634 100%);-webkit-background-clip:text;background-clip:text;color:transparent} html.br-ziyuan body .zy-name small{-webkit-text-fill-color:#9a907c;color:#9a907c;font-family:"Cormorant Garamond",serif} html.br-ziyuan.yc-night body button.startdoor,html.br-ziyuan.yc-night body .reading-cta .reading-btn,html.br-ziyuan.yc-night body button.zw-start, html.br-ziyuan.yc-night body .zw-cta button,html.br-ziyuan.yc-night body .pick-opt.go,html.br-ziyuan body .zw-pay{ background:linear-gradient(115deg,#a8823c,#e6cf93 50%,#a8823c) !important;border-color:#c9a45c !important;color:#15110a !important} html.br-ziyuan body .pn.life{background:#9c2a1a !important} /* 紫垣閣 紫微盤: 金光閃閃、暗花底 (Pita 2026-10-01「個紫微盤我要整到好靚, 金光閃閃有暗花果隻」) */ html.br-ziyuan body #zw_chart{position:relative;padding:10px;border:1px solid #c9a45c;background:linear-gradient(160deg,#1b1810,#0d0c0a);box-shadow:0 0 0 4px #0f0e0c,0 0 0 5px rgba(201,164,92,.45),0 18px 50px rgba(0,0,0,.55)} html.br-ziyuan body #zw_chart:before,html.br-ziyuan body #zw_chart:after{content:"";position:absolute;width:26px;height:26px;border:2px solid #e8d3a0;pointer-events:none} html.br-ziyuan body #zw_chart:before{top:-3px;left:-3px;border-right:0;border-bottom:0} html.br-ziyuan body #zw_chart:after{bottom:-3px;right:-3px;border-left:0;border-top:0} html.br-ziyuan body table.zw{border:1px solid rgba(201,164,92,.75) !important;background:#100e0b url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2256%22%20height%3D%2256%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9b56a%22%20stroke-width%3D%221%22%20opacity%3D%22.06%22%3E%0A%3Cpath%20d%3D%22M4%204h12v12h-8v-4h4v-4h-8z%22/%3E%3Cpath%20d%3D%22M52%204h-12v12h8v-4h-4v-4h8z%22/%3E%3Cpath%20d%3D%22M4%2052h12v-12h-8v4h4v4h-8z%22/%3E%3Cpath%20d%3D%22M52%2052h-12v-12h8v4h-4v4h8z%22/%3E%0A%3Cpath%20d%3D%22M28%2018c4%200%206%204%206%2010s-2%2010-6%2010-6-4-6-10%202-10%206-10z%22/%3E%3Cpath%20d%3D%22M18%2028c0-4%204-6%2010-6s10%202%2010%206-4%206-10%206-10-2-10-6z%22/%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2228%22%20r%3D%222.2%22/%3E%3C/g%3E%3C/svg%3E") !important;background-size:56px 56px !important;position:relative} html.br-ziyuan body table.zw td{background:transparent !important;border-color:rgba(201,164,92,.32) !important} html.br-ziyuan body table.zw td.zp:hover{background:rgba(201,164,92,.06) !important} html.br-ziyuan body table.zw td.zp.src{outline:1px solid #e8d3a0 !important;background:rgba(232,211,160,.09) !important} html.br-ziyuan body table.zw td.zp.dx{background:rgba(120,150,220,.07) !important} html.br-ziyuan body table.zw td.zp.ln{background:rgba(130,190,150,.07) !important} html.br-ziyuan body .st.main .sn{background:linear-gradient(115deg,#a8823c 0%,#f6e6b4 30%,#b48b42 55%,#f0dba2 78%,#9c7634 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent;animation:zy-foil 7s ease-in-out infinite} html.br-ziyuan body .st .sn{color:#cdbf9f !important} html.br-ziyuan body .pn{color:#e8d3a0 !important;letter-spacing:.08em} html.br-ziyuan body .pn.life{background:linear-gradient(160deg,#a8321f,#7d1f12) !important;color:#f6e7cf !important;box-shadow:0 0 0 1px #e8d3a0;padding:0 3px} html.br-ziyuan body .gz{color:#c9a45c !important} html.br-ziyuan body .dec{color:#8f8570 !important} html.br-ziyuan body .hb{box-shadow:inset 0 0 0 1px rgba(255,236,190,.35)} html.br-ziyuan body .h-祿{background:#2f6a45 !important;border-color:#2f6a45 !important} html.br-ziyuan body .h-權{background:#9a7432 !important;border-color:#9a7432 !important} html.br-ziyuan body .h-科{background:#2a4a78 !important;border-color:#2a4a78 !important} html.br-ziyuan body .h-忌{background:#9c2a1a !important;border-color:#9c2a1a !important} html.br-ziyuan body .hb.o{background:transparent !important} html.br-ziyuan body .tag{border-color:rgba(201,164,92,.5) !important;color:#e8d3a0 !important} html.br-ziyuan body td.zc{background:radial-gradient(circle at 50% 45%,rgba(201,164,92,.16),rgba(15,14,12,0) 62%),#0f0e0c url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2256%22%20height%3D%2256%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9b56a%22%20stroke-width%3D%221%22%20opacity%3D%22.06%22%3E%0A%3Cpath%20d%3D%22M4%204h12v12h-8v-4h4v-4h-8z%22/%3E%3Cpath%20d%3D%22M52%204h-12v12h8v-4h-4v-4h8z%22/%3E%3Cpath%20d%3D%22M4%2052h12v-12h-8v4h4v4h-8z%22/%3E%3Cpath%20d%3D%22M52%2052h-12v-12h8v4h-4v4h8z%22/%3E%0A%3Cpath%20d%3D%22M28%2018c4%200%206%204%206%2010s-2%2010-6%2010-6-4-6-10%202-10%206-10z%22/%3E%3Cpath%20d%3D%22M18%2028c0-4%204-6%2010-6s10%202%2010%206-4%206-10%206-10-2-10-6z%22/%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2228%22%20r%3D%222.2%22/%3E%3C/g%3E%3C/svg%3E") !important;background-size:auto,56px 56px !important;color:#cfc6b2 !important;position:relative} html.br-ziyuan body td.zc:before{content:"";position:absolute;inset:14px;border:1px solid rgba(201,164,92,.35);pointer-events:none} html.br-ziyuan body td.zc:after{content:"";position:absolute;left:50%;top:50%;width:min(190px,62%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(201,164,92,.16);box-shadow:0 0 0 7px rgba(15,14,12,0),0 0 0 8px rgba(201,164,92,.10);pointer-events:none} html.br-ziyuan body td.zc .ttl{font-size:1.25em;font-weight:900;letter-spacing:.35em;background:linear-gradient(115deg,#a8823c 0%,#f6e6b4 30%,#b48b42 55%,#f0dba2 78%,#9c7634 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent;animation:zy-foil 7s ease-in-out infinite} html.br-ziyuan body td.zc .solar{color:#c9a45c !important} /* 金光掃過: 每 9 秒一道淡淡金光由左上掃去右下 */ html.br-ziyuan body #zw_chart .zw-sheen{position:absolute;inset:0;pointer-events:none;overflow:hidden} html.br-ziyuan body #zw_chart .zw-sheen:before{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;transform:rotate(25deg);background:linear-gradient(90deg,rgba(255,236,180,0),rgba(255,236,180,.10),rgba(255,236,180,0));animation:zy-sheen 9s ease-in-out infinite} @keyframes zy-foil{0%,100%{background-position:0% 0}50%{background-position:100% 0}} @keyframes zy-sheen{0%,60%{left:-60%}100%{left:130%}} @media (prefers-reduced-motion:reduce){html.br-ziyuan body .st.main .sn,html.br-ziyuan body td.zc .ttl,html.br-ziyuan body #zw_chart .zw-sheen:before{animation:none}} /* 紫垣閣 命盤答問 (AI 問事重新設計, Pita 2026-10-01「我想你redesign, 唔係hiding」): 金框暗花, 印章「問」掣, 唔用紫色 */ html.br-ziyuan body .zy-ask{position:relative;margin:2.2em 0 1em;padding:26px 22px 20px;border:1px solid rgba(201,164,92,.55);background:#100e0b url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2256%22%20height%3D%2256%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9b56a%22%20stroke-width%3D%221%22%20opacity%3D%22.06%22%3E%0A%3Cpath%20d%3D%22M4%204h12v12h-8v-4h4v-4h-8z%22/%3E%3Cpath%20d%3D%22M52%204h-12v12h8v-4h-4v-4h8z%22/%3E%3Cpath%20d%3D%22M4%2052h12v-12h-8v4h4v4h-8z%22/%3E%3Cpath%20d%3D%22M52%2052h-12v-12h8v4h-4v4h8z%22/%3E%0A%3Cpath%20d%3D%22M28%2018c4%200%206%204%206%2010s-2%2010-6%2010-6-4-6-10%202-10%206-10z%22/%3E%3Cpath%20d%3D%22M18%2028c0-4%204-6%2010-6s10%202%2010%206-4%206-10%206-10-2-10-6z%22/%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2228%22%20r%3D%222.2%22/%3E%3C/g%3E%3C/svg%3E");background-size:56px 56px} html.br-ziyuan body .zy-ask:before,html.br-ziyuan body .zy-ask:after{content:"";position:absolute;width:18px;height:18px;border:2px solid #e8d3a0;pointer-events:none} html.br-ziyuan body .zy-ask:before{top:-2px;left:-2px;border-right:0;border-bottom:0} html.br-ziyuan body .zy-ask:after{bottom:-2px;right:-2px;border-left:0;border-top:0} html.br-ziyuan body .zy-ask-hd{text-align:center;margin-bottom:14px} html.br-ziyuan body .zy-ask-hd .k{font-family:"Cormorant Garamond",serif;font-size:12px;letter-spacing:.45em;color:#c9a45c} html.br-ziyuan body .zy-ask-hd h3{margin:6px 0 4px;font-size:1.45em;font-weight:900;letter-spacing:.3em;background:linear-gradient(115deg,#a8823c 0%,#f6e6b4 30%,#b48b42 55%,#f0dba2 78%,#9c7634 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:zy-foil 7s ease-in-out infinite} html.br-ziyuan body .zy-ask-hd p{color:#9a907c;font-size:.88em;margin:0} html.br-ziyuan body .ag-head{background:rgba(201,164,92,.07) !important;color:#cfc6b2 !important;border:0;border-left:2px solid #c9a45c;border-radius:0 !important;font-size:.88em} html.br-ziyuan body .ag-btn{background:transparent !important;border:1px solid #c9a45c !important;color:#e8d3a0 !important;border-radius:0 !important;letter-spacing:.2em} html.br-ziyuan body .ag-btn2{border-color:rgba(201,164,92,.35) !important;color:#9a907c !important} html.br-ziyuan body .ag-me{background:transparent !important;border:1px solid rgba(201,164,92,.6);color:#e8d3a0 !important;border-radius:0 !important} html.br-ziyuan body .ag-bot{background:#17150f !important;color:#ece4d2 !important;border-radius:0 !important;border-top:1px solid #c9a45c;box-shadow:none !important} html.br-ziyuan body .ag-bot hr{border-top-color:rgba(201,164,92,.25) !important} html.br-ziyuan body .ag-h{color:#e8d3a0 !important} html.br-ziyuan body .ag-wait,html.br-ziyuan body .ag-cost{color:#9a907c !important} html.br-ziyuan body .ag-box{gap:12px;align-items:center;margin-top:10px} html.br-ziyuan body .ag-box textarea{background:transparent !important;border:0 !important;border-bottom:1px solid rgba(201,164,92,.6) !important;border-radius:0 !important;color:#ece4d2 !important;font-family:"Noto Serif TC",serif;padding:.5em .2em} html.br-ziyuan body .ag-box textarea::placeholder{color:#7d7462} html.br-ziyuan body .ag-box button{width:52px;height:52px;flex:none;border-radius:2px !important;background:linear-gradient(160deg,#a8321f,#7d1f12) !important;color:#f6e7cf !important;font-size:1.25em;font-weight:900;box-shadow:0 0 0 1px #e8d3a0,0 0 0 4px #100e0b,0 0 0 5px rgba(201,164,92,.5);padding:0 !important} html.br-ziyuan body .ag-box button:disabled{opacity:.45} html.br-ziyuan body .cm-lock{background:rgba(201,164,92,.07) !important;border:1px solid rgba(201,164,92,.35);border-radius:0 !important;color:#cfc6b2 !important} html.br-ziyuan body .cm-lock-t,html.br-ziyuan body .cm-when{color:#e8d3a0 !important} /* 紫垣閣 選購紫微命譜 (ziwei.html fn.zyBuyBox, Pita 2026-10-01「收 $888」「實體 $988」): 兩張金框卡揀一款, 印章紅「選購」 */ html.br-ziyuan body .cm-lock.zy-lock{background:transparent !important;border:0;padding:0} html.br-ziyuan body .zy-buy{position:relative;margin:2em 0 1em;padding:28px 22px 22px;border:1px solid rgba(201,164,92,.55);background:radial-gradient(circle at 50% 0,rgba(201,164,92,.14),rgba(16,14,11,0) 60%),#100e0b;box-shadow:0 0 0 4px #0f0e0c,0 0 0 5px rgba(201,164,92,.3);text-align:center;color:#cfc6b2} html.br-ziyuan body .zy-buy:before,html.br-ziyuan body .zy-buy:after{content:"";position:absolute;width:20px;height:20px;border:2px solid #e8d3a0;pointer-events:none} html.br-ziyuan body .zy-buy:before{top:-3px;left:-3px;border-right:0;border-bottom:0} html.br-ziyuan body .zy-buy:after{bottom:-3px;right:-3px;border-left:0;border-top:0} html.br-ziyuan body .zy-buy-hd .k{font-family:"Cormorant Garamond",serif;font-size:12px;letter-spacing:.45em;color:#c9a45c} html.br-ziyuan body .zy-buy-hd h3{margin:6px 0 6px;font-size:1.6em;font-weight:900;letter-spacing:.35em;background:linear-gradient(115deg,#a8823c 0%,#f6e6b4 30%,#b48b42 55%,#f0dba2 78%,#9c7634 100%);-webkit-background-clip:text;background-clip:text;color:transparent} html.br-ziyuan body .zy-buy-hd p,html.br-ziyuan body .zy-have p{color:#9a907c;font-size:.9em;margin:0 auto 4px;max-width:34em;line-height:1.7} html.br-ziyuan body .zy-eds{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 16px;text-align:left} @media (max-width:560px){html.br-ziyuan body .zy-eds{grid-template-columns:1fr}} html.br-ziyuan body .zy-eds.one{grid-template-columns:minmax(0,420px);justify-content:center} html.br-ziyuan body .zy-ed{position:relative;display:block;cursor:pointer;padding:16px 16px 12px;border:1px solid rgba(201,164,92,.3);background:rgba(201,164,92,.03);transition:border-color .2s,background .2s} html.br-ziyuan body .zy-ed input{position:absolute;opacity:0;pointer-events:none} html.br-ziyuan body .zy-ed.on{border-color:#e8d3a0;background:rgba(201,164,92,.09);box-shadow:inset 0 0 0 1px rgba(232,211,160,.35)} html.br-ziyuan body .zy-ed.on:after{content:"選";position:absolute;top:10px;right:10px;width:22px;height:22px;line-height:22px;text-align:center;font-size:12px;font-weight:900;color:#f6e7cf;background:linear-gradient(160deg,#a8321f,#7d1f12);box-shadow:0 0 0 1px #e8d3a0} html.br-ziyuan body .zy-ed .nm{font-size:1.1em;font-weight:900;letter-spacing:.3em;color:#e8d3a0} html.br-ziyuan body .zy-ed .pr{margin:6px 0 8px;color:#c9a45c;font-family:"Cormorant Garamond",serif;font-size:1em;letter-spacing:.05em} html.br-ziyuan body .zy-ed .pr b{font-size:1.9em;font-weight:600;background:linear-gradient(115deg,#a8823c 0%,#f6e6b4 30%,#b48b42 55%,#f0dba2 78%,#9c7634 100%);-webkit-background-clip:text;background-clip:text;color:transparent} html.br-ziyuan body .zy-ed ul{margin:0;padding:8px 0 0;list-style:none;border-top:1px solid rgba(201,164,92,.2)} html.br-ziyuan body .zy-ed li{font-size:.86em;color:#bfb59f;line-height:1.9} html.br-ziyuan body .zy-ed li:before{content:"◆";color:#c9a45c;font-size:.6em;margin-right:.7em;vertical-align:.2em} html.br-ziyuan body .zy-opts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:14px} html.br-ziyuan body .zy-opts select,html.br-ziyuan body .zy-opts input,html.br-ziyuan body .zy-buy .zw-code input{background:#0d0c0a !important;color:#ece4d2 !important;border:1px solid rgba(201,164,92,.4) !important;border-radius:0 !important;padding:.45em .7em;font:inherit} html.br-ziyuan body .zy-buy .zy-go{display:inline-block;min-width:12em;padding:.65em 2.4em !important;font-size:1.05em;letter-spacing:.5em;text-indent:.5em;text-decoration:none;background:linear-gradient(160deg,#a8321f,#7d1f12) !important;color:#f6e7cf !important;border:1px solid #e8d3a0 !important;border-radius:0 !important;cursor:pointer} html.br-ziyuan body .zy-buy .zy-go:disabled{opacity:.5} html.br-ziyuan body .zy-buy .zw-code{margin-top:14px;justify-content:center} html.br-ziyuan body .zy-buy .zw-code button{background:transparent !important;color:#e8d3a0 !important;border:1px solid rgba(201,164,92,.5) !important;border-radius:0 !important;letter-spacing:.2em} html.br-ziyuan body .zy-buy .zw-msg{color:#e0866f;margin-top:8px}html.br-ziyuan body .zy-buy .zw-msg.zw-cp{color:#bfd9a8} /* 紫垣閣 奇門決事 未買 (js/yuenchi-nav.js zyLock) */ html.br-ziyuan .zy-lockpage{position:fixed;inset:0;z-index:30000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,7,6,.86);backdrop-filter:blur(3px)} html.br-ziyuan .zy-lockpage .zy-buy{max-width:460px;width:100%;margin:0} html.br-ziyuan .zy-lockpage .zy-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px} html.br-ziyuan .zy-lockpage .zy-row a{text-decoration:none} html.br-ziyuan .zy-lockpage .zy-alt{display:inline-block;padding:.65em 1.6em;border:1px solid rgba(201,164,92,.5);color:#e8d3a0;letter-spacing:.3em} html.br-ziyuan .zy-lockpage .zy-alt{cursor:pointer} html.br-ziyuan .zy-qty{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px 0 6px;color:#e8d3a0} html.br-ziyuan .zy-qty button{width:38px;height:38px;border:1px solid rgba(201,164,92,.55);background:transparent;color:#e8d3a0;font-size:20px;cursor:pointer;border-radius:0} html.br-ziyuan .zy-qty b{font-family:"Cormorant Garamond",serif;font-size:2.4em;font-weight:600;min-width:1.2em;text-align:center} html.br-ziyuan .zy-qty span{margin-left:-12px;color:#9a907c} html.br-ziyuan .zy-sum{color:#9a907c;font-size:.92em;letter-spacing:.05em}html.br-ziyuan .zy-sum b{color:#e8d3a0} html.br-ziyuan .zy-left{position:fixed;right:16px;bottom:16px;z-index:20000;display:flex;align-items:center;gap:10px;padding:9px 14px;background:#100e0b;border:1px solid rgba(201,164,92,.55);color:#cfc6b2;font-size:13px;letter-spacing:.08em;text-decoration:none;box-shadow:0 6px 24px rgba(0,0,0,.5)} html.br-ziyuan .zy-left b{color:#e8d3a0;font-size:1.25em;margin:0 2px} html.br-ziyuan .zy-left span{padding-left:10px;border-left:1px solid rgba(201,164,92,.35);color:#e8d3a0;letter-spacing:.25em} /* 玄知Lab 紫微盤 (Pita 2026-10-01「玄知果邊可否都設計得靚番少少?」; 底紋揀咗「3 星點連線」): 宣紙底、淡墨星圖、雙墨線框、朱紅角印; 夜間 = 墨黑紙. 唔係紫垣閣 (br-ziyuan) 先用 */ html:not(.br-ziyuan) body #zw_chart{position:relative;padding:9px;background:var(--yc-card) url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22220%22%20height%3D%22220%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.85%22%20numOctaves%3D%222%22%20seed%3D%224%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%20.32%20%200%200%200%200%20.26%20%200%200%200%200%20.18%20%200%200%200%20.07%200%22/%3E%3C/filter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23n%29%22/%3E%3C/svg%3E");border:2px solid var(--yc-ink);box-shadow:0 0 0 4px var(--yc-paper),0 0 0 5px color-mix(in srgb,var(--yc-ink) 55%,transparent),0 14px 34px rgba(40,30,15,.12)} html:not(.br-ziyuan) body #zw_chart:before,html:not(.br-ziyuan) body #zw_chart:after{content:"";position:absolute;width:22px;height:22px;border:3px solid var(--yc-red);pointer-events:none} html:not(.br-ziyuan) body #zw_chart:before{top:-5px;left:-5px;border-right:0;border-bottom:0} html:not(.br-ziyuan) body #zw_chart:after{bottom:-5px;right:-5px;border-left:0;border-top:0} html:not(.br-ziyuan) body table.zw{border:1px solid var(--yc-ink) !important;background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cg%20fill%3D%22%231c1a16%22%20opacity%3D%22.14%22%3E%3Ccircle%20cx%3D%22119%22%20cy%3D%22147%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22119%22%20cy%3D%22134%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%2251%22%20cy%3D%22135%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22165%22%20cy%3D%22161%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%22118%22%20r%3D%221.6%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2227%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22105%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22171%22%20cy%3D%22193%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%22163%22%20cy%3D%227%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2213%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%2265%22%20cy%3D%22157%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22122%22%20cy%3D%2287%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%2254%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%22167%22%20cy%3D%2279%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%22173%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22121%22%20cy%3D%22171%22%20r%3D%221.6%22/%3E%3Ccircle%20cx%3D%22108%22%20cy%3D%22145%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22185%22%20cy%3D%2269%22%20r%3D%221.6%22/%3E%3Ccircle%20cx%3D%2262%22%20cy%3D%22135%22%20r%3D%221.6%22/%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2221%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22106%22%20cy%3D%2231%22%20r%3D%221.6%22/%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%2221%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22179%22%20cy%3D%224%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%2257%22%20cy%3D%2217%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22185%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22111%22%20cy%3D%2222%22%20r%3D%221.2%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%231c1a16%22%20stroke-width%3D%22.7%22%20opacity%3D%22.09%22%3E%3Cpath%20d%3D%22M119%20147L119%20134%22/%3E%3Cpath%20d%3D%22M119%20134L51%20135%22/%3E%3Cpath%20d%3D%22M51%20135L165%20161%22/%3E%3Cpath%20d%3D%22M156%20105L171%20193%22/%3E%3Cpath%20d%3D%22M171%20193L163%207%22/%3E%3Cpath%20d%3D%22M155%2054L167%2079%22/%3E%3Cpath%20d%3D%22M167%2079L5%20173%22/%3E%3Cpath%20d%3D%22M5%20173L121%20171%22/%3E%3Cpath%20d%3D%22M11%2021L106%2031%22/%3E%3C/g%3E%3C/svg%3E") !important;background-size:200px 200px !important} html:not(.br-ziyuan) body table.zw td{background:transparent !important;border-color:color-mix(in srgb,var(--yc-ink) 22%,transparent) !important} html:not(.br-ziyuan) body table.zw td.zp:hover{background:color-mix(in srgb,var(--yc-red) 5%,transparent) !important} html:not(.br-ziyuan) body table.zw td.zp.src{outline:2px solid var(--yc-red) !important;outline-offset:-2px;background:color-mix(in srgb,var(--yc-red) 6%,transparent) !important} html:not(.br-ziyuan) body .st.main .sn{color:var(--yc-ink) !important;font-weight:900;letter-spacing:.04em} html:not(.br-ziyuan) body .st .sn{color:var(--yc-ink2) !important} html:not(.br-ziyuan) body .pn{font-family:var(--yc-brush);font-size:1.12em;letter-spacing:.06em;color:var(--yc-ink) !important} html:not(.br-ziyuan) body .pn.life{background:var(--yc-red) !important;color:#fbf3e6 !important;padding:0 4px;border-radius:2px;box-shadow:1px 1px 0 color-mix(in srgb,var(--yc-red) 40%,transparent)} html:not(.br-ziyuan) body .gz{color:var(--yc-red) !important;font-family:var(--yc-brush)} html:not(.br-ziyuan) body .tag{border-color:var(--yc-red) !important;color:var(--yc-red) !important} html:not(.br-ziyuan) body td.zc{position:relative;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--yc-paper2) 70%,transparent),transparent 70%) !important;color:var(--yc-ink2) !important} html:not(.br-ziyuan) body td.zc:before{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--yc-ink) 25%,transparent);outline:1px solid color-mix(in srgb,var(--yc-ink) 12%,transparent);outline-offset:-5px;pointer-events:none} html:not(.br-ziyuan) body td.zc:after{content:"玄知";position:absolute;right:20px;bottom:18px;writing-mode:vertical-rl;background:var(--yc-red);color:#fbf3e6;font-size:12px;line-height:1.1;padding:5px 3px;letter-spacing:.1em;font-weight:700;transform:rotate(-3deg);opacity:.9;animation:yc-stamp .6s ease-out .2s both} html:not(.br-ziyuan) body td.zc .ttl{font-family:var(--yc-brush) !important;font-size:1.35em;letter-spacing:.4em;color:var(--yc-ink) !important;padding-bottom:4px;border-bottom:1px solid var(--yc-red);display:inline-block;margin-bottom:4px} @keyframes yc-stamp{0%{transform:rotate(-3deg) scale(1.6);opacity:0}100%{transform:rotate(-3deg) scale(1);opacity:.9}} html.yc-night:not(.br-ziyuan) body #zw_chart{box-shadow:0 0 0 4px var(--yc-paper),0 0 0 5px color-mix(in srgb,var(--yc-ink) 35%,transparent),0 14px 34px rgba(0,0,0,.4)} html.yc-night:not(.br-ziyuan) body table.zw{background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cg%20fill%3D%22%23ece3cf%22%20opacity%3D%22.16%22%3E%3Ccircle%20cx%3D%22119%22%20cy%3D%22147%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22119%22%20cy%3D%22134%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%2251%22%20cy%3D%22135%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22165%22%20cy%3D%22161%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%22118%22%20r%3D%221.6%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2227%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22105%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22171%22%20cy%3D%22193%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%22163%22%20cy%3D%227%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2213%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%2265%22%20cy%3D%22157%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22122%22%20cy%3D%2287%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%2254%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%22167%22%20cy%3D%2279%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%22173%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22121%22%20cy%3D%22171%22%20r%3D%221.6%22/%3E%3Ccircle%20cx%3D%22108%22%20cy%3D%22145%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22185%22%20cy%3D%2269%22%20r%3D%221.6%22/%3E%3Ccircle%20cx%3D%2262%22%20cy%3D%22135%22%20r%3D%221.6%22/%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2221%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22106%22%20cy%3D%2231%22%20r%3D%221.6%22/%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%2221%22%20r%3D%221.0%22/%3E%3Ccircle%20cx%3D%22179%22%20cy%3D%224%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%2257%22%20cy%3D%2217%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22185%22%20r%3D%222.2%22/%3E%3Ccircle%20cx%3D%22111%22%20cy%3D%2222%22%20r%3D%221.2%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%23ece3cf%22%20stroke-width%3D%22.7%22%20opacity%3D%22.10%22%3E%3Cpath%20d%3D%22M119%20147L119%20134%22/%3E%3Cpath%20d%3D%22M119%20134L51%20135%22/%3E%3Cpath%20d%3D%22M51%20135L165%20161%22/%3E%3Cpath%20d%3D%22M156%20105L171%20193%22/%3E%3Cpath%20d%3D%22M171%20193L163%207%22/%3E%3Cpath%20d%3D%22M155%2054L167%2079%22/%3E%3Cpath%20d%3D%22M167%2079L5%20173%22/%3E%3Cpath%20d%3D%22M5%20173L121%20171%22/%3E%3Cpath%20d%3D%22M11%2021L106%2031%22/%3E%3C/g%3E%3C/svg%3E") !important;background-size:200px 200px !important} @media (prefers-reduced-motion:reduce){html:not(.br-ziyuan) body td.zc:after{animation:none}} /* 玄知Lab AI 問事 (Pita 2026-10-01「問AI 果part 呢? 果個最出事」): 宣紙卡、雙墨框、朱印「問」掣; 唔再用紫色 */ html:not(.br-ziyuan) body .yc-ask{position:relative;margin:2.2em 0 1em;padding:24px 22px 20px;background:var(--yc-card) url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22220%22%20height%3D%22220%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.85%22%20numOctaves%3D%222%22%20seed%3D%224%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%20.32%20%200%200%200%200%20.26%20%200%200%200%200%20.18%20%200%200%200%20.07%200%22/%3E%3C/filter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23n%29%22/%3E%3C/svg%3E");border:1px solid var(--yc-ink);box-shadow:0 0 0 3px var(--yc-paper),0 0 0 4px color-mix(in srgb,var(--yc-ink) 45%,transparent)} html:not(.br-ziyuan) body .yc-ask:before,html:not(.br-ziyuan) body .yc-ask:after{content:"";position:absolute;width:16px;height:16px;border:3px solid var(--yc-red);pointer-events:none} html:not(.br-ziyuan) body .yc-ask:before{top:-5px;left:-5px;border-right:0;border-bottom:0} html:not(.br-ziyuan) body .yc-ask:after{bottom:-5px;right:-5px;border-left:0;border-top:0} html:not(.br-ziyuan) body .yc-ask-hd{text-align:center;margin-bottom:14px} html:not(.br-ziyuan) body .yc-ask-hd .k{display:inline-block;font-size:11px;letter-spacing:.4em;color:var(--yc-red)} html:not(.br-ziyuan) body .yc-ask-hd h3{margin:4px 0;font-family:var(--yc-brush);font-size:1.5em;letter-spacing:.3em;color:var(--yc-ink);font-weight:400} html:not(.br-ziyuan) body .yc-ask-hd h3:after{content:"";display:block;width:46px;height:1px;background:var(--yc-red);margin:8px auto 0} html:not(.br-ziyuan) body .yc-ask-hd p{color:var(--yc-mute);font-size:.88em;margin:6px 0 0} html:not(.br-ziyuan) body .ag-head{background:color-mix(in srgb,var(--yc-paper2) 70%,transparent) !important;color:var(--yc-ink2) !important;border-left:3px solid var(--yc-red);border-radius:0 !important;font-size:.88em} html:not(.br-ziyuan) body .ag-btn{background:transparent !important;border:1px solid var(--yc-ink) !important;color:var(--yc-ink) !important;border-radius:0 !important;letter-spacing:.2em} html:not(.br-ziyuan) body .ag-btn2{border-color:var(--yc-line) !important;color:var(--yc-mute) !important} html:not(.br-ziyuan) body .ag-me{background:var(--yc-ink) !important;color:var(--yc-paper) !important;border-radius:0 !important} html:not(.br-ziyuan) body .ag-bot{background:var(--yc-card) !important;color:var(--yc-ink) !important;border-radius:0 !important;border-left:3px solid var(--yc-red);box-shadow:none !important} html:not(.br-ziyuan) body .ag-bot hr{border-top-color:var(--yc-line) !important} html:not(.br-ziyuan) body .ag-h{color:var(--yc-red) !important} html:not(.br-ziyuan) body .ag-wait,html:not(.br-ziyuan) body .ag-cost{color:var(--yc-mute) !important} html:not(.br-ziyuan) body .ag-box{gap:12px;align-items:center;margin-top:10px} html:not(.br-ziyuan) body .ag-box textarea{background:transparent !important;border:0 !important;border-bottom:1px solid var(--yc-ink) !important;border-radius:0 !important;color:var(--yc-ink) !important;font-family:var(--yc-serif);padding:.5em .2em} html:not(.br-ziyuan) body .ag-box textarea::placeholder{color:var(--yc-mute)} html:not(.br-ziyuan) body .ag-box button{width:50px;height:50px;flex:none;border-radius:3px !important;background:var(--yc-red) !important;color:#fbf3e6 !important;font-family:var(--yc-brush);font-size:1.3em;padding:0 !important;transform:rotate(-3deg);box-shadow:2px 2px 0 color-mix(in srgb,var(--yc-red) 35%,transparent)} html:not(.br-ziyuan) body .ag-box button:disabled{opacity:.45} html:not(.br-ziyuan) body .cm-lock{background:color-mix(in srgb,var(--yc-paper2) 70%,transparent) !important;border:1px solid var(--yc-line);border-radius:0 !important;color:var(--yc-ink2) !important} html:not(.br-ziyuan) body .cm-lock-t,html:not(.br-ziyuan) body .cm-when{color:var(--yc-red) !important} /* 尋局 (app.html #xj_box, Pita 2026-10-01「奇門APP想有尋局function」「尋局個UI 都要攪」): 宣紙卡、墨框、朱紅掣; 紫垣閣 黑金 */ body .xj{max-width:760px;margin:0 auto;padding:18px 16px 40px;text-align:left} body .xj-hero{text-align:center;padding:10px 0 14px} body .xj-hero .k{font-family:"Cormorant Garamond",serif;font-size:12px;letter-spacing:.4em;color:var(--yc-red)} body .xj-hero h2{margin:6px 0 4px;font-size:1.9em;font-weight:900;letter-spacing:.4em;text-indent:.4em;color:var(--yc-ink)} body .xj-hero p{margin:0;color:var(--yc-ink2);font-size:.92em} body .xj-tabs{display:flex;border-bottom:1px solid var(--yc-line);margin:8px 0 16px} body .xj-tabs button{flex:1;font:inherit;background:none;border:0;border-bottom:2px solid transparent;padding:.7em 0;color:var(--yc-ink2);letter-spacing:.15em;cursor:pointer;width:auto} body .xj-tabs button.on{color:var(--yc-ink);border-bottom-color:var(--yc-red);font-weight:700} body .xj-card{position:relative;background:var(--yc-card);border:1px solid var(--yc-line);padding:16px 16px 14px;margin-bottom:12px} body .xj-step{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2em;color:var(--yc-ink);margin-bottom:12px} body .xj-step i{font-style:normal;width:24px;height:24px;line-height:24px;text-align:center;background:var(--yc-red);color:#fff;font-size:13px;letter-spacing:0} body .xj-seg{display:flex;border:1px solid var(--yc-line);margin-bottom:10px} body .xj-seg button{flex:1;width:auto;font:inherit;padding:.55em 0;background:transparent;border:0;border-right:1px solid var(--yc-line);color:var(--yc-ink2);cursor:pointer;white-space:nowrap} body .xj-seg button:last-child{border-right:0} body .xj-seg button.on{background:var(--yc-ink);color:var(--yc-paper);font-weight:700} body .xj-tone button.g.on{background:#2f7a45;color:#fff} body .xj-tone button.b.on{background:var(--yc-red);color:#fff} body .xj-sub{color:var(--yc-mute,#8a8070);font-size:.82em;letter-spacing:.2em;margin:4px 0 8px} body .xj-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px} body .xj-chip{white-space:nowrap;flex:0 0 auto;width:auto;font:inherit;font-size:.93em;padding:.4em .9em;border:1px solid var(--yc-line);background:var(--yc-paper);color:var(--yc-ink);border-radius:0;cursor:pointer} body .xj-chip.g.on{background:#2f7a45;border-color:#2f7a45;color:#fff} body .xj-chip.b.on{background:var(--yc-red);border-color:var(--yc-red);color:#fff} body .xj-more{width:auto;font:inherit;font-size:.88em;background:none;border:0;color:var(--yc-red);padding:2px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px} body .xj-tray{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--yc-line);min-height:30px} body .xj-tl{color:var(--yc-ink2);font-size:.85em;margin-right:4px} body .xj-pk{display:inline-flex;align-items:center;gap:6px;font-size:.88em;padding:.2em .3em .2em .7em;border:1px solid} body .xj-pk.g{color:#2f7a45;border-color:#2f7a45} body .xj-pk.b{color:var(--yc-red);border-color:var(--yc-red)} body .xj-x{cursor:pointer;font-weight:400;padding:0 .35em;font-size:1.1em} body .xj-clear{width:auto;font:inherit;font-size:.82em;margin-left:auto;background:none;border:0;color:var(--yc-ink2);cursor:pointer;text-decoration:underline} body .xj-go{display:block;width:100%;font:inherit;font-size:1.1em;padding:.75em;margin:6px 0 4px;border:1px solid var(--yc-red);background:var(--yc-red);color:#fff;letter-spacing:.6em;text-indent:.6em;border-radius:0;cursor:pointer} body .xj-go:disabled{opacity:.5} body .xj-msg{color:var(--yc-red);margin:6px 0;font-size:.9em;text-align:center} body .xj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:280px;margin:0 auto} body .xj-grid button,body .xj-doors button{width:auto;font:inherit;padding:.65em 0;border:1px solid var(--yc-line);background:var(--yc-paper);color:var(--yc-ink);cursor:pointer;border-radius:0} body .xj-grid button:disabled{opacity:.35;cursor:default} body .xj-doors{display:grid;grid-template-columns:repeat(4,1fr);gap:6px} body .xj-grid button.on,body .xj-doors button.on{background:var(--yc-ink);color:var(--yc-paper);border-color:var(--yc-ink);font-weight:700} body .xj-sum{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px} body .xj-cnt{width:auto;font:inherit;font-size:.9em;padding:.35em .4em .35em .8em;border:1px solid var(--yc-line);background:var(--yc-card);color:var(--yc-ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px} body .xj-cnt b{min-width:1.6em;padding:0 .35em;color:#fff;font-size:.9em} body .xj-cnt.g b{background:#2f7a45} body .xj-cnt.b b{background:var(--yc-red)} body .xj-cnt.on{border-color:var(--yc-ink);box-shadow:inset 0 0 0 1px var(--yc-ink)} body .xj-day{display:flex;align-items:baseline;gap:10px;margin:20px 0 4px;padding-bottom:5px;font-weight:900;font-size:1.05em;color:var(--yc-ink);border-bottom:2px solid var(--yc-ink)} body .xj-day span{font-weight:400;font-size:.8em;color:var(--yc-ink2)} body .xj-slot{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--yc-line);cursor:pointer} body .xj-slot:hover{background:var(--yc-card)} body .xj-t small{white-space:nowrap} body .xj-t.xj-tw{flex-basis:7.6em} body .xj-t{flex:0 0 5.6em;font-weight:700;color:var(--yc-ink)} body .xj-t small{display:block;font-weight:400;color:var(--yc-ink2);font-size:.78em;margin-top:2px} body .xj-tags{flex:1;display:flex;flex-wrap:wrap;gap:6px} body .xj-tag{font-size:.88em;padding:.15em .55em;border:1px solid} body .xj-tag em{font-style:normal;opacity:.75;margin-right:.4em} body .xj-tag.g{color:#2f7a45;border-color:rgba(47,122,69,.45);background:rgba(47,122,69,.06)} body .xj-tag.b{color:var(--yc-red);border-color:rgba(176,52,31,.4);background:rgba(176,52,31,.05)} body .xj-tag.n{color:var(--yc-ink2);border-color:var(--yc-line)} body .xj-score{font-weight:700;font-size:.9em} body .xj-score.g{color:#2f7a45} body .xj-score.b{color:var(--yc-red)} body .xj-arrow{color:var(--yc-ink2);font-size:1.2em} body .xj-none{color:var(--yc-ink2);margin:16px 0;font-size:.92em;text-align:center} html.yc-night body .xj-tone button.g.on,html.yc-night body .xj-chip.g.on{background:#3b8a55;border-color:#3b8a55} html.yc-night body .xj-pk.g,html.yc-night body .xj-tag.g,html.yc-night body .xj-score.g{color:#8fd19e;border-color:rgba(143,209,158,.45)} /* 紫垣閣 */ html.br-ziyuan body .xj-hero .k{color:#c9a45c} html.br-ziyuan body .xj-hero h2{color:#e8d3a0} html.br-ziyuan body .xj-card{background:#100e0b;border-color:rgba(201,164,92,.35)} html.br-ziyuan body .xj-step{color:#e8d3a0} html.br-ziyuan body .xj-step i{background:linear-gradient(160deg,#a8321f,#7d1f12);box-shadow:0 0 0 1px #e8d3a0} html.br-ziyuan body .xj-tabs button.on{color:#e8d3a0;border-bottom-color:#c9a45c} html.br-ziyuan body .xj-seg,html.br-ziyuan body .xj-seg button{border-color:rgba(201,164,92,.35)} html.br-ziyuan body .xj-seg button.on{background:rgba(201,164,92,.2);color:#f1e3bd} html.br-ziyuan body .xj-chip,html.br-ziyuan body .xj-grid button,html.br-ziyuan body .xj-doors button{background:transparent;border-color:rgba(201,164,92,.35);color:#cfc6b2} html.br-ziyuan body .xj-grid button.on,html.br-ziyuan body .xj-doors button.on{background:rgba(201,164,92,.2);border-color:#e8d3a0;color:#f1e3bd} html.br-ziyuan body .xj-go{background:linear-gradient(160deg,#a8321f,#7d1f12);border-color:#e8d3a0;color:#f6e7cf} html.br-ziyuan body .xj-more{color:#e8d3a0} html.br-ziyuan body .xj-day{border-bottom-color:#c9a45c;color:#e8d3a0} html.br-ziyuan body .xj-cnt{background:transparent;border-color:rgba(201,164,92,.35);color:#cfc6b2} /* 讀取記錄 (app.html / ziwei.html #loadlist, Pita 2026-10-02「玄知呢啲UI 都要執執佢」): 一張張卡, 印章字 + 名 + 日時, × 刪除, › 開 */ body #loadlist{max-width:720px;margin:0 auto;padding:6px 16px 20px} body .yc-rec-h{display:flex;align-items:baseline;gap:10px;margin:18px 0 8px;font-weight:900;letter-spacing:.2em;color:var(--yc-ink);font-size:1.02em} body .yc-rec-h span{font-weight:400;letter-spacing:.05em;font-size:.78em;color:var(--yc-mute)} body .yc-rec{display:flex;align-items:center;gap:14px;padding:12px 12px 12px 12px;margin-bottom:8px;background:var(--yc-card);border:1px solid var(--yc-line);cursor:pointer;transition:border-color .15s} body .yc-rec:hover{border-color:var(--yc-ink2)} body .yc-rec-seal{flex:0 0 40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--yc-red);color:#fff;font-weight:900;font-size:19px;border-radius:2px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)} body .yc-rec-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px} body .yc-rec-main b{font-size:1.05em;color:var(--yc-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body .yc-rec-main small{font-size:.86em;color:var(--yc-ink2);letter-spacing:.02em} body .yc-rec-pill{align-self:flex-start;margin-top:4px;font-size:.78em;padding:.15em .7em;border:1px solid var(--yc-line);color:var(--yc-mute);text-decoration:none} body a.yc-rec-pill.on{border-color:var(--yc-red);color:var(--yc-red)} body .yc-rec-del{flex:0 0 auto;width:32px;height:32px;border:0;background:transparent;color:var(--yc-mute);font-size:20px;line-height:1;cursor:pointer;border-radius:50%} body .yc-rec-del:hover{background:color-mix(in srgb,var(--yc-red) 12%,transparent);color:var(--yc-red)} body .yc-rec-go{color:var(--yc-mute);font-size:1.4em;line-height:1} body .yc-rec-empty{padding:22px 16px;text-align:center;color:var(--yc-mute);border:1px dashed var(--yc-line);font-size:.92em} html.br-ziyuan body .yc-rec{background:#100e0b;border-color:rgba(201,164,92,.3)} html.br-ziyuan body .yc-rec:hover{border-color:#c9a45c} html.br-ziyuan body .yc-rec-seal{background:linear-gradient(160deg,#a8321f,#7d1f12);box-shadow:0 0 0 1px #e8d3a0} html.br-ziyuan body .yc-rec-h{color:#e8d3a0} html.br-ziyuan body .yc-rec-main b{color:#ece4d2} html.br-ziyuan body .yc-rec-main small{color:#9a907c} html.br-ziyuan body a.yc-rec-pill.on{border-color:#c9a45c;color:#e8d3a0}