/* 當代中式書房；不進入 palm iframe，不改三維場景核心。 */
:root { --paper:#f4f0e6; --ink:#302e29; --soft-ink:#656158; --rule:#d8cfbe; --seal:#8e3e32; --gold:#8a7043; --cosmic:#f4f0e6; --ivory:#fffbf2; --cyan:#8e3e32; color-scheme:light; color:var(--ink); background:var(--paper); }
body { background:var(--paper); color:var(--ink); }
p { color:var(--soft-ink); }
h1 em,h2 em { color:var(--seal); }
.starField { display:none; }
.kicker { font-family:inherit; color:var(--gold); letter-spacing:2px; font-size:11px; }
.platformHeader { height:96px; border-color:var(--rule); max-width:1280px; padding-inline:42px; }
.wordmark { color:var(--ink); letter-spacing:5px; font-size:26px; }
.wordmark small { font:10px 'Noto Serif TC',serif; color:var(--soft-ink); letter-spacing:2px; margin-top:7px; }
.cnWordmarkSeal { color:#fff5e5; background:var(--seal); border:3px double #f0d6b1; width:43px; height:47px; line-height:1.05; letter-spacing:0; text-align:center; font:18px/1.08 'Noto Serif TC',serif; padding:2px 3px; }
.desktopNav { color:var(--soft-ink); font-size:13px; }
.desktopNav a.active,.desktopNav a:hover { color:var(--seal); }
.accountLink,.accountLink small { color:var(--soft-ink); }
.goldButton { background:var(--seal); border-color:var(--seal); color:#fffaf0; box-shadow:none; border-radius:1px; transition:background .18s; }
.goldButton:hover { filter:none; background:#713127; }
.outlineButton { color:var(--ink); background:transparent; border-color:#b8a98e; border-radius:1px; }
.textArrow,.cxBack { color:var(--seal); }
.cnHero { display:grid; grid-template-columns:1.02fr 1fr; align-items:center; gap:58px; padding:62px 44px 64px; position:relative; }
.cnHeroCopy { position:relative; padding-left:26px; border-left:1px solid #b8a17b; }
.cnHeroSide { font-size:10px; letter-spacing:3px; display:block; color:#858071; margin-top:13px; }
.cnHero h1 { font-size:42px; line-height:1.7; letter-spacing:1.5px; margin-top:20px; }
.cnHeroCopy>p { font-size:15px; margin-top:22px; line-height:2.1; }
.cnHero .heroActions { flex-direction:column; gap:10px; max-width:365px; margin-top:27px; }
.cnHero .heroActions a { font-size:13px; }
.cnHeroBoundary { display:block; font-size:11px; line-height:1.9; color:#787063; margin-top:18px; }
.cnHeroImage { margin:0; position:relative; padding:11px; border:1px solid #baa784; background:#e5dcc9; }
.cnHeroImage:before { content:''; position:absolute; inset:-10px 12px 12px -10px; border-left:1px solid #cdbfaa; border-top:1px solid #cdbfaa; pointer-events:none; }
.cnHeroImage img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.cnHeroImage figcaption { display:flex; flex-direction:column; gap:5px; padding:17px 7px 7px; font-family:'Noto Serif TC',serif; font-size:14px; letter-spacing:3px; color:#64523d; }
.cnHeroImage figcaption small { font:10px/1.8 sans-serif; color:#756958; letter-spacing:0; }
.cnImageSeal { position:absolute; right:27px; bottom:94px; width:35px; height:42px; border:1px solid #e7bf9f; background:#8e3e32de; text-align:center; font:18px/1.05 'Noto Serif TC',serif; color:#f6e6d2; padding:2px; }
.cnEditorial { margin:28px 44px 70px; border-top:1px solid var(--rule); padding-top:36px; }
.cnSectionHead { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:23px; }
.cnSectionHead h2 { font-size:30px; line-height:1.75; margin-top:12px; }
.cnSectionHead>p { font-size:13px; line-height:2; max-width:400px; }
.cnReadingRows { border-top:1px solid var(--rule); }
.cnReadingRow { display:flex; align-items:center; gap:24px; padding:27px 2px; border-bottom:1px solid var(--rule); transition:background .18s; }
.cnReadingRow:hover { background:#eae1d350; }
.cnReadingNumber { font:27px Georgia,serif; color:#b2a284; align-self:flex-start; padding-top:6px; }
.cnReadingRow>div { flex:1; }
.cnReadingRow small { font-size:10px; color:var(--seal); letter-spacing:2px; }
.cnReadingRow h3 { font-size:23px; line-height:1.8; margin:6px 0; }
.cnReadingRow p { font-size:13px; }
.cnReadingArrow { white-space:nowrap; font-size:12px; color:var(--seal); }
.cnEditorialNote { display:block; font-size:10px; line-height:1.9; color:#777064; margin-top:17px; }
.cnTrust { background:#e9e1d2; padding:46px 42px; margin:40px 44px 64px; display:grid; grid-template-columns:1fr 1.1fr; gap:50px; border-top:2px solid #b39970; }
.cnTrustLead { position:relative; }
.cnSquareSeal { display:block; width:42px; height:47px; font:20px/1.05 'Noto Serif TC',serif; color:var(--seal); border:1px solid var(--seal); text-align:center; padding:2px; margin-bottom:20px; }
.cnTrust h2 { font-size:28px; line-height:1.85; margin:13px 0 22px; }
.cnTrust p { font-size:13px; }
.cnTrustDetails article { display:flex; gap:18px; padding:18px 0; border-bottom:1px solid #ccbea8; }
.cnTrustDetails article:first-child { padding-top:0; }
.cnTrustDetails article>b { font:17px 'Noto Serif TC',serif; color:var(--seal); padding-top:4px; }
.cnTrustDetails h3 { font-size:19px; margin-bottom:8px; }
.cnTrustDetails .textArrow { font-size:11px; }
.cxPage,.pageNarrow { color:var(--ink); }
.cxHeading p,.cxSectionTitle p,.cxSuitable,.cxPriceCard ul,.cxProductDifference p,.cxReviewSteps p,.cxField,.cxTiming,.cxCheck,.cxPaymentOption,.cxLimit,.cxDirectionLinks>a { color:var(--soft-ink); }
.cxPriceCard,.cxPriceCard.flagship { background:#f9f5ec; border:1px solid #cfc2aa; box-shadow:none; border-radius:1px; }
.cxPriceCard.flagship { background:#ece3d2; border-color:#a28758; }
.cxPrice,.cxQuestionPrice b,.cxProductIndex,.cxDelivery b,.cxFreeStrip b,.cxOrderSummary dd { color:#624c31; }
.cxPrice>span,.cxFootnote,.cxDelivery small,.cxField small,.cxTiming strong,.cxMuted,.cxOrderSummary>small,.cxReadingMeta { color:#766e60; }
.cxTag,.cxTag.human { background:#8e3e3208; border-color:#b8897966; color:var(--seal); border-radius:1px; }
.cxTag.instant { background:#46625208; color:#455e4e; border-color:#78928177; }
.v4Notice { background:#e9e0cf50; color:#70614e; border-color:#c7b593; }
.v4Notice span { background:#d7c7a8; color:#473725; }
.cxFAQ summary,.cxCompareColumns small,.cxRecommendations h2,.cxDay>b,.cxSnapshot b,.cxYearSelector div>b { color:var(--ink); }
.cxIvory { background:#fffaf0; border-color:#d4c5ac; color:var(--ink); border-radius:1px; }
.cxIvory p,.cxTerms li { color:var(--soft-ink); }
.cxChartPreview,.cxMiniChart>div,.cxMiniChart .dayMaster,.cxFourPillars article,.cxFourPillars article.highlight,.cxDay,.cxElementPanel,.cxSnapshot,.cxOrderSummary,.cxFreeStrip { background:#ece5d7; border-color:#cdbca0; color:var(--ink); }
.cxMiniChart small,.cxMiniChart b,.cxMiniChart .dayMaster b,.cxFourPillars article>small,.cxFourPillars article>div,.cxFourPillars .highlight>div,.cxFreeStrip span,.cxFreeStrip em,.cxSnapshot small { color:#625943; }
.cxMiniChart .dayMaster,.cxFourPillars article.highlight { background:#e3d4bb; border-color:#a98a5c; }
.cxDirectionLinks small,.cxDirectionLinks b,.cxQuestionQuote,.cxFAQ details p { color:var(--soft-ink); }
.cxExamples button { background:transparent; color:#665943; border-color:#c3b292; }
.cxField select,.cxField textarea,select,input,textarea { background:#faf6ed; border-color:#bdb098; color:var(--ink); color-scheme:light; }
.cxPaymentOption { border-color:#beaa85; }
.cxPaymentOption small { color:#716b5d; }
.cxMemberLinks>a,.cxMemberCommercial .cxTag { color:var(--seal); border-color:#bfa887; }
.cxBookFace { background:#383b31; color:#d9c59a; }
.cxBookSpine { background:#272d25; }
.cxBookFace h3 { color:#e8d5a9; }
.cxBookVisual { filter:drop-shadow(12px 20px 22px #43301838); }
.cxFreeIntro { border-color:#c9b89b; }
.cxHomePremium .compact .cxSuitable { min-height:60px; }
.cxCardTop { align-items:flex-start; }
.serviceEntry,.entry-palm,.entry-fortune,.entry-compatibility { background:#efe8da; border-color:#d2c4ae; }
.serviceEntry h3 { color:var(--ink); }
.serviceEntry p,.serviceEntry .kicker,.serviceEntry small { color:#706655; }
.serviceArt b,.timeArt b,.palmArt b,.dualArt b { color:#8f7854; }
.serviceArt i,.serviceArt span { border-color:#a38a6655; }
.palmArt { background:none; }
.serviceEntry .kicker { font-size:10px;line-height:1.7;font-family:inherit; letter-spacing:1.5px; }
.serviceEntry small { border-radius:1px; border-color:#b8a68766; }
.platformFooter { border-color:var(--rule); color:var(--soft-ink); }
.footerBrand,.platformFooter>span:last-child,.footerLinks { color:var(--soft-ink); }
.mobileNav { background:#f4f0e6f5; border-color:#cdbda2; }
.mobileNav a { color:#7a7465; }
.mobileNav a.active { color:var(--seal); }
.previewBadge { color:#7e4b3a; background:#b99d7220; border-color:#cdb590; }
.finePrint,.personSelectors label,.recordRow p,.annualDial label { color:var(--soft-ink); }
.monthTimeline button,.calendarGrid button { background:#ebe3d4; color:#74654e; border-color:#cbb99d; }
.monthTimeline button.active { background:#e1d0b0; border-color:#a28557; color:#573c21; }
.calendarGrid .selected { color:#fff5e8; background:var(--seal); }
.emptyState,.recordRow { border-color:var(--rule); }
.cnArticlePage { max-width:850px; margin:auto; padding:40px 34px 60px; }
.cnArticlePage header { padding:20px 0 30px; }
.cnArticlePage h1 { font-size:36px; line-height:1.8; margin:16px 0 22px; }
.cnArticlePage header p { font-size:15px; }
.cnArticlePage header small { display:block; font-size:11px; color:#8b7c65; margin-top:22px; }
.cnArticlePaper { padding:38px 44px; background:#fffaf0; border:1px solid #d5c6ac; }
.cnArticlePaper section+section { border-top:1px solid #e5dccb; padding-top:27px; margin-top:30px; }
.cnArticlePaper h2 { font-size:24px; line-height:1.8; margin-bottom:15px; }
.cnArticlePaper p { font-size:15px; line-height:2.15; }
.cnArticlePaper aside { padding:16px 0 0; margin-top:30px; border-top:1px solid #d9c9ad; color:#837765; font-size:12px; line-height:1.9; }
.cnArticleActions { margin-top:25px; }
.cnArticleActions .goldButton { max-width:500px; font-size:13px; }
.cnToolList { border-top:1px solid var(--rule); margin-bottom:30px; }
.cnToolList>a { display:flex; align-items:center; gap:24px; padding:28px 0; border-bottom:1px solid var(--rule); }
.cnToolList>a>b { font:42px 'Noto Serif TC',serif; color:var(--seal); }
.cnToolList>a>div { flex:1; }
.cnToolList h2 { font-size:23px; margin-bottom:12px; }
.cnToolList p { font-size:14px; }
/* 核心場景仍深色，免改變WebGL材質與相機介面。 */
body[data-route="fortune"],body[data-route="palm"] { background:#191d19; color:#eee5d5; --gold:#c5a777; --ivory:#f7f3ea; }
body[data-route="fortune"] p,body[data-route="palm"] p { color:#b9b5a6; }
body[data-route="fortune"] .platformHeader,body[data-route="palm"] .platformHeader { border-color:#b9a98333; }
body[data-route="fortune"] .wordmark,body[data-route="palm"] .wordmark { color:#e8dfcf; }
body[data-route="fortune"] .desktopNav,body[data-route="palm"] .desktopNav,body[data-route="fortune"] .accountLink,body[data-route="palm"] .accountLink { color:#bdb49f; }
body[data-route="fortune"] .mobileNav,body[data-route="palm"] .mobileNav { background:#1b211cf5; border-color:#b9a98340; }
body[data-route="fortune"] .mobileNav a,body[data-route="palm"] .mobileNav a { color:#aaa291; }
body[data-route="fortune"] .mobileNav a.active,body[data-route="palm"] .mobileNav a.active { color:#dac599; }
body[data-route="fortune"] .goldButton,body[data-route="palm"] .goldButton { background:#bba179; border-color:#bba179; color:#27261e; }
body[data-route="fortune"] .pageNarrow,body[data-route="fortune"] .fortuneResult { color:#ede2ce; }
body[data-route="fortune"] .ivoryPanel p,body[data-route="fortune"] .fortunePaper p { color:#66543f; }
@media(max-width:1000px) { .cnHero { gap:25px; padding-inline:30px; }.cnHero h1 { font-size:34px; }.cnHeroCopy { padding-left:18px; }.cnTrust { gap:28px; padding-inline:28px; }.cnSectionHead>p { max-width:310px; } }
@media(max-width:699px) {
 .platformHeader { height:78px; padding-inline:22px; }.wordmark { font-size:22px; gap:9px; }.wordmark small { font-size:8px; letter-spacing:1px; }.cnWordmarkSeal { width:35px; height:39px; font-size:15px; }.accountLink { font-size:11px; }
 .cnHero { display:flex; flex-direction:column; align-items:stretch; padding:34px 22px 30px; gap:30px; }.cnHeroCopy { padding-left:17px; }.cnHero h1 { font-size:31px; line-height:1.85; margin-top:18px; letter-spacing:.5px; }.cnHeroCopy>p { font-size:14px; line-height:2; margin-top:18px; }.cnHero .heroActions { max-width:none; margin-top:23px; }.cnHero .heroActions a { padding:15px 17px; font-size:12px; gap:12px; }.cnHeroBoundary { font-size:10px; }.cnHeroImage { margin-left:10px; padding:8px; }.cnHeroImage figcaption { padding:12px 4px 4px; font-size:12px; }.cnHeroImage figcaption small { font-size:9px; }.cnImageSeal { bottom:78px; right:21px; }
 .cnEditorial { margin:24px 22px 42px; padding-top:26px; }.cnSectionHead { display:block; margin-bottom:20px; }.cnSectionHead h2 { font-size:25px; }.cnSectionHead>p { max-width:none; margin-top:17px; font-size:13px; }.cnSectionHead>p br { display:none; }.cnReadingRow { gap:13px; padding:23px 0; align-items:flex-start; }.cnReadingNumber { font-size:21px; }.cnReadingRow h3 { font-size:20px; line-height:1.8; }.cnReadingRow p { font-size:12px; }.cnReadingArrow { font-size:10px; padding-top:30px; }.cnEditorialNote { font-size:10px; }
 .cnTrust { display:block; margin:35px 22px 44px; padding:27px 23px; }.cnTrust h2 { font-size:25px; }.cnTrustLead>p { margin-bottom:25px; }.cnSquareSeal { width:35px; height:40px; font-size:17px; margin-bottom:17px; }.cnTrustDetails h3 { font-size:18px; }.cnTrustDetails p { font-size:12px; }
 .cnArticlePage { padding:25px 22px 44px; }.cnArticlePage h1 { font-size:28px; }.cnArticlePage header p { font-size:14px; }.cnArticlePaper { padding:25px 22px; }.cnArticlePaper h2 { font-size:21px; }.cnArticlePaper p { font-size:14px; }.cnToolList>a { gap:18px; }.cnToolList>a>b { font-size:32px; }.cnToolList h2 { font-size:21px; }.cnToolList p { font-size:13px; }
 .cxHomePremium .compact .cxSuitable { min-height:0; }.cxPriceCards .cxTag { max-width:185px; }.serviceEntry .kicker { font-size:9px; }.serviceEntry { min-height:160px; }
}
@media(prefers-reduced-motion:reduce) { .cnReadingRow,.goldButton { transition:none; } }

/* 既有命盤及訂單版式保持，統一紙墨對比。 */
.chart-view,.member-view { color:var(--ink); }
.chart-orbit,.member-hero-seal { display:none; }
.chart-view p,.member-view p,.chart-panel-intro,.member-panel-intro,.chart-input-disclaimer,.chart-form-foot,.chart-time-unknown-copy,.chart-pillar-note,.chart-pending-note,.chart-convention-footnote,.member-disabled-reason,.chart-footer,.member-footer { color:var(--soft-ink); }
.chart-sample-banner,.member-sample-banner,.chart-input-panel,.member-profile-panel,.chart-board,.chart-daymaster-card,.chart-elements-card,.member-active-card,.member-feature-card { background:#ece5d7; border-color:#cdbca0; box-shadow:none; }
.chart-sample-mark,.member-sample-mark,.chart-eyebrow,.member-eyebrow,.chart-card-kicker,.member-card-kicker { color:#856943; }
.chart-field,.chart-panel-heading,.member-panel-heading,.chart-board-heading,.chart-state-pill,.chart-board-meta,.chart-daymaster-symbol,.chart-pillar-glyph,.chart-pillar-lines,.chart-pillar-top,.chart-section-heading,.chart-elements-title { color:var(--ink); }
.chart-field input,.chart-field select,.chart-segment,.chart-tab,.member-profile-button { background:#f9f4e9; color:#665943; border-color:#cbb79a; }
.chart-segment.is-selected,.chart-tab.is-active,.member-profile-button.is-active { background:#dbc8a8; border-color:#9f7d4d; color:#513e26; }
.chart-pillar { background:#f8f2e6; border-color:#cdbca0; }
.chart-pillar-daymaster { background:#e4d2b5; border-color:#a1865a; }
.chart-pillar-details summary,.chart-detail-lines,.chart-daymaster-tag,.chart-pillar-details p,.member-active-label,.member-avatar { color:#776243; }
.chart-preview-button,.chart-link-primary,.member-primary-link { color:#fff4e5; background:var(--seal); border-color:var(--seal); }
.chart-link-muted,.member-secondary-link,.chart-inline-link,.chart-footer-links a { color:var(--seal); }
.member-avatar { background:#ddd0b6; }
.member-credit-number,.member-feature-card h3 { color:#6b5431; }
.opsRoot { color:var(--ink); }
.opsAtmosphere { display:none; }
.opsHero,.opsPageHeader,.opsOrderHero { background:transparent; border-color:#cdbca0; }
.opsHero h1,.opsPageHeader h1,.opsCard h2,.opsCard h3,.opsOrderSummary h2,.opsHistoryMain h3 { color:var(--ink); }
.opsCard,.opsTrackingCard,.opsOrderSummary,.opsHistoryCard,.opsFilterCard,.opsMessageCard,.opsAuditCard,.opsScenarioCard,.opsReviewCard,.opsDraftCard { background:#f9f4e9; border-color:#d4c6ac; box-shadow:none; }
.opsMetaGrid,.opsSnapshotGrid,.opsAdminMeta,.opsSchemaBox,.opsFixtureBox,.opsHistoryItem,.opsQueueSelect,.opsMissingBox,.opsApprovalGate { background:#ede5d6; border-color:#d2c1a3; }
.opsRoot p,.opsBodyCopy,.opsMicrocopy,.opsMetaLabel,.opsEyebrow,.opsNotice,.opsBackendNote,.opsBackendDot,.opsHeroWarning,.opsAdminBoundary,.opsFlash,.opsRoot label,.opsCurrentStatus { color:#736550; }
.opsRoot dt,.opsRoot dd,.opsHistoryTop,.opsHistoryMain,.opsSnapshotGrid,.opsMetaGrid,.opsAdminMeta,.opsTimelineItem,.opsAuditList,.opsFixtureBox,.opsGlyphCountRow,.opsReviewerRow,.opsSchemaBox { color:var(--ink); }
.opsBadge,.opsPill,.opsBadgeStrong,.opsPillGold,.opsPillQuiet { color:#765637; background:#c7ae7f17; border-color:#bca47d; }
.opsButtonGold { background:var(--seal); color:#fff5e9; border-color:var(--seal); }
.opsButtonOutline,.opsButtonQuiet,.opsMiniButton,.opsIconButton,.opsScenarioButton { color:#786045; border-color:#c6b291; background:transparent; }
.opsScenarioSelected { background:#e2d1b3; }
.opsTextLink,.opsHistoryArrow,.opsHistoryGlyph,.opsChapterNo,.opsReportSeal,.opsEmptyGlyph,.opsReviewerSeal { color:var(--seal); }
.opsDraft,.opsField select,.opsField input,.opsQueueSelect select { color:var(--ink); background:#fffbf2; border-color:#cbb69b; }
.opsButton:focus-visible,.opsScenarioButton:focus-visible { outline-color:var(--seal); }

/* 既有模組有 .opsRoot 的高優先选择器，覆寫需同等範圍。 */
.opsRoot.opsRoot { --ops-navy:#f4f0e6; --ops-navy-deep:#e9e0d0; --ops-panel:#f9f4e9; --ops-panel-soft:#ede4d3; --ops-line:#cbb998; --ops-line-bright:#ae9063; --ops-gold:#85603d; --ops-gold-bright:#793c2f; --ops-ivory:#fffaf0; --ops-ink:#302e29; --ops-muted:#756b59; --ops-muted-dim:#837660; --ops-cyan:#8e3e32; --ops-shadow:none; }
.opsRoot.opsRoot .opsAtmosphere { display:none; }
.opsRoot.opsRoot .opsCard { background:#f9f4e9; border-color:#cdbca0; border-radius:1px; box-shadow:none; }
.opsRoot.opsRoot h1,.opsRoot.opsRoot h2,.opsRoot.opsRoot h3,.opsRoot.opsRoot strong,.opsRoot.opsRoot .opsMetaGrid strong,.opsRoot.opsRoot .opsSnapshotGrid strong,.opsRoot.opsRoot .opsAdminMeta strong { color:var(--ink); }
.opsRoot.opsRoot p,.opsRoot.opsRoot small,.opsRoot.opsRoot label,.opsRoot.opsRoot .opsBodyCopy,.opsRoot.opsRoot .opsCurrentStatus span,.opsRoot.opsRoot .opsTimelineItem strong { color:#6e6251; }
.opsRoot.opsRoot .opsMetaGrid>div,.opsRoot.opsRoot .opsSnapshotGrid>div,.opsRoot.opsRoot .opsAdminMeta>div,.opsRoot.opsRoot .opsSchemaBox,.opsRoot.opsRoot .opsReviewerRow,.opsRoot.opsRoot .opsFixtureBox,.opsRoot.opsRoot .opsApprovalGate { background:#eee5d4; border-color:#cbb998; }
.opsRoot.opsRoot .opsSchemaBox code,.opsRoot.opsRoot .opsGlyphCountRow b,.opsRoot.opsRoot .opsPillarRow span,.opsRoot.opsRoot .opsElementRow span { color:#68553c; }
.opsRoot.opsRoot .opsDraft,.opsRoot.opsRoot .opsField select,.opsRoot.opsRoot .opsField textarea { background:#fffbf2; color:var(--ink); border-color:#c4b394; }
.opsRoot.opsRoot .opsTimelineDot { background:#e8dbc5; color:#7b6446; border-color:#bda17b; }
.opsRoot.opsRoot .opsTimelineActive strong { color:var(--seal); }
.opsRoot.opsRoot .opsTimelineActive .opsTimelineDot { color:var(--seal); border-color:var(--seal); }
.opsRoot.opsRoot .opsScenarioButton { background:#f4ecde; color:#6c5d48; border-color:#c8b798; }
.opsRoot.opsRoot .opsScenarioSelected { background:#dfcdac; border-color:#9f7c4f; }
.opsRoot.opsRoot .opsBadge,.opsRoot.opsRoot .opsPill { color:#865d3a; border-color:#b79b70; background:#c7ae7f0d; }
.opsRoot.opsRoot .opsHeroWarning,.opsRoot.opsRoot .opsAdminBoundary,.opsRoot.opsRoot .opsBackendNote,.opsRoot.opsRoot .opsNotice,.opsRoot.opsRoot .opsFlash { color:#715b43; background:#e8dcc680; border-color:#c6ab80; }
.opsRoot.opsRoot .opsActionRail { background:#e7dcc8; border-color:#c5aa7e; }
.opsRoot.opsRoot .opsButtonGold { background:var(--seal); color:#fff5e8; border-color:var(--seal); box-shadow:none; }
.opsRoot.opsRoot .opsButtonOutline,.opsRoot.opsRoot .opsButtonQuiet,.opsRoot.opsRoot .opsMiniButton,.opsRoot.opsRoot .opsIconButton { color:#755132; border-color:#bba078; background:transparent; }
.opsRoot.opsRoot .opsReportCover { background:#343a30; }
.opsRoot.opsRoot .opsReportCover h2,.opsRoot.opsRoot .opsReportCover p { color:#f1e6cf; }
.chart-view .chart-hero h1,.member-view .member-hero h1 { color:var(--ink); }
.chart-view .chart-hero p,.member-view .member-hero p { color:var(--soft-ink); }
.chart-view .chart-hero h1 em,.member-view .member-hero h1 em { color:var(--seal); }
.chart-view .chart-state-pill,.member-view .member-muted-chip { color:#78543a; background:#e3d6bf; border-color:#baa17b; }

/* 免費初讀：章節、旁註、真實感受核對；不是另一组產品卡。 */
.cxRichReading { margin-top:38px; }
.cxRichHeader { padding:32px 0 30px; border-top:1px solid #cbbba0; }
.cxRichHeader h2 { font-size:32px; line-height:1.7; margin:15px 0 20px; }
.cxRichHeader>p { max-width:780px; font-size:15px; line-height:2; }
.cxReadingBoundary { margin-top:20px; max-width:850px; padding:14px 18px; border-left:2px solid #aa8662; background:#e9dfce66; color:#786a57; font-size:12px; line-height:1.9; }
.cxReadingContents { display:flex; flex-wrap:wrap; gap:0; border-top:1px solid #d5c6ae; border-bottom:1px solid #d5c6ae; margin-top:27px; }
.cxReadingContents a { flex:1; min-width:135px; padding:16px 15px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:#7b543d; font-size:13px; }
.cxReadingContents a+a { border-left:1px solid #d5c6ae; }
.cxReadingContents a:hover { background:#e9ddc7; }
.cxReadingContents span { color:#a08965; }
.cxReadingChapter { background:#fffaf0; padding:34px 34px 27px; margin:22px 0; border:1px solid #d8cbb6; scroll-margin-top:22px; }
.cxReadingChapter>header { display:flex; align-items:flex-start; gap:24px; }
.cxChapterIndex { font:29px/1.5 'Noto Serif TC',serif; color:#a0845e; width:38px; flex:none; }
.cxReadingChapter h3 { font-size:26px; line-height:1.8; margin:8px 0 20px; font-weight:500; }
.cxReadingBody { display:grid; grid-template-columns:1.48fr 1fr; gap:35px; }
.cxReadingNarrative>p { font-size:14px; line-height:2.1; }
.cxReadingNarrative>p+p { margin-top:17px; }
.cxReadingNarrative blockquote { margin:22px 0 17px; padding:0 0 0 18px; border-left:2px solid #b59670; font:16px/2 'Noto Serif TC',serif; color:#724c37; }
.cxReadingLens { margin:16px 0 0; font-size:11px; color:#80715d; }
.cxReadingLens summary { cursor:pointer; color:#8a7355; padding:10px 0; }
.cxReadingLens p { padding-top:7px; font-size:12px; line-height:1.95; }
.cxReadingMirror { background:#eee5d5; border-top:2px solid #ad8b62; padding:22px 24px; align-self:start; }
.cxReadingMirror>.kicker { font-size:10px; letter-spacing:1px; }
.cxReadingMirror>p { font:18px/1.95 'Noto Serif TC',serif; color:#514633; margin-top:14px; }
.cxReadingReminder { border-top:1px solid #d0bea2; padding-top:19px; margin-top:20px; }
.cxReadingReminder b { font-size:11px; font-weight:500; color:#8e5b42; }
.cxReadingReminder p { font-size:13px; line-height:2; margin-top:8px; }
.cxReadingFooter { border-top:1px solid #e0d5c3; margin-top:25px; padding-top:20px; display:flex; justify-content:space-between; align-items:flex-start; gap:25px; }
.cxReadingFeedback { display:flex; gap:9px; }
.cxReadingFeedback button { cursor:pointer; padding:10px 15px; border:1px solid #c7b699; background:transparent; color:#796249; font-family:inherit; font-size:12px; line-height:1.5; min-height:42px; }
.cxReadingFeedback button[aria-pressed="true"] { border-color:#8e3e32; background:#8e3e320e; color:#8e3e32; }
.cxReadingFeedbackStatus { display:block; margin-top:10px; color:#82745e; font-size:10px; line-height:1.9; max-width:370px; }
.cxReadingAsk { border:0; border-left:1px solid #d0b992; background:transparent; padding:2px 0 3px 20px; color:#71452e; text-align:left; cursor:pointer; font:15px/1.7 'Noto Serif TC',serif; flex:none; }
.cxReadingAsk span { display:block; font:11px/1.8 -apple-system,BlinkMacSystemFont,sans-serif; color:#8e3e32; margin-top:5px; }
.cxReadingBridge { background:#e8ddc8; border-top:2px solid #aa8561; padding:35px 32px; display:grid; grid-template-columns:1.4fr 1fr; gap:40px; margin-top:35px; }
.cxReadingBridge h3 { font-size:26px; line-height:1.8; margin:14px 0 20px; }
.cxReadingBridge p { font-size:14px; line-height:2; }
.cxReadingBridgeAction { align-self:center; border-left:1px solid #c7ae87; padding-left:28px; }
.cxReadingBridgeAction>b { display:block; font:22px/1.7 'Noto Serif TC',serif; color:#5d442f; }
.cxReadingBridgeAction>b small { margin-left:12px; color:#8e3e32; }
.cxReadingBridgeAction>p { font-size:12px; margin:14px 0 18px; }
.cxReadingBridgeAction>.goldButton { width:100%; cursor:pointer; font-size:12px; padding:14px 17px; }
.cxReadingBridgeAction>small { display:block; font-size:10px; color:#7c6c54; line-height:1.9; margin-top:15px; }
.cxReadingLimits { margin-top:25px; padding:15px 0; border-bottom:1px solid #d6c6ad; }
.cxReadingLimits summary { font-size:12px; color:#796148; cursor:pointer; }
.cxReadingLimits p { max-width:900px; font-size:12px; line-height:2; margin-top:15px; }
.cxRichReading button:focus-visible,.cxRichReading a:focus-visible { outline:2px solid #8e3e32; outline-offset:4px; }
@media(max-width:900px) {
 .cxReadingBody { grid-template-columns:1fr; gap:23px; }
 .cxReadingMirror { max-width:none; }
 .cxReadingBridge { gap:26px; grid-template-columns:1fr 1fr; }
}
@media(max-width:699px) {
 .cxRichReading { margin-top:28px; }.cxRichHeader { padding-top:25px; }.cxRichHeader h2 { font-size:27px; }.cxRichHeader>p { font-size:14px; }.cxDesktopBreak { display:none; }.cxReadingBoundary { font-size:11px; padding:12px 14px; }
 .cxReadingContents { display:grid; grid-template-columns:1fr 1fr; }.cxReadingContents a { min-width:0; font-size:12px; padding:13px 11px; }.cxReadingContents a:nth-child(3) { border-left:0; }.cxReadingContents a:nth-child(n+3) { border-top:1px solid #d5c6ae; }
 .cxReadingChapter { padding:25px 21px 23px; }.cxReadingChapter>header { gap:13px; }.cxChapterIndex { font-size:23px; width:27px; }.cxReadingChapter h3 { font-size:22px; margin-bottom:18px; }.cxReadingNarrative>p { font-size:14px; }.cxReadingNarrative blockquote { font-size:16px; }.cxReadingMirror { padding:19px 20px; }.cxReadingMirror>p { font-size:18px; }
 .cxReadingFooter { display:block; padding-top:20px; }.cxReadingFeedbackStatus { max-width:none; }.cxReadingAsk { border-left:0; border-top:1px solid #deceb5; margin-top:19px; padding:16px 0 0; width:100%; display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:14px; }.cxReadingAsk span { font-size:10px; margin:0; }
 .cxReadingBridge { display:block; padding:26px 23px; }.cxReadingBridge h3 { font-size:23px; }.cxReadingBridgeAction { border-left:0; border-top:1px solid #c7ae87; padding:22px 0 0; margin-top:24px; }.cxReadingBridgeAction>.goldButton { min-height:48px; }
}

/* 會員資料真正保存；雙人文化閱讀。 */
.mbNotice { border-left:2px solid #9c6b43; background:#e9deca; color:#756247; padding:15px 19px; font-size:12px; line-height:1.9; margin:20px 0 32px; }
.mbGate { padding:36px; max-width:800px; }.mbGate h2 { font-size:27px; line-height:1.8; margin:19px 0; }.mbGate p { line-height:2; font-size:14px; }.mbGate .goldButton { margin:24px 0 10px; max-width:420px; }.mbGate small { font-size:11px; color:#82735d; line-height:2; display:block; }.mbSeal { display:block; width:43px; height:48px; border:1px solid #8e3e32; color:#8e3e32; padding:2px; text-align:center; font:29px/1.4 'Noto Serif TC',serif; }
.mbStatus { font-size:12px!important; color:#8e3e32!important; line-height:1.9; margin-top:16px; overflow-wrap:anywhere; }
.mbLayout { display:grid; grid-template-columns:1.5fr 1fr; gap:35px; }.mbFormPanel { padding:30px; }.mbFormPanel h2 { font-size:27px; margin:13px 0 25px; }.mbFormGrid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.mbFormGrid input { width:100%; min-width:0; padding:12px 13px; border:1px solid #bdb098; border-radius:0; font-size:14px; }.mbFormActions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }.mbFormActions button { cursor:pointer; font-size:12px; }.mbPartnerConsent[hidden] { display:none; }
.mbSaved { padding:18px 0; }.mbSaved>h2 { font-size:27px; margin:15px 0 20px; }.mbSaved article { padding:22px 0; border-top:1px solid #d1bfa2; }.mbSaved article>span { font-size:11px; color:#936d48; }.mbSaved article h3 { font-size:23px; margin:9px 0 11px; overflow-wrap:anywhere; }.mbSaved p { font-size:13px; line-height:2; }.mbEdit { background:transparent; border:0; padding:12px 0 0; font-size:12px; color:#8e3e32; cursor:pointer; }.mbSaved>.goldButton,.mbSaved>.outlineButton { display:flex; margin:15px 0; font-size:12px; }.mbSaved>.textArrow { background:transparent; border:0; cursor:pointer; font-size:12px; }.mbPrivacy { border-top:1px solid #cbbb9e; margin-top:38px; padding-top:25px; }.mbPrivacy h3 { font-size:21px; margin-bottom:15px; }.mbPrivacy p { font-size:12px; max-width:850px; line-height:2; }.mbEmpty { padding:20px 0; }
.cpMissing { padding:30px; }.cpMissing h2 { font-size:25px; margin:15px 0; }.cpMissing p { font-size:14px; line-height:2; }.cpMissing>.goldButton { margin-top:23px; max-width:400px; }.cpPairForm { border:1px solid #c9b697; padding:29px; background:#eee5d5; }.cpPairSelectors { display:flex; gap:25px; align-items:center; }.cpPairSelectors>label { flex:1; min-width:0; }.cpPairSelectors>span { color:#92734f; font:22px 'Noto Serif TC',serif; }.cpFormFoot { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:25px; }.cpFormFoot small { font-size:11px; line-height:1.9; color:#7e6c52; }.cpFormFoot button { cursor:pointer; font-size:12px; }.cpDateFields { display:grid; grid-template-columns:1fr 1fr; gap:25px; margin-top:25px; }.cpDateFields input { padding:12px; width:100%; min-width:0; border:1px solid #bca783; }
.cpReading { margin-top:35px; padding-top:26px; border-top:1px solid #c8b391; scroll-margin-top:20px; }.cpReading>h2 { font-size:29px; line-height:1.8; margin:17px 0 25px; }.cpCharts { display:flex; gap:25px; }.cpCharts>article { flex:1; padding:26px; background:#eee4d1; border:1px solid #cbb493; }.cpCharts h3 { font-size:25px; overflow-wrap:anywhere; }.cpCharts p { font-size:12px; margin:10px 0 18px; }.cpCharts article>div { display:flex; gap:10px; }.cpCharts article>div>span { flex:1; border-top:1px solid #bda47d; padding-top:12px; text-align:center; }.cpCharts small { display:block; color:#8c734f; font-size:10px; }.cpCharts b { display:block; font:21px/1.8 'Noto Serif TC',serif; color:#645033; }
.cpReadingParagraph { display:flex; gap:23px; padding:30px; background:#fffaf0; border:1px solid #d4c1a1; margin-top:22px; }.cpReadingParagraph>span { font:26px 'Noto Serif TC',serif; color:#a78556; }.cpReadingParagraph>div { flex:1; min-width:0; }.cpReadingParagraph h3 { font-size:24px; line-height:1.8; margin-bottom:18px; }.cpReadingParagraph p { font-size:15px; line-height:2.05; }.cpReadingParagraph details { margin-top:20px; font-size:11px; color:#856c4c; }.cpReadingParagraph details p { font-size:12px; margin-top:12px; }.cpLimits { margin-top:25px; padding:17px 0; border-bottom:1px solid #cdb99c; color:#80694c; }.cpLimits p { font-size:12px; line-height:2; margin:14px 0; }.cpLimits small { font-size:10px; }
.cpPremium { display:grid; grid-template-columns:1.45fr 1fr; gap:45px; padding:35px 32px; background:#e8dbc3; border-top:2px solid #a27b4f; margin-top:40px; }.cpPremium h2 { font-size:30px; line-height:1.8; margin:18px 0; }.cpPremium p { font-size:14px; line-height:2; }.cpPremium ul { padding-left:19px; font-size:13px; line-height:2.1; color:#725d43; margin-top:18px; }.cpPremium aside { align-self:center; border-left:1px solid #bca27b; padding-left:30px; }.cpPremium aside small { display:block; font-size:11px; color:#79684e; line-height:1.9; margin-top:17px; }.cpPremium .goldButton { width:100%; cursor:pointer; font-size:12px; }.cpDetailNotice { grid-column:1/-1; padding:23px; border:1px solid #bda27b; }.cpDetailNotice>b { color:#8e3e32; font-size:15px; }.cpDetailNotice p { margin-top:12px; }.cpFollowup { margin-top:30px; border-top:1px solid #cbbb9b; padding:27px 0; }.cpFollowup h3 { font-size:23px; margin-bottom:16px; }.cpFollowup p { font-size:14px; line-height:2; max-width:850px; }.cpFollowup .textArrow { display:block; margin-top:15px; font-size:12px; }.cpDateList { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.cpDateList article { background:#fffaf0; border:1px solid #d5c3a6; padding:23px; }.cpDateList b { font:24px 'Noto Serif TC',serif; color:#765238; }.cpDateList small { display:block; font-size:11px; margin:10px 0 16px; color:#917451; }.cpDateList p { font-size:13px; line-height:2; }.cpDateList details { font-size:11px; margin-top:12px; color:#856a48; }
@media(max-width:850px) { .mbLayout { grid-template-columns:1fr; gap:10px; }.mbSaved { max-width:700px; } }
@media(max-width:699px) { .mbGate { padding:26px 22px; }.mbGate h2 { font-size:24px; }.mbFormPanel { padding:23px 20px; }.mbFormGrid { grid-template-columns:1fr; gap:18px; }.mbFormActions { display:block; }.mbFormActions button { width:100%; margin-top:10px; }.cpPairForm { padding:22px 19px; }.cpPairSelectors { flex-direction:column; gap:14px; align-items:stretch; }.cpPairSelectors>span { text-align:center; }.cpFormFoot { flex-direction:column; align-items:stretch; gap:15px; }.cpDateFields { grid-template-columns:1fr; gap:17px; }.cpCharts { flex-direction:column; gap:18px; }.cpCharts>article { padding:22px; }.cpReadingParagraph { padding:25px 21px; gap:15px; }.cpReadingParagraph h3 { font-size:22px; }.cpReadingParagraph p { font-size:14px; }.cpPremium { display:block; padding:27px 23px; }.cpPremium h2 { font-size:26px; }.cpPremium aside { margin-top:25px; border-left:0; border-top:1px solid #bca27b; padding:24px 0 0; }.cpDateList { grid-template-columns:1fr; }.cpReading>h2 { font-size:26px; } }

/* Stripe payment state is not a human completion certificate. */
.payPage .cxCheckoutSection li { font-size:14px; line-height:2; margin-left:20px; }
.payPage .cxCheckoutSection details { font-size:13px; line-height:2; padding:16px 0; }
.payPage .cxCheckoutSection details p { margin-top:14px; }.payPage .cxCheckoutSection form button,.payPage button { cursor:pointer; }.payPage button:disabled { opacity:.55; cursor:wait; }.payPage .cxCheckoutSection>small { display:block; font-size:11px; line-height:1.9; margin-top:15px; color:#816b4e; }.payToast { padding:12px 0; }.payToast a { display:block; margin-top:10px; text-decoration:underline; }
.payOrderList { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:30px; }.payOrderCard { border:1px solid #c7b294; padding:30px; background:#fffaf0; margin:25px 0; overflow-wrap:anywhere; }.payOrderList .payOrderCard { margin:0; }.payOrderTop { display:flex; justify-content:space-between; align-items:center; gap:15px; }.payOrderTop strong { font-size:12px; color:#8e3e32; }.payOrderCard h2 { font:28px/1.7 'Noto Serif TC',serif; margin:20px 0 13px; }.payOrderCard p { font-size:14px; line-height:2; margin-bottom:17px; }.payOrderCard .payAmount { font-size:21px; color:#86613c; }.payOrderCard small { color:#8b7759; font-size:11px; }.payServiceState { border-left:2px solid #ad8b55; background:#f1e8d8; padding:14px 18px; font-size:12px; line-height:1.9; margin-bottom:18px; }.payOrderCard details { margin:20px 0; font-size:12px; color:#796446; }.payOrderCard details p { margin-top:16px; }.payOrderCard .textArrow { display:block; margin-top:15px; font-size:12px; }.payReturnActions { display:flex; flex-wrap:wrap; gap:17px; align-items:center; }.payReturnActions button { cursor:pointer; }.payHistoryNote { font-size:11px; color:#897352; line-height:2; margin-top:20px; }.payEmpty { padding:30px; margin:30px 0; }.payEmpty h2 { font-size:26px; margin-bottom:15px; }.payEmpty p { margin-bottom:20px; }
@media(max-width:699px){ .payOrderList{grid-template-columns:1fr;gap:18px;} .payOrderCard{padding:25px 22px;} .payOrderTop{align-items:flex-start;flex-direction:column;gap:12px;} .payOrderCard h2{font-size:25px;} .payReturnActions{flex-direction:column;align-items:stretch;} .payReturnActions .textArrow{padding-top:8px;} }

/* 真實 Stripe 管理員佇列；所有選擇器限定在 payAdminRoot，不改樣本後台。 */
.payAdminRoot { max-width:1160px; margin:0 auto; padding-bottom:72px; color:var(--ink); }
.payAdminRoot .cxHeading { margin-bottom:25px; }
.payAdminRoot .payAdminModeNotice,.payAdminRoot .payAdminNotice,.payAdminRoot .payAdminErrorInline { margin:18px 0 24px; padding:14px 18px; border-left:2px solid var(--seal); background:#e9deca; color:#715b43; font-size:12px; line-height:1.9; }
.payAdminRoot .payAdminNotice { border-color:#6f8063; background:#e4e8da; color:#53634c; }
.payAdminRoot .payAdminErrorInline { border-color:var(--seal); background:#f1dfd5; color:#7a3429; }
.payAdminRoot .payAdminFilters,.payAdminRoot .payAdminDenied,.payAdminRoot .payAdminError,.payAdminRoot .payAdminEmpty,.payAdminRoot .payAdminSelection,.payAdminRoot .payAdminReview { padding:29px 32px; border:1px solid #d4c5aa; background:#fffaf0; }
.payAdminRoot .payAdminSectionHead,.payAdminRoot .mbSummaryHead { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.payAdminRoot .payAdminSectionHead h2,.payAdminRoot .payAdminDenied h2,.payAdminRoot .payAdminError h2,.payAdminRoot .payAdminEmpty h2,.payAdminRoot .payAdminSelection h2,.payAdminRoot .payAdminReview h2 { font-size:25px; line-height:1.7; margin:10px 0 13px; color:var(--ink); }
.payAdminRoot .payAdminRefresh { flex:none; cursor:pointer; }
.payAdminRoot .payAdminFilterGrid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:20px; }
.payAdminRoot .payAdminFilterNote,.payAdminRoot .payAdminBoundary,.payAdminRoot .payAdminMuted,.payAdminRoot .payAdminError p { color:var(--soft-ink); font-size:12px; line-height:1.95; }
.payAdminRoot .payAdminFilterNote { margin-top:18px; }
.payAdminRoot .payAdminQueue { margin-top:30px; }
.payAdminRoot .payAdminQueue>.payAdminSectionHead { padding-bottom:15px; border-bottom:1px solid #cdbb9e; }
.payAdminRoot .payAdminQueue .cxTag { margin-top:10px; }
.payAdminRoot .payAdminOrderList { border-top:1px solid #d8cbb6; }
.payAdminRoot .payAdminOrderRow { display:grid; grid-template-columns:42px minmax(0,1.5fr) minmax(150px,1fr) 20px; align-items:center; gap:16px; width:100%; padding:19px 6px; border:0; border-bottom:1px solid #d8cbb6; background:transparent; color:var(--ink); text-align:left; cursor:pointer; font:inherit; }
.payAdminRoot .payAdminOrderRow:hover,.payAdminRoot .payAdminOrderRow.is-selected { background:#ece2d1; }
.payAdminRoot .payAdminOrderIndex { align-self:start; padding-top:3px; color:#a08054; font:21px 'Noto Serif TC',serif; }
.payAdminRoot .payAdminOrderMain,.payAdminRoot .payAdminOrderState { min-width:0; display:flex; flex-direction:column; gap:5px; }
.payAdminRoot .payAdminOrderMain strong { font:16px/1.6 'Noto Serif TC',serif; overflow-wrap:anywhere; }
.payAdminRoot .payAdminOrderMain small,.payAdminRoot .payAdminOrderState small { color:#796b58; font-size:11px; overflow-wrap:anywhere; }
.payAdminRoot .payAdminOrderState { align-items:flex-end; text-align:right; }
.payAdminRoot .payAdminOrderState b { color:var(--seal); font-size:12px; font-weight:500; }
.payAdminRoot .payAdminLoadMore { display:block; margin:20px auto 0; cursor:pointer; }
.payAdminRoot .payAdminEmpty { margin-top:30px; text-align:center; }
.payAdminRoot .payAdminEmpty h2 { margin-top:17px; }
.payAdminRoot .payAdminEmpty p,.payAdminRoot .payAdminSelection p,.payAdminRoot .payAdminDenied p,.payAdminRoot .payAdminError p { line-height:2; font-size:14px; }
.payAdminRoot .payAdminDetail { margin-top:35px; padding-top:29px; border-top:1px solid #cdbb9e; }
.payAdminRoot .payAdminDetailTop { display:flex; justify-content:space-between; align-items:flex-start; gap:25px; }
.payAdminRoot .payAdminDetailTop h2 { margin:10px 0 3px; font-size:29px; line-height:1.7; overflow-wrap:anywhere; }
.payAdminRoot .payAdminOrderId { color:#796b58; font:11px/1.8 ui-monospace,SFMono-Regular,monospace; overflow-wrap:anywhere; }
.payAdminRoot .payAdminDetailState { display:flex; flex-direction:column; align-items:flex-end; gap:7px; padding:11px 15px; border:1px solid #cbb48e; background:#eee2d0; white-space:nowrap; }
.payAdminRoot .payAdminDetailState strong { color:var(--seal); font-size:13px; }
.payAdminRoot .payAdminDetailState span { color:#75634a; font-size:11px; }
.payAdminRoot .payAdminMetaGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:23px; border:1px solid #d2c2a7; background:#d2c2a7; }
.payAdminRoot .payAdminMetaGrid>div { min-width:0; padding:18px; background:#eee5d5; }
.payAdminRoot .payAdminMetaLabel { display:block; color:#856943; font-size:10px; letter-spacing:1px; }
.payAdminRoot .payAdminMetaGrid strong { display:block; margin-top:8px; color:var(--ink); font-size:15px; overflow-wrap:anywhere; }
.payAdminRoot .payAdminMetaGrid small { display:block; margin-top:6px; color:#796b58; font-size:11px; overflow-wrap:anywhere; }
.payAdminRoot .payAdminColumns { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:18px; margin-top:22px; }
.payAdminRoot .payAdminSubpanel { min-width:0; padding:21px; border:1px solid #d4c5aa; background:#fffaf0; }
.payAdminRoot .payAdminSubpanel h3 { margin:0 0 15px; color:var(--ink); font-size:18px; }
.payAdminRoot .payAdminProfiles,.payAdminRoot .payAdminEvents,.payAdminRoot .payAdminAudit { margin:0; padding:0; list-style:none; }
.payAdminRoot .payAdminProfiles li,.payAdminRoot .payAdminEvents li,.payAdminRoot .payAdminAudit li { padding:11px 0; border-top:1px solid #e0d5c3; }
.payAdminRoot .payAdminProfiles li:first-child,.payAdminRoot .payAdminEvents li:first-child,.payAdminRoot .payAdminAudit li:first-child { border-top:0; padding-top:0; }
.payAdminRoot .payAdminProfiles strong,.payAdminRoot .payAdminEvents strong,.payAdminRoot .payAdminAudit strong { display:block; color:#5f4c33; font-size:12px; overflow-wrap:anywhere; }
.payAdminRoot .payAdminProfiles span,.payAdminRoot .payAdminEvents small,.payAdminRoot .payAdminAudit span,.payAdminRoot .payAdminAudit p { display:block; margin-top:5px; color:#786b59; font-size:11px; line-height:1.8; overflow-wrap:anywhere; }
.payAdminRoot .payAdminDetails { margin-top:17px; border-top:1px solid #e0d5c3; }
.payAdminRoot .payAdminDetails>div { padding:10px 0; border-bottom:1px solid #e0d5c3; }
.payAdminRoot .payAdminDetails dt { color:#856943; font-size:10px; }
.payAdminRoot .payAdminDetails dd { margin:5px 0 0; color:#665943; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.payAdminRoot .payAdminActions { display:flex; align-items:center; gap:16px; margin:22px 0 30px; padding:17px 0; border-top:1px solid #d4c5aa; border-bottom:1px solid #d4c5aa; }
.payAdminRoot .payAdminActions button,.payAdminRoot .payAdminReview button { cursor:pointer; }
.payAdminRoot .payAdminActions button:disabled,.payAdminRoot .payAdminReview button:disabled { opacity:.55; cursor:wait; }
.payAdminRoot .payAdminActions [data-admin-reconcile-status],.payAdminRoot .payAdminFormStatus { color:var(--seal); font-size:12px; line-height:1.8; }
.payAdminRoot .payAdminReviewer { padding:13px 16px; border-left:2px solid #b59670; background:#eee5d5; color:#6d604f; font-size:12px; line-height:1.9; }
.payAdminRoot .payAdminReviewer strong { color:#604b32; }
.payAdminRoot .payAdminReview form { display:grid; grid-template-columns:220px 1fr auto; align-items:end; gap:17px; margin-top:22px; }
.payAdminRoot .payAdminReview form .cxField { margin:0; }
.payAdminRoot .payAdminReview form textarea { min-height:92px; resize:vertical; }
.payAdminRoot .payAdminReview form button { min-height:46px; white-space:nowrap; }
.payAdminRoot .payAdminReview .payAdminFormStatus { grid-column:1/-1; margin:0; }
.payAdminRoot .payAdminBoundary { margin-top:16px; padding-top:14px; border-top:1px solid #e0d5c3; }
.payAdminRoot .payAdminDenied { max-width:800px; }
.payAdminRoot .payAdminDenied h2 { margin-top:18px; }
.payAdminRoot .payAdminExact { color:var(--seal)!important; font-size:15px!important; font-weight:500; }
.payAdminRoot .payAdminIdentity { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:22px 0; border:1px solid #d2c2a7; background:#d2c2a7; }
.payAdminRoot .payAdminIdentity>div { padding:15px; background:#eee5d5; }
.payAdminRoot .payAdminIdentity dt { color:#856943; font-size:10px; }
.payAdminRoot .payAdminIdentity dd { margin:7px 0 0; color:var(--ink); font-size:13px; overflow-wrap:anywhere; }
.payAdminRoot .payAdminIdentity code,.mbPage .mbSummaryLast code { font-family:ui-monospace,SFMono-Regular,monospace; font-size:11px; }
.payAdminRoot .payAdminIdentityError { color:var(--seal)!important; }
.payAdminRoot .payAdminError { max-width:720px; }
.mbPage .mbPurchaseSummary { margin:20px 0 30px; padding:25px 28px; }
.mbPage .mbPurchaseSummary h2 { margin:7px 0 0; font-size:23px; }
.mbPage .mbPurchaseSummary .textArrow { white-space:nowrap; }
.mbPage .mbSummaryGrid { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; margin-top:22px; border:1px solid #d2c2a7; background:#d2c2a7; }
.mbPage .mbSummaryGrid>div { padding:15px 12px; background:#eee5d5; }
.mbPage .mbSummaryGrid span { display:block; color:#856943; font-size:10px; }
.mbPage .mbSummaryGrid strong { display:block; margin-top:8px; color:#634d32; font:25px 'Noto Serif TC',serif; }
.mbPage .mbSummaryLast { margin-top:15px; color:#75634a; font-size:11px; overflow-wrap:anywhere; }
@media(max-width:900px) { .payAdminRoot .payAdminColumns { grid-template-columns:1fr 1fr; }.payAdminRoot .payAdminSubpanel:first-child { grid-column:1/-1; }.payAdminRoot .payAdminReview form { grid-template-columns:1fr 1fr; }.payAdminRoot .payAdminReview form textarea { grid-column:1/-1; }.payAdminRoot .payAdminReview form button { grid-column:1/-1; justify-self:start; } }
@media(max-width:699px) { .payAdminRoot { padding-bottom:48px; }.payAdminRoot .payAdminFilters,.payAdminRoot .payAdminDenied,.payAdminRoot .payAdminError,.payAdminRoot .payAdminEmpty,.payAdminRoot .payAdminSelection,.payAdminRoot .payAdminReview { padding:24px 20px; }.payAdminRoot .payAdminSectionHead,.payAdminRoot .payAdminDetailTop { display:block; }.payAdminRoot .payAdminRefresh,.payAdminRoot .payAdminSectionHead>.cxTag { margin-top:12px; }.payAdminRoot .payAdminFilterGrid,.payAdminRoot .payAdminMetaGrid,.payAdminRoot .payAdminColumns,.payAdminRoot .payAdminIdentity { grid-template-columns:1fr; }.payAdminRoot .payAdminOrderRow { grid-template-columns:30px minmax(0,1fr) 20px; gap:10px; }.payAdminRoot .payAdminOrderState { grid-column:2/-1; align-items:flex-start; text-align:left; }.payAdminRoot .payAdminDetailTop h2 { font-size:25px; }.payAdminRoot .payAdminDetailState { display:inline-flex; align-items:flex-start; margin-top:15px; }.payAdminRoot .payAdminSubpanel:first-child { grid-column:auto; }.payAdminRoot .payAdminReview form { display:block; }.payAdminRoot .payAdminReview form .cxField,.payAdminRoot .payAdminReview form button { display:block; width:100%; margin-top:14px; }.payAdminRoot .payAdminReview form .cxField:first-child { margin-top:0; }.payAdminRoot .payAdminActions { align-items:flex-start; flex-direction:column; }.mbPage .mbSummaryGrid { grid-template-columns:repeat(2,1fr); }.mbPage .mbPurchaseSummary { padding:22px 20px; } }