/* Shared reading layer. Existing article text, data and business scripts are retained. */
:root{--jy-paper:#f7f7f2;--jy-ink:#253b36;--jy-green:#173e39;--jy-lime:#d9e9a9;--jy-muted:#61716b;--jy-line:#d6ddd1;--jy-serif:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;--jy-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
html{scroll-padding-top:110px}
body.jy-reading{display:block;background:var(--jy-paper);color:var(--jy-ink);font-family:var(--jy-sans);font-size:16px;line-height:1.85;-webkit-text-size-adjust:100%;padding-bottom:88px;min-height:100vh}
.jy-reading *{box-sizing:border-box}
.jy-reading :focus-visible{outline:3px solid #5d7b35;outline-offset:4px}
.jy-reading a{color:var(--jy-green);text-underline-offset:4px}
.jy-reading button,.jy-reading input,.jy-reading select,.jy-reading textarea{font-family:var(--jy-sans)}
.jy-reading img{max-width:100%;height:auto}
.jy-reading .jy-skip{position:fixed;z-index:10002;top:8px;left:16px;padding:10px 18px;background:var(--jy-green);color:#fff;transform:translateY(-160%)}
.jy-reading .jy-skip:focus{transform:translateY(0)}
.jy-reading .jy-site-header{background:rgba(247,247,242,.98);border-bottom:1px solid var(--jy-line);position:relative;z-index:50}
.jy-reading .jy-header-inner{max-width:1280px;min-height:90px;padding:16px 48px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:32px}
.jy-reading .jy-brand{display:flex;align-items:center;gap:13px;color:var(--jy-green);text-decoration:none;min-height:48px;flex-shrink:0}
.jy-reading .jy-brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--jy-green);color:var(--jy-lime);font:25px/1 var(--jy-serif);border-radius:50% 50% 3px 50%}
.jy-reading .jy-brand-name{display:block;font:700 22px/1.3 var(--jy-serif);letter-spacing:2px}
.jy-reading .jy-brand-note{display:block;font-size:8px;letter-spacing:2.8px;color:var(--jy-muted);margin-top:4px}
.jy-reading .jy-site-nav{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.jy-reading .jy-site-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.jy-reading .jy-site-nav a:hover,.jy-reading .jy-site-nav a[aria-current]{border-color:var(--jy-green)}
.jy-reading .jy-menu-toggle{display:none;background:transparent;color:var(--jy-green);min-height:44px;padding:8px 12px;border:1px solid var(--jy-line);font-size:14px;cursor:pointer}
.jy-reading>.topbar{display:none}
.jy-reading .breadcrumb{max-width:1120px;padding:22px 32px;margin:0 auto;gap:10px;flex-wrap:wrap;color:var(--jy-muted);font-size:12px;line-height:1.7}
.jy-reading .breadcrumb a{display:inline-flex;align-items:center;min-height:32px;color:var(--jy-green)}
.jy-reading .article-container,.jy-reading .post,.jy-reading>.container{max-width:1000px;margin:0 auto;padding:0 32px 48px;background:transparent;border-radius:0;box-shadow:none;min-width:0}
.jy-reading .post,.jy-reading>.container{padding-top:44px}
.jy-reading .article-header,.jy-reading .post-head,.jy-reading .section-hero,.jy-reading .page-header{background:transparent;color:var(--jy-green);border-radius:0;box-shadow:none;text-align:left;border-bottom:1px solid var(--jy-line);padding:36px 0;margin:0 auto 32px;max-width:1000px;overflow:visible}
.jy-reading>.article-header,.jy-reading>.section-hero,.jy-reading>.page-header{padding:36px 32px;max-width:1064px}
.jy-reading .article-header::before,.jy-reading .section-hero::before{display:none}
.jy-reading h1,.jy-reading .article-header h3{font-family:var(--jy-serif);font-size:clamp(28px,3.5vw,42px);font-weight:600;line-height:1.5;letter-spacing:.02em;color:var(--jy-green);text-align:left;margin:12px 0 20px;text-wrap:pretty}
.jy-reading h1 .accent{color:var(--jy-green)}
.jy-reading .article-header .meta,.jy-reading .post-head .meta,.jy-reading .article-author,.jy-reading .subtitle{color:var(--jy-muted);font-size:13px;line-height:1.8;opacity:1;text-align:left;justify-content:flex-start}
.jy-reading .hero-subtitle,.jy-reading .section-hero .hero-subtitle{color:var(--jy-muted);max-width:680px;margin:0;text-align:left;font-size:16px;line-height:1.9}
.jy-reading .section-hero-badge,.jy-reading .article-header .tag,.jy-reading .post-head .tag{background:transparent;border:0;border-radius:0;padding:0 14px 0 0;margin:0 0 10px;color:var(--jy-muted);font-size:12px;font-family:var(--jy-sans)}
.jy-reading .hero-stats{justify-content:flex-start;margin-top:24px;gap:20px}
.jy-reading .hero-stat{padding:0 20px 0 0;background:transparent;border:0;border-right:1px solid var(--jy-line);border-radius:0;color:var(--jy-muted)}
.jy-reading .hero-stat strong{color:var(--jy-green)}
.jy-reading .article-body,.jy-reading .post-body{background:transparent;border-radius:0;box-shadow:none;padding:0;min-width:0;font-size:17px;line-height:1.95}
.jy-reading>.article-body{max-width:1000px;margin:0 auto;padding:0 32px 48px}
.jy-reading .article-body p,.jy-reading .article-body li{font-size:17px;line-height:1.95;color:var(--jy-ink)}
.jy-reading .article-body p,.jy-reading .post-body p{margin-bottom:20px}
.jy-reading .article-body h2,.jy-reading .post-body h2,.jy-reading .content-area h2,.jy-reading>.container h2{font-family:var(--jy-serif);font-size:26px;color:var(--jy-green);margin:44px 0 20px;border-bottom:1px solid var(--jy-line);border-left:0;padding:0 0 12px;line-height:1.6;scroll-margin-top:24px}
.jy-reading .article-body h3,.jy-reading .post-body h3{font-size:19px;color:var(--jy-green);line-height:1.7;margin:28px 0 14px}
.jy-reading .article-body :is(h2,h3)[style]{color:var(--jy-green)!important}
.jy-reading .article-body h2[style]{font-family:var(--jy-serif)!important}
.jy-reading .article-body li,.jy-reading .post-body li{margin-bottom:8px}
.jy-reading .content-area{max-width:1064px;padding:0 32px 48px;min-width:0}
.jy-reading .category-nav{max-width:1064px;padding:0 32px 28px;gap:16px}
.jy-reading :is(.chapter-card,.info-block,.entry-card,.category-card,.card,.info-box,.warning-box,.highlight-box,.hook,.ending,.stat-card,.data-card,.bigcard,.lead-cta,.cta-banner){border-radius:3px;box-shadow:none}
.jy-reading :is(.chapter-card,.entry-card,.category-card){background:transparent;border:1px solid var(--jy-line);color:var(--jy-ink)}
.jy-reading :is(.chapter-card,.entry-card,.category-card):hover{transform:none;box-shadow:none;border-color:#829883;background:#f0f3e9}
.jy-reading .category-card.active{background:#eaf0dd;border-color:var(--jy-green)}
.jy-reading :is(.chapter-card .ch-title,.category-title,.entry-title,.info-block h2){color:var(--jy-green)}
.jy-reading :is(.chapter-card .ch-arrow,.entry-arrow){color:var(--jy-green)}
.jy-reading :is(.chapter-card .ch-desc,.entry-desc,.info-block p){font-size:15px;line-height:1.9;color:var(--jy-muted)}
.jy-reading :is(.info-box,.highlight-box,.hook,.ending){background:#ecf0e4;border-color:#a5b78b;color:var(--jy-ink)}
.jy-reading .info-block{border:1px solid var(--jy-line);background:#fffef9}
.jy-reading :is(.stat-card,.data-card,.bigcard,.lead-cta,.cta-banner){background:var(--jy-green);color:#fff}
.jy-reading :is(.stat-card,.data-card,.bigcard,.lead-cta,.cta-banner) :is(p,h4,.num,.lbl,.label){color:#fff}
.jy-reading .cta-banner{max-width:1000px;padding:32px;margin:0 auto 40px;text-align:left}
.jy-reading :is(.cta-btn,.btn-primary,.btn-secondary,.btn,.back-link){display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:2px;box-shadow:none;text-decoration:none;padding:10px 20px;font-size:14px;line-height:1.65}
.jy-reading :is(.cta-btn,.btn-primary,.btn){background:var(--jy-green);color:#fff;border:1px solid var(--jy-green)}
.jy-reading :is(.btn-secondary,.back-link){background:transparent;color:var(--jy-green);border:1px solid var(--jy-green)}
.jy-reading :is(.lead-cta,.cta-banner) :is(.cta-btn,.btn-primary){background:var(--jy-lime);border-color:var(--jy-lime);color:var(--jy-green)}
.jy-reading :is(.article-image,.post-img img,.photo-item){border-radius:2px;box-shadow:none}
.jy-reading .article-image{border:1px solid var(--jy-line)}
.jy-reading .article-footer,.jy-reading .post-foot{border-color:var(--jy-line);margin-top:40px;padding-top:24px}
.jy-reading .section-footer{border-color:var(--jy-line);color:var(--jy-muted);font-size:13px}
.jy-reading .jy-toc{margin:0 0 36px;padding:16px 20px;background:#ecefe5;border:1px solid var(--jy-line);font-family:var(--jy-sans);font-size:14px}
.jy-reading .jy-toc summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--jy-green);list-style:none}
.jy-reading .jy-toc summary::-webkit-details-marker{display:none}
.jy-reading .jy-toc summary::after{content:'＋';font-weight:400;font-size:20px}
.jy-reading .jy-toc[open] summary::after{content:'−'}
.jy-reading .jy-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:12px;border-top:1px solid var(--jy-line);padding-top:12px}
.jy-reading .jy-toc a{display:flex;align-items:center;min-height:44px;padding:8px 0;text-decoration:none;font-size:14px;line-height:1.65}
.jy-reading .jy-toc a:hover{text-decoration:underline}
.jy-reading :is(.jy-table-scroll,.article-table-wrap,.table-wrap,.table-wrapper,.table-container){width:100%;max-width:100%;overflow-x:auto!important;max-height:none!important;height:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--jy-line);border-radius:2px;margin:20px 0}
.jy-reading .jy-table-scroll table{margin:0;width:100%;border-collapse:collapse;line-height:1.65;font-size:14px}
.jy-reading .jy-table-wide table{min-width:680px}
.jy-reading .jy-table-scroll th{position:static;background:var(--jy-green);color:#fff;padding:12px 14px}
.jy-reading .jy-table-scroll td{padding:12px 14px;border-bottom:1px solid var(--jy-line)}
.jy-reading .jy-table-scroll tr:nth-child(even){background:#eef1e8}
.jy-reading .jy-table-scroll tr:hover{background:#e7eddc}
.jy-reading .jy-table-hint{margin:0 0 -12px;font-size:12px;color:var(--jy-muted)}
.jy-reading input:not([type=checkbox]):not([type=radio]),.jy-reading select,.jy-reading textarea{min-height:44px;font-size:16px;max-width:100%}
.jy-reading .wc-close{width:44px!important;height:44px!important;right:5px!important;top:5px!important}
.jy-reading #wcFab{background:var(--jy-green)!important;border-radius:3px!important;box-shadow:none!important;width:112px!important;height:46px!important;right:24px!important;bottom:84px!important;font-size:14px!important;color:#fff!important}
.jy-reading #wcFab .wc-dot{display:none!important}
.jy-reading #wcFab .wc-ico{font-family:var(--jy-sans);font-size:14px!important}
.jy-reading .fr-float-btn{background:var(--jy-paper)!important;color:var(--jy-green)!important;box-shadow:none!important;border:1px solid var(--jy-green)!important;border-radius:3px!important;right:24px!important;bottom:24px!important;min-height:46px;padding:10px 18px!important;font-size:14px!important}
.jy-reading .fr-float-btn :is(.fr-icon,.fr-badge){display:none!important}
.jy-reading #wcPanel{border:1px solid var(--jy-line);border-radius:4px!important;bottom:144px!important;max-height:calc(100vh - 170px)!important}
.jy-reading #wcPanel:not(.wc-open){visibility:hidden}
.jy-reading .wc-head{background:var(--jy-green)!important;padding-right:48px!important}
.jy-reading .wc-btn.primary{background:var(--jy-green)!important}
.jy-reading .wc-btn{border-radius:2px!important;min-height:44px!important}
.jy-reading #icp-footer{padding-bottom:28px!important}
.jy-reading .photo-item img{width:100%;aspect-ratio:4/3;object-fit:cover}
.jy-reading .jy-cmt-section{background:#eef1e7;border-top:1px solid var(--jy-line);padding:44px 22px}
.jy-reading .jy-cmt-head{text-align:left}
.jy-reading .jy-cmt-head h2{font:600 27px/1.6 var(--jy-serif);color:var(--jy-green)}
.jy-reading .jy-cmt-form{background:transparent;padding:0;border-radius:0;box-shadow:none}
.jy-reading .jy-cmt-row{align-items:flex-start}
.jy-reading .jy-field{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px;font-size:13px;color:var(--jy-green)}
.jy-reading .jy-field input{width:100%;min-width:0}
.jy-reading .jy-message-label{display:block;font-size:13px;margin-bottom:7px;color:var(--jy-green)}
.jy-reading .jy-cmt-input,.jy-reading .jy-cmt-ta{border:1px solid #98a98e;background:#fffef9;border-radius:2px}
.jy-reading .jy-cmt-btn{background:var(--jy-green);border-radius:2px;min-height:46px;box-shadow:none}
.jy-reading .code{color:var(--jy-green)}
.jy-reading :is(.cta,.cta-box,.lead-cta){background:#edf0e5;border:1px solid var(--jy-line);border-radius:2px;box-shadow:none;padding:26px;text-align:left;color:var(--jy-ink)}
.jy-reading :is(.cta,.cta-box,.lead-cta) :is(p,h4,h5,.title,.sub,.cta-note){color:var(--jy-ink)!important}
.jy-reading :is(.cta,.cta-box,.lead-cta) :is(h4,h5,.title){font:600 22px/1.6 var(--jy-serif);margin:0 0 12px}
.jy-reading :is(.cta,.cta-box,.lead-cta) p{font-size:15px;line-height:1.9}
.jy-reading :is(.cta,.cta-box,.lead-cta) a,.jy-reading a.footer-cta,.jy-reading a.cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;background:var(--jy-green);border:1px solid var(--jy-green);color:#fff!important;border-radius:2px;box-shadow:none;font-size:14px;line-height:1.7;text-decoration:none;max-width:100%;white-space:normal}
.jy-reading .related-links{background:transparent;border:0;border-top:1px solid var(--jy-line);border-bottom:1px solid var(--jy-line);padding:26px 0;margin:32px 0;border-radius:0;box-shadow:none}
.jy-reading .related-links h4{font:600 22px/1.6 var(--jy-serif);color:var(--jy-green);margin:0 0 15px}
.jy-reading .related-links a{display:flex;align-items:center;min-height:44px;border:0;border-radius:0;padding:10px 0;margin:0;background:transparent;font-size:14px;line-height:1.8;color:var(--jy-green);text-decoration:underline;text-decoration-color:#b6c0ac;text-underline-offset:5px}
.jy-reading .author-footer{border-top:1px solid var(--jy-line);padding-top:24px;background:transparent;color:var(--jy-muted);font-size:13px}
@media(min-width:1200px){.jy-reading .article-container,.jy-reading .post,.jy-reading>.container{max-width:960px}.jy-reading .article-body,.jy-reading .post-body{padding-left:20px;padding-right:20px}}
@media(max-width:800px){
 .jy-reading .jy-header-inner{padding:14px 22px;gap:16px;flex-wrap:wrap;min-height:80px}
 .jy-reading .jy-brand-name{font-size:21px}.jy-reading .jy-brand-note{font-size:7px}
 .jy-reading .jy-brand-mark{width:35px;height:35px;font-size:23px}
 .jy-reading .jy-site-nav{width:100%;gap:8px 22px;border-top:1px solid var(--jy-line);padding-top:10px}
 .jy-reading.jy-enhanced .jy-menu-toggle{display:block}
 .jy-reading.jy-enhanced .jy-site-nav{display:none}
 .jy-reading.jy-enhanced .jy-site-nav.jy-open{display:flex}
 .jy-reading .breadcrumb{padding:14px 22px}
 .jy-reading .article-container,.jy-reading .post,.jy-reading>.container,.jy-reading .content-area{padding-left:22px;padding-right:22px}
 .jy-reading>.article-body{padding-left:22px;padding-right:22px}
 .jy-reading>.section-hero,.jy-reading>.article-header,.jy-reading>.page-header{padding:26px 22px}
 .jy-reading .article-header,.jy-reading .post-head{padding:20px 0 28px}
 .jy-reading h1,.jy-reading .article-header h3{font-size:29px;line-height:1.55}
 .jy-reading .article-body,.jy-reading .post-body,.jy-reading .article-body p,.jy-reading .article-body li{font-size:16px;line-height:1.95}
 .jy-reading .article-body h2,.jy-reading .post-body h2{font-size:23px}
 .jy-reading .jy-toc{padding:10px 16px}.jy-reading .jy-toc nav{grid-template-columns:1fr}
 .jy-reading .category-nav{padding:0 22px 24px;gap:10px}.jy-reading .category-card{min-width:130px;padding:16px}
 .jy-reading .chapter-grid{grid-template-columns:1fr}.jy-reading .chapter-card{padding:24px}
 .jy-reading .cta-banner{margin:0 22px 32px;padding:26px 22px}
 .jy-reading .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jy-reading #wcFab,.jy-reading .fr-float-btn{width:calc(50% - 22px)!important;height:46px!important;min-height:46px;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;padding:10px!important;justify-content:center;z-index:9998!important}
 .jy-reading #wcFab{right:16px!important}.jy-reading .fr-float-btn{left:16px!important;right:auto!important}
 .jy-reading #wcPanel{left:16px!important;right:16px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-height:calc(100vh - 110px)!important;max-height:calc(100dvh - 110px)!important}
 .jy-reading:has(.fr-float-btn)::after{content:'';position:fixed;left:0;right:0;bottom:0;height:calc(72px + env(safe-area-inset-bottom,0px));background:rgba(247,247,242,.98);border-top:1px solid var(--jy-line);z-index:9997;pointer-events:none}
 .jy-reading .jy-table-scroll td,.jy-reading .jy-table-scroll th{padding:10px;font-size:13px}
}
@media(max-width:360px){.jy-reading .jy-header-inner{padding:12px 16px;gap:8px;min-height:76px}.jy-reading .jy-brand{gap:10px}.jy-reading .jy-brand-name{font-size:19px}.jy-reading .jy-brand-note{font-size:6.5px;letter-spacing:2px}.jy-reading .jy-menu-toggle{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.jy-reading *{animation:none!important;transition:none!important}}
@media print{.jy-reading .jy-site-header,.jy-reading .jy-toc,.jy-reading .fr-float-btn,.jy-reading #wcFab,.jy-reading #wcPanel,.jy-reading .wc-mask,.jy-reading .jy-table-hint{display:none!important}.jy-reading{background:#fff;padding:0}.jy-reading .jy-table-scroll{overflow:visible!important}.jy-reading .article-container,.jy-reading .post{max-width:none;padding:0}.jy-reading .jy-table-wide table{min-width:0}}
