:root{color-scheme:light;--ink:#183a32;--text:#223a34;--paper:#fcfdfb;--line:#c9d5ce;--muted:#53655e;--wash:#edf2ed;font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;color:var(--text);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}a:focus-visible{outline:3px solid #996029;outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}p{line-height:1.9}h1,h2,p{margin-top:0}.masthead{margin:auto;max-width:1280px;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:1.6rem;letter-spacing:.16em;font-weight:700}.brand span{display:block;font: .76rem/1.7 Arial,sans-serif;letter-spacing:.15em;font-weight:400}.masthead nav{font:1rem Arial,sans-serif}.masthead nav a{padding:14px}.preview-note{padding:9px 20px;text-align:center;background:var(--wash);font: .875rem/1.6 system-ui,sans-serif;color:var(--muted)}main{max-width:1120px;margin:auto;padding:0 36px;min-height:60vh}.home{padding:94px 0 86px;position:relative}.eyebrow{font: .8rem/1.8 system-ui,sans-serif;letter-spacing:.16em;color:var(--muted)}.home h1{font-size:clamp(2.6rem,5.6vw,4.5rem);font-weight:500;line-height:1.5;letter-spacing:.05em;margin:25px 0}.home h1 span{color:#587263}.intro{font-size:1.15rem;line-height:2}.text-link{display:inline-block;padding:12px 0;font-size:1rem;border-bottom:1px solid var(--ink)}.text-link span{padding-left:40px}.featured{display:grid;grid-template-columns:1fr 2fr auto;gap:30px;background:var(--ink);color:white;padding:55px;margin-bottom:85px}.featured .eyebrow{color:#c0d2c7}.featured h2{font-size:4rem;font-weight:500;letter-spacing:.28em;margin:12px 0 24px}.featured p{color:#e0e9e2}.book-number{font: .8rem system-ui,sans-serif;letter-spacing:.15em}.vertical{writing-mode:vertical-rl;letter-spacing:.4em;font-size:.9rem;margin:0}.button{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:#fff;padding:15px 24px;font-size:1rem}.featured .button{color:var(--ink);background:#f7faf5;margin-top:20px}.footer{max-width:1120px;margin:0 auto;padding:30px 36px 45px;border-top:1px solid var(--line);font: .875rem/1.7 system-ui,sans-serif;color:var(--muted)}.footer p{margin:0 0 10px}.footer a{display:inline-block;margin-top:15px}.page-heading{padding:70px 0 30px}.page-heading h1{font-size:3rem;font-weight:500;letter-spacing:.18em}.books{padding-bottom:90px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px}.book-card{padding:38px;background:var(--wash);border-top:3px solid var(--ink)}.book-card h2{font-size:3rem;font-weight:500;letter-spacing:.2em;margin:30px 0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:14px;padding:30px 0;font: .875rem/1.8 system-ui,sans-serif;color:var(--muted)}.book-hero{padding:65px 0 110px;max-width:700px}.book-hero h1{font-weight:500;font-size:clamp(4rem,11vw,7rem);letter-spacing:.28em;margin:30px 0}.book-hero .intro{max-width:35em}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:36px}.book-meta{font: .875rem system-ui,sans-serif;color:var(--muted);margin-top:38px}.contents{list-style:none;padding:0;margin:0 0 80px}.contents li{border-bottom:1px solid var(--line)}.contents a{display:grid;grid-template-columns:110px 1fr 20px;align-items:center;gap:24px;padding:23px 10px}.contents a:hover{background:var(--wash);text-decoration:none}.chapter-no{font-size:.95rem;color:var(--muted)}.contents small{display:block;font:.8rem/1.7 system-ui,sans-serif;color:var(--muted);margin-top:5px}.reading{max-width:720px;margin:auto}.chapter-heading{text-align:center;padding:50px 0 45px;border-bottom:1px solid var(--line);margin-bottom:45px}.chapter-heading .eyebrow span{padding:0 16px}.chapter-heading h1{font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1.6;overflow-wrap:anywhere}.prose{font-size:1.2rem;line-height:2.05;letter-spacing:.035em;overflow-wrap:anywhere;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.prose p{line-height:inherit;margin-bottom:1.65em}.prose h2,.prose h3{line-height:1.7;margin:2em 0 1em}.prose img{display:block;max-width:100%;height:auto;margin:2em auto}.prose blockquote{margin:2em 0;padding:0 1.2em;border-left:3px solid #668572;color:var(--muted)}.prose pre{white-space:pre-wrap;background:var(--wash);padding:20px;font-size:.9rem}.prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:1rem}.prose td,.prose th{padding:10px;border:1px solid var(--line)}.empty-chapter{padding:35px 25px;background:var(--wash);font-size:1.05rem}.empty-chapter p:last-child{margin:0}.chapter-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;border-top:1px solid var(--line);padding:30px 0;margin:70px 0 40px;font-size:1rem}.chapter-nav a{display:block;padding:10px 0}.chapter-nav a:last-child,.end-note{text-align:right}.chapter-nav small{display:block;color:var(--muted);font:.8rem/1.8 system-ui,sans-serif;margin-bottom:6px}.toc-link{border:1px solid var(--line);padding:14px 20px!important}.print-notice{display:none}.skip{position:absolute;left:15px;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:15px}@media(max-width:600px){.masthead{padding:22px}.brand{font-size:1.35rem}main{padding:0 23px}.home{padding:58px 0}.home h1{font-size:2.65rem;letter-spacing:0}.featured{padding:30px;grid-template-columns:1fr;gap:32px;margin-bottom:55px}.featured h2{font-size:3.5rem}.vertical{display:none}.footer{padding:26px 23px 40px}.page-heading{padding:45px 0 22px}.contents a{grid-template-columns:75px 1fr 16px;gap:12px;padding:20px 0}.book-hero{padding:40px 0 75px}.prose{font-size:1.125rem;line-height:2}.chapter-heading{padding:30px 0;margin-bottom:30px}.chapter-nav{gap:12px;font-size:.9rem}.toc-link{padding:12px!important}.breadcrumbs{font-size:.8rem;gap:10px}.empty-chapter{padding:24px 18px}}@media print{.prose,.chapter-nav,.masthead,.preview-note,.skip{display:none!important}.print-notice{display:block}.footer{border:0}}
.prose th{min-width:6em;white-space:nowrap}.prose td{min-width:8em}.prose blockquote{background:var(--wash);padding:1.2em;border-left:3px solid #668572}.prose blockquote p:last-child{margin-bottom:0}.prose img+p:has(>em:only-child){font-size:.9rem;text-align:center;color:var(--muted)}
/* Local visual study: Eastern literati / 2026-09-23. */
:root{--ink:#303b36;--text:#373a33;--paper:#f5deb3;--line:#c7b58e;--muted:#665f50;--wash:#eddfc4;background:#f5deb3;color:var(--text)}
body{background:radial-gradient(ellipse at 14% 20%,#fff8e5a6,transparent 55%),repeating-linear-gradient(95deg,#8b694207 0px,#8b694207 1px,transparent 1px,transparent 5px),#f5deb3}
.masthead{max-width:1320px;border-color:#ae946957;padding-top:28px;padding-bottom:24px}
.brand{font-family:KaiTi,"DFKai-SB","BiauKai",serif;font-size:1.9rem;color:#293e4a;position:relative;padding-left:19px}
.brand:before{content:"";position:absolute;left:0;top:5px;width:5px;height:33px;background:#9d4033}
.brand span{font-size:.65rem;letter-spacing:.25em;margin-top:5px;color:#726a58}
.masthead nav{font-family:inherit;font-size:.95rem}
.preview-note{background:#293e4a;color:#f3e9d6;font-size:.7rem;letter-spacing:.15em;padding:7px}
main{max-width:1200px;padding:0 52px}
.home{padding:100px 0 105px;isolation:isolate;min-height:660px}
.home:before{content:"";position:absolute;z-index:-1;right:-80px;top:-20px;width:76%;height:760px;background:url('/landscape.svg') center/contain no-repeat;pointer-events:none;opacity:.88}
.home:after{content:"思 維";display:block;width:52px;padding:7px 2px;margin-top:30px;border:1px solid #a34232;color:#963e31;font:16px KaiTi,"DFKai-SB",serif;text-align:center;box-shadow:inset 0 0 0 2px #f5deb3,inset 0 0 0 3px #a34232;transform:rotate(-3deg)}
.home h1{font-family:KaiTi,"DFKai-SB","BiauKai",serif;font-size:clamp(2.7rem,5.2vw,4.35rem);font-weight:600;letter-spacing:.06em;line-height:1.55;color:#303b36}
.home h1 span{color:#305f54}
.home .intro{font-size:1.12rem;color:#605b4e;line-height:2.2}
.eyebrow{font-size:.68rem;letter-spacing:.2em;color:#71674f}
.text-link{border-color:#a34232;font-size:.95rem}
.featured{background:#293e4a;color:#f5deb3;border:1px solid #a58951;padding:44px 48px;grid-template-columns:1fr 2fr 1fr;position:relative;box-shadow:0 14px 38px #65523112}
.featured:before{content:"";position:absolute;inset:8px;border:1px solid #baaa7c38;pointer-events:none}
.featured h2{font-family:KaiTi,"DFKai-SB",serif;color:#f6e8c8;font-size:4.4rem}
.featured .eyebrow,.featured p{color:#d1c6ac}.featured .button{background:#e8d8b6;color:#293e4a}
.vertical{writing-mode:horizontal-tb;align-self:end;line-height:2.2;letter-spacing:.15em;font-size:.8rem}
.button{background:#30564d;color:#fff6e2;border:1px solid #a5895150}
.page-heading{padding-top:70px}.page-heading h1,.book-hero h1,.book-card h2{font-family:KaiTi,"DFKai-SB",serif;color:#293e4a}
.books{display:block}.book-card{display:block;position:relative;padding:40px 48px;background:linear-gradient(90deg,#f8efdc 25%,#f5deb340),url('/landscape.svg') right 40%/530px no-repeat;border:1px solid #b7a078;margin-bottom:24px;min-height:280px}
.book-card h2{margin:20px 0;font-size:3.5rem}.book-card p{max-width:37em}.book-card:hover{text-decoration:none;outline:1px solid #8a7450;outline-offset:5px}
.book-hero{max-width:none;background:url('/landscape.svg') right center/65% no-repeat}.book-hero .intro{max-width:30em}
.reading{max-width:800px;background:#fbf3e3;padding:0 42px 8px;box-shadow:0 0 45px #89784b09;border-left:1px solid #d7c7a54d;border-right:1px solid #d7c7a54d}
.chapter-heading{border-bottom:2px solid #a58951;padding-top:52px;margin-bottom:44px}.chapter-heading h1{font-family:KaiTi,"DFKai-SB",serif;color:#293e4a;font-size:clamp(1.9rem,3.5vw,2.7rem);font-weight:600;letter-spacing:.035em}
.chapter-heading:after{content:"";display:block;width:28px;height:3px;background:#a34232;margin:30px auto -47px}
.prose{color:#373a33;font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;font-size:1.18rem;line-height:2.15}
.prose h2,.prose h3{color:#30564d}.prose blockquote{background:#eee5d2;border-left-color:#a58951;color:#514e43}.prose th{background:#e4e9de;color:#293e4a}.prose td,.prose th{border-color:#c8bea5}
.contents a:hover{background:#f9edd4}.chapter-no{color:#765e41}.footer{margin-top:35px;color:#6a614f;font-size:.78rem}.breadcrumbs{font-size:.75rem}
@media(max-width:600px){main{padding:0 22px}.masthead{padding:20px 22px}.brand{font-size:1.5rem}.home{padding:54px 0 195px;min-height:650px}.home h1{font-size:2.65rem}.home:before{width:100%;height:480px;right:-22px;top:190px;opacity:.5}.home:after{margin-top:22px}.home .intro{font-size:1rem}.featured{padding:30px;grid-template-columns:1fr;gap:22px}.featured .vertical{display:block}.book-card{padding:30px;background-size:360px}.reading{padding:0 18px 4px;margin:0 -10px}.chapter-heading{padding-top:34px}.chapter-heading:after{margin-bottom:-32px}.prose{font-size:1.1rem}.book-hero{background-size:100%;background-position:right bottom}.book-hero .intro{background:#f5deb380}.preview-note{font-size:.65rem}}


/* General UI follows the same sans-serif reading font; calligraphic headings retain their own rules. */
.masthead nav,.eyebrow,.footer,.breadcrumbs,.book-meta,.book-number,.chapter-nav small,.contents small,.preview-note{font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif}