/* Assumptions: restore existing floral identity; readers need large, substantial Chinese type; book → volume → group → section → six readings. */
:root{--ink:#243f35;--sub:#4b5e51;--green:#285b49;--gold:#ead9a9;--paper:#fffdf5;--line:#c9d5c6;--font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--font);background:#9cc3ba url('flowering-background.webp') center top/100% auto repeat-y scroll;font-size:24px;font-weight:500;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 max(64px,calc((100vw - 1120px)/2));background:rgba(255,253,245,.93);border-bottom:1px solid #a7bdb0}.brand{font-size:36px;font-weight:700;letter-spacing:.12em}header nav{display:flex;gap:48px;font-size:24px;font-weight:600}header nav a:first-child{border-bottom:3px solid var(--green);padding:15px 0}main{width:min(1120px,calc(100% - 80px));margin:0 auto}.home-title{text-align:center;padding:58px 20px 38px;text-shadow:0 1px 12px rgba(255,255,240,.6)}.overline{font-size:24px;font-weight:600;letter-spacing:.1em;margin:0 0 14px}.home-title h1{font-family:"Songti SC","SimSun",serif;font-size:84px;line-height:1.25;font-weight:700;margin:0 0 12px;letter-spacing:.04em}.home-title h2{font-size:38px;font-weight:650;letter-spacing:.1em;margin:0}.intro{font-size:24px;line-height:1.7;margin:24px 0 0;font-weight:550}.volumes{background:rgba(255,253,245,.97);padding:32px 40px 42px;border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:0 14px 45px rgba(30,71,55,.10)}.section-label{font-size:26px;font-weight:650;margin:0 0 26px}.volume-entry{display:flex;align-items:center;gap:30px;padding:35px 34px;min-height:176px;border:1px solid #aec1ac;border-radius:12px;background:#f0f4e9}.volume-entry+.volume-entry{margin-top:24px;background:#fbf5e5;border-color:#d0bf93}.volume-number{font-size:64px;line-height:1.3;font-weight:750;white-space:nowrap;letter-spacing:.02em}.volume-info{border-left:2px solid #b9c9af;padding-left:30px}.fourth .volume-info{border-color:#d1c29a}.volume-info h3{font-size:38px;line-height:1.4;font-weight:700;margin:0 0 8px;letter-spacing:.07em}.volume-info p{font-size:23px;line-height:1.5;margin:0;color:var(--sub);font-weight:550}.volume-action{display:flex;align-items:center;gap:15px;margin-left:auto;font-size:24px;font-weight:650;white-space:nowrap}.volume-action b{font-size:32px;font-weight:500}footer{width:min(1120px,calc(100% - 80px));margin:40px auto 0;padding:26px 0 32px;border-top:1px solid rgba(38,75,60,.35);font-size:20px;display:flex;justify-content:space-between;gap:20px;color:#294c3e;text-shadow:0 1px 4px #dbe8d2}footer strong{font-weight:650}footer span{font-size:19px}.home main{padding-bottom:10px}.breadcrumb{display:flex;align-items:center;gap:16px;font-size:22px;line-height:1.8;padding:28px 0 20px;font-weight:600}.breadcrumb>span{opacity:.7}.volume-title{padding:26px 36px 30px;background:rgba(255,253,245,.95);border-radius:16px 16px 0 0}.volume-title .overline{font-size:23px;color:var(--sub);margin-bottom:14px}.volume-title h1{font-size:52px;line-height:1.5;letter-spacing:.03em;margin:0;font-weight:700}.volume-title h1>span{font-size:64px;margin-right:20px;font-weight:750}.volume-title>p:last-child{font-size:23px;line-height:1.8;margin:16px 0 0}.catalogue{background:rgba(255,253,245,.98);padding:14px 36px 28px;border-radius:0 0 16px 16px;margin-bottom:30px}.catalogue-title{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:25px 0 26px}.catalogue-title h2{font-size:30px;font-weight:700;margin:0}.catalogue-title>span{font-size:23px;font-weight:600;color:var(--sub)}.group{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fffef8}.group+.group{margin-top:16px}.group-top{display:flex;align-items:center;gap:18px;min-height:87px;padding:20px 24px;background:#edf2e6}.group:not(.expanded) .group-top{background:#f6f7ee}.group-index{font-size:22px;font-weight:650;color:var(--green)}.group-top h3{font-size:32px;font-weight:700;margin:0;line-height:1.5}.group-count{margin-left:auto;font-size:22px;font-weight:600;color:var(--sub);white-space:nowrap}.group-top>b{font-size:30px;line-height:1;margin-left:8px;font-weight:500}.chapter-row{display:flex;align-items:center;gap:18px;min-height:80px;padding:20px 24px;line-height:1.7;border-top:1px solid #dce1d3}.number{font-size:24px;font-weight:650;color:var(--green)}.chapter-title{font-size:26px;font-weight:600;flex:1}.read-status{font-size:20px;font-weight:600;white-space:nowrap;color:#59684d}.chapter-row:first-of-type .read-status{color:#285b49}.chapter-row>b{font-size:30px;font-weight:500}.catalogue-note{font-size:21px;color:var(--sub);line-height:1.9;margin:25px 0 0}.reading main{max-width:1040px}.reading-paper{background:rgba(255,253,245,.98);border-radius:16px;padding:38px 54px 45px}.reading-meta{display:flex;justify-content:space-between;font-size:23px;font-weight:650;border-bottom:1px solid var(--line);padding-bottom:20px}.reading-paper>h1{font-size:48px;line-height:1.6;letter-spacing:.04em;font-weight:700;margin:27px 0 16px}.author{font-size:22px;font-weight:550;margin:0 0 30px;color:var(--sub)}.inside-navigation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0 28px}.inside-navigation h2{font-size:27px;font-weight:700;margin:0 0 20px}.inside-navigation nav{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reading-tab{display:flex;align-items:center;justify-content:center;gap:12px;min-height:63px;font-size:25px;font-weight:650;background:#eff2e7;border:1px solid #bdcab6;border-radius:8px}.reading-tab>span{font-size:20px}.reading-tab.active{background:var(--green);color:#fffdf4;border-color:var(--green)}.text-part{padding-top:35px}.text-part h2{font-size:33px;margin:0 0 24px;font-weight:700;display:flex;align-items:center;gap:15px}.text-part h2>span{font-size:25px;color:var(--green)}.text-part p{font-size:26px;font-weight:550;line-height:1.95;margin:0 0 25px}.text-part .opening{font-size:30px;font-weight:700;line-height:1.8;margin-bottom:25px}.text-part blockquote{margin:12px 0 28px;padding:22px 28px;background:#edf2e6;font-size:32px;font-weight:700;line-height:1.8;border-radius:8px}.original{border-top:1px solid var(--line);margin-top:35px}.mock-note{font-size:21px;line-height:1.8;color:var(--sub);border-top:1px solid var(--line);padding-top:25px}.reading footer{max-width:1040px}
@media(max-width:700px){body{font-size:22px;background-size:auto 1100px;background-position:center top}header{min-height:84px;padding:0 22px;background:rgba(255,253,245,.95)}.brand{font-size:30px}header nav{font-size:20px;gap:24px}header nav a:first-child{padding:13px 0}main{width:calc(100% - 32px)}.home-title{padding:36px 8px 30px}.overline{font-size:20px;letter-spacing:.04em;margin-bottom:15px}.home-title h1{font-size:49px;letter-spacing:0;margin-bottom:14px}.home-title h2{font-size:30px;letter-spacing:.04em}.intro{font-size:22px;line-height:1.8;margin-top:21px;text-align:left;padding:0 13px}.volumes{padding:25px 18px 26px;border-radius:14px}.section-label{font-size:24px;margin-bottom:22px}.volume-entry{display:grid;grid-template-columns:1fr;gap:14px;padding:24px;min-height:270px;border-radius:10px}.volume-entry+.volume-entry{margin-top:22px}.volume-number{font-size:52px;line-height:1.2}.volume-info{padding:0;border:0}.volume-info h3{font-size:32px;letter-spacing:.05em;margin:0 0 8px}.volume-info p{font-size:21px}.volume-action{justify-content:space-between;width:100%;margin:0;font-size:22px;border-top:1px solid #b9c9af;padding-top:15px}.fourth .volume-action{border-color:#d1c29a}footer{width:calc(100% - 44px);margin-top:28px;padding:24px 0;display:block;font-size:20px;line-height:1.8}footer>span{display:block;font-size:18px;margin-top:7px}.breadcrumb{font-size:20px;gap:12px;line-height:1.8;padding:21px 5px}.volume-title{padding:25px 20px 24px;border-radius:12px 12px 0 0}.volume-title .overline{font-size:20px;line-height:1.6}.volume-title h1{font-size:32px;line-height:1.6}.volume-title h1>span{font-size:46px;display:block;margin:0 0 3px}.volume-title>p:last-child{font-size:22px;line-height:1.8;margin-top:14px}.catalogue{padding:0 16px 25px;border-radius:0 0 12px 12px}.catalogue-title{padding:22px 4px;align-items:flex-start}.catalogue-title h2{font-size:25px;line-height:1.5}.catalogue-title>span{font-size:20px;line-height:1.8;white-space:nowrap}.group+.group{margin-top:16px}.group-top{padding:18px 14px;gap:11px;min-height:84px;flex-wrap:wrap}.group-index{font-size:20px}.group-top h3{font-size:27px;line-height:1.6;flex:1}.group-count{font-size:19px;width:calc(100% - 39px);order:4;padding-left:34px;margin-left:0}.group-top>b{margin-left:0;font-size:27px}.chapter-row{position:relative;align-items:flex-start;gap:12px;padding:18px 14px;flex-wrap:wrap;line-height:1.8}.number{font-size:22px;min-width:26px;line-height:1.8}.chapter-title{font-size:24px;font-weight:600;min-width:0;flex:1;padding-right:12px}.read-status{font-size:19px;margin-left:38px;width:calc(100% - 55px);line-height:1.5}.chapter-row>b{position:absolute;right:12px;top:20px;font-size:27px}.catalogue-note{font-size:20px;line-height:1.8;padding:0 3px}.reading-paper{padding:24px 22px 30px;border-radius:12px}.reading-meta{font-size:20px;line-height:1.7;padding-bottom:17px}.reading-paper>h1{font-size:31px;font-weight:700;letter-spacing:0;line-height:1.65;margin:23px 0 15px}.author{font-size:19px;line-height:1.8;margin-bottom:24px}.inside-navigation{padding:22px 0 24px}.inside-navigation h2{font-size:24px;line-height:1.6;margin-bottom:17px}.inside-navigation nav{grid-template-columns:repeat(2,1fr);gap:12px}.reading-tab{min-height:61px;font-size:22px;gap:7px;font-weight:650}.reading-tab>span{font-size:18px}.text-part{padding-top:29px}.text-part h2{font-size:29px;gap:12px;margin-bottom:21px}.text-part h2>span{font-size:23px}.text-part p{font-size:24px;font-weight:550;line-height:1.9;margin-bottom:24px}.text-part .opening{font-size:27px;line-height:1.75;font-weight:700}.text-part blockquote{font-size:27px;padding:19px 16px;margin:10px 0 25px;line-height:1.8}.mock-note{font-size:19px;line-height:1.8}.original{margin-top:26px}}
/* Production behavior and full article styling. The approved compositions above remain the visual baseline. */
:root{--article-size:26px}.site-header{position:relative;z-index:5}.site-header nav a{border-bottom:3px solid transparent;padding:15px 0}.site-header nav a:first-child{border-color:transparent}.site-header nav a[aria-current]{border-color:var(--green)}.site-footer{display:block;width:100%;max-width:none;margin:40px 0 0;padding:27px 20px 32px;border-top:1px solid rgba(38,75,60,.3);background:rgba(255,253,245,.94);text-align:center;text-shadow:none;font-size:22px;line-height:1.8}.site-footer a{display:inline-block;font-weight:550;text-decoration:underline;text-underline-offset:5px}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:#fff;color:#243f35;z-index:100}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #285b49;outline-offset:4px}button,input{font:inherit;color:inherit}button,summary{cursor:pointer}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:25px}.reading main{max-width:1040px}.reading-progress{height:4px;position:fixed;top:0;left:0;width:0;background:#285b49;z-index:50}.group ol{list-style:none;padding:0;margin:0}.group-top{list-style:none}.group-top::-webkit-details-marker{display:none}.group-toggle{width:25px;text-align:center;font-size:30px;line-height:1}.group-toggle:after{content:'+'}.group[open] .group-toggle:after{content:'−'}.group[open] .group-top{background:#edf2e6}.directory-search-label{font-size:22px;font-weight:650;display:block;margin:0 0 12px}.search-field{display:flex;gap:12px;margin-bottom:25px}.search-field input{width:100%;min-width:0;background:#fffef8;border:1px solid #aec1ac;border-radius:8px;padding:14px 18px;font-size:23px;font-weight:550;min-height:60px}.search-field button{border:1px solid #aec1ac;border-radius:8px;background:#eff2e7;font-size:22px;font-weight:600;padding:10px 20px;white-space:nowrap}#search-count,#search-empty{font-size:22px;line-height:1.8}.resume-reading{display:block;margin-top:24px;font-size:22px;font-weight:650;text-decoration:underline;text-underline-offset:5px}.reading-tools{display:flex;gap:15px;flex-wrap:wrap;margin:23px 0}.reading-tools button{font-size:21px;font-weight:600;background:#eff2e7;border:1px solid #bdcab6;border-radius:7px;padding:12px 16px;min-height:50px}.reading-tools button[aria-pressed=true]{background:#285b49;color:#fff}.reading-tab[aria-current]{background:#285b49;color:#fffdf4;border-color:#285b49}.editor-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:21px;line-height:1.9}.editor-note summary{font-weight:650;cursor:pointer}.editor-note p{font-size:21px;line-height:1.9;font-weight:500;margin:15px 0 0}.prose{font-size:var(--article-size);font-weight:550;line-height:1.95;overflow-wrap:anywhere}.text-part .prose p,.text-part .prose li{font-size:var(--article-size);line-height:1.95;font-weight:550}.prose strong{font-weight:750}.prose h1{font-size:36px;line-height:1.6}.prose h3{font-size:29px;font-weight:700;line-height:1.8;margin:35px 0 22px}.prose ul,.prose ol{padding-left:1.45em}.prose li{margin-bottom:16px}.prose em{font-size:22px;font-weight:500;font-style:normal;color:#4b5e51}.prose a{color:#245c43;text-decoration:underline;text-underline-offset:5px}.prose hr{border:0;border-top:1px solid var(--line);margin:35px 0}.table-scroll{overflow-x:auto;margin:25px 0;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.prose table{width:100%;min-width:560px;border-collapse:collapse;font-size:22px;line-height:1.8}.prose th,.prose td{vertical-align:top;text-align:left;border:1px solid var(--line);padding:15px}.prose th{background:#edf2e6;font-weight:700}.poem .prose{line-height:2.15}#part-6 .prose>p:first-child{font-size:32px}.article-pagination{display:grid;grid-template-columns:1fr;gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.article-pagination a{display:block;background:#f0f4e9;border:1px solid #c9d5c6;border-radius:8px;padding:20px 24px;font-size:25px;font-weight:650;line-height:1.8}.article-pagination span{display:block;font-size:21px;color:#4b5e51;margin-bottom:6px}.pending-notice{font-size:24px;line-height:1.9;background:#f0f4e9;padding:24px;border-radius:8px}.pending-notice h2{font-size:30px;margin:0 0 12px}.pending-notice a,.volume-pending a{text-decoration:underline;text-underline-offset:5px}.volume-pending{padding-top:30px;line-height:1.9}.volume-pending h2{font-size:32px}.volume-pending>a{display:block;margin:25px 0;font-size:26px}.about-hero{margin-top:35px;padding:36px;background:rgba(255,253,245,.97);border-radius:16px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px}.about-hero h1{font-size:48px;line-height:1.6}.about-hero .eyebrow{font-size:21px;font-weight:650}.about-hero p,.about-hero span{font-size:24px;line-height:1.9}.about-hero img{width:100%;height:auto;mix-blend-mode:multiply}.about-body{padding:35px 54px;margin-top:26px;background:rgba(255,253,245,.98);border-radius:16px}.about-flow{font-size:26px;font-weight:550;line-height:2}.about-flow p{margin:0 0 28px}.about-epigraph{font-size:30px;font-weight:650;border-bottom:1px solid #c9d5c6;padding-bottom:28px}.about-name{font-size:32px;font-weight:700}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:16px 22px;background:#243f35;color:#fff;font-size:21px;line-height:1.7;border-radius:8px;z-index:99;opacity:0;pointer-events:none}.toast.visible{opacity:1}html[data-theme=dark] body{background:#182820;color:#e7ecdd}html[data-theme=dark] .reading-paper,html[data-theme=dark] .site-header,html[data-theme=dark] .site-footer{background:#23352b;color:#f0f0df}html[data-theme=dark] .reading-tab,html[data-theme=dark] .reading-tools button,html[data-theme=dark] .prose th,html[data-theme=dark] .article-pagination a{background:#344b3b;color:#f0f0df}html[data-theme=dark] .author,html[data-theme=dark] .prose em,html[data-theme=dark] .article-pagination span,html[data-theme=dark] .breadcrumb{color:#c6d1bc}html[data-theme=dark] .prose a{color:#b6d4ab}html[data-theme=dark] .text-part h2>span{color:#c6d1bc}
@media(max-width:700px){:root{--article-size:24px}.site-footer{font-size:20px;margin-top:30px;padding:24px 15px}.group-toggle{font-size:27px}.group-count{width:100%}.search-field{gap:9px}.search-field input{font-size:22px;padding:12px;min-height:58px}.search-field button{padding:10px 12px;font-size:21px}.reading-tools{gap:10px}.reading-tools button{font-size:20px;padding:10px 12px}.editor-note,.editor-note p{font-size:20px}.prose h3{font-size:26px;line-height:1.8}.prose em{font-size:21px}.prose table{font-size:21px;min-width:540px}#part-6 .prose>p:first-child{font-size:28px}.article-pagination a{font-size:23px;padding:17px}.article-pagination span{font-size:20px}.about-hero{grid-template-columns:1fr;padding:25px 22px;margin-top:20px;gap:10px}.about-hero h1{font-size:35px}.about-hero .eyebrow{font-size:19px}.about-hero p,.about-hero span{font-size:23px}.about-hero img{max-width:260px;justify-self:center}.about-body{padding:28px 22px;margin-top:20px}.about-flow{font-size:24px;line-height:1.95}.about-epigraph{font-size:26px}.about-name{font-size:29px}.volume-pending{padding-top:25px}.volume-pending h2{font-size:28px}.volume-pending p,.volume-pending a{font-size:24px}.toast{font-size:20px}}
@media(max-width:370px){header{padding:0 16px}.brand{font-size:27px}header nav{font-size:19px;gap:17px}.home-title h1{font-size:41px}.reading-paper{padding-left:16px;padding-right:16px}.reading-paper>h1{font-size:28px}.reading-tab{font-size:20px;gap:5px}.reading-tab>span{font-size:17px}.catalogue-title{flex-direction:column;gap:5px}.group-top h3{font-size:24px}.group-index{font-size:19px}.chapter-title{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white!important;color:black!important}.site-header,.site-footer,.reading-tools,.reading-progress,.toast,.inside-navigation{display:none}.reading-paper{background:white;padding:0}.prose,.text-part .prose p{font-size:14pt}.breadcrumb{font-size:12pt}.table-scroll{overflow:visible}.prose table{min-width:0;font-size:11pt}}
