:root{--paper:#f9f9f6;--ink:#292b29;--muted:#70716a;--line:#dcded7;--accent:#643a3c;--serif:Georgia,'Songti SC','STSong',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.55;cursor:wait}a,button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#dfd2c9}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.header{max-width:1320px;margin:auto;height:110px;padding:0 48px;display:flex;align-items:center;gap:65px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:19px}.brand-en{font:32px/1 var(--serif);letter-spacing:-1.5px}.brand-period{color:var(--accent)}.brand-cn{font-size:13px;letter-spacing:2px}.header nav{display:flex;gap:30px;font-size:14px;margin-left:auto}.header nav a{padding:15px 0}.header nav a:hover{color:var(--accent)}.header-note{font-size:12px;color:var(--muted)}.eyebrow{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:1px;line-height:1.7}.catalog-main{max-width:1320px;margin:auto;padding:0 48px}.catalog-intro{display:flex;justify-content:space-between;align-items:end;padding:55px 0 40px;gap:35px}.catalog-intro .eyebrow{margin:0 0 15px}.catalog-intro h1{font:44px/1.2 var(--serif);letter-spacing:2px;margin:0}.catalog-intro>p{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.book-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:54px 30px}.book-card{grid-column:span 2;min-width:0}.book-card:nth-child(-n+2){grid-column:span 3}.card-image{display:block;aspect-ratio:1.5;background:#edeee8;overflow:hidden}.book-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card-image:hover .book-photo{transform:scale(1.025)}.card-info{padding:22px 0 0}.card-category{font-size:12px;color:var(--muted);margin-bottom:13px}.card-title-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.card-title-row h2{font:28px/1.3 var(--serif);margin:0;letter-spacing:1px}.card-amount{font:17px/1.3 Georgia,serif;white-space:nowrap}.card-info>p{font-size:14px;line-height:1.8;color:#62665f;margin:12px 0 20px;min-height:25px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.card-actions a{display:flex;gap:8px;align-items:center;font-size:13px;min-height:44px;color:#60645e}.card-actions button{background:transparent;border:1px solid #a8aca3;padding:10px 16px;font-size:13px;min-height:42px;border-radius:2px;transition:background .2s}.card-actions button:hover{background:#edece5}.reading-note{margin:70px 0 72px;border-top:1px solid var(--line);padding-top:32px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.reading-note h2{font:23px/1.5 var(--serif);margin:0}.reading-note p{font-size:15px;line-height:1.95;color:var(--muted);margin:0;max-width:700px}footer{max-width:1320px;margin:auto;padding:40px 48px 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:25px 70px}footer h2{font-size:14px;font-weight:500;margin:0 0 14px}footer p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.footer-reading{justify-self:end;min-width:300px}.footer-reading>span{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-top:14px}.footer-reading .icon{width:15px;height:15px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px;color:#85877f}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);border:1px solid var(--ink);color:#fff;padding:15px 24px;min-height:50px;font-size:14px;border-radius:2px;transition:background .2s}.button:hover{background:#464b42}.detail{max-width:1320px;margin:auto;padding:0 48px}.back-link{display:inline-block;padding:27px 0;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.detail-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;margin:10px 0 80px;align-items:start}.gallery{position:relative;background:#ecece7;display:flex;flex-direction:column;min-width:0}.gallery-stage{height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-stage>.book-photo{object-fit:cover}.gallery-controls{display:flex;gap:8px;align-items:center;background:var(--paper);padding:17px 0 0}.gallery-controls button{min-width:65px;min-height:44px;background:none;border:1px solid transparent;border-radius:2px;font-size:13px;color:var(--muted);padding:8px 13px}.gallery-controls button[aria-pressed=true]{border-color:#a8aca3;color:var(--ink);background:#f0f0e9}.gallery-counter{margin-left:auto;font-size:12px;color:var(--muted)}.single-note{padding:21px 0;background:var(--paper);font-size:12px;color:var(--muted)}.detail-info{padding:5px 0}.detail-info>.eyebrow{font-size:12px;margin:0 0 20px}.detail-info h1{font:43px/1.3 var(--serif);letter-spacing:2px;margin:0 0 8px}.english-sub{font:15px/1.6 Georgia,serif;letter-spacing:1px;color:var(--muted);margin:0 0 25px}.detail-tagline{font-size:18px;line-height:1.7;margin:0 0 18px}.description{font-size:15px;line-height:1.95;color:var(--muted);margin:0}.detail-info dl{font-size:13px;border-top:1px solid var(--line);padding-top:22px;margin:25px 0}.detail-info dl>div{display:flex;gap:22px;margin:0 0 12px}.detail-info dt{flex-shrink:0;color:var(--muted)}.detail-info dd{margin:0;line-height:1.6}.purchase-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.purchase-row>span{font:31px Georgia,serif}.purchase-row small{display:block;font:11px Arial,sans-serif;color:var(--muted);margin-top:9px}.purchase-row .button{min-width:190px}.purchase-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:18px}.story{max-width:950px;margin:auto}.story-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 0;gap:20px}.story-heading h2{font:28px var(--serif);margin:0}.story-heading>span{font-size:12px;color:var(--muted)}.story-text{max-width:680px;margin:30px auto 45px}.story-text h3{font:25px/1.6 var(--serif);margin-bottom:15px}.story-text p{font-size:16px;line-height:2.05;color:#61675e}.story-image{margin:40px 0 55px}.story-image figcaption{padding:13px 0;font-size:12px;line-height:1.8;color:var(--muted)}.trade-diagram{padding:30px 34px;background:#ecece4;border:1px solid #e1e2d8}.trade-diagram>div{display:flex;flex-wrap:wrap;gap:25px;margin:30px 0 10px}.trade-diagram section{flex:1;min-width:90px;border-top:1px solid #a9aea0;padding-top:15px}.trade-diagram section>span{font:12px Georgia,serif;display:block;color:var(--muted);margin-bottom:16px}.trade-diagram strong{font-size:17px;font-weight:400;line-height:1.5}blockquote{font:26px/1.8 var(--serif);max-width:680px;margin:45px auto;padding:5px 0 5px 25px;border-left:2px solid #9b796e;color:#534c46}.contents{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:33px 0}.contents h3{font:26px var(--serif);margin:0 0 15px}.contents p{font-size:12px;color:var(--muted)}.contents ol{list-style:none;margin:0;padding:0}.contents li{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:15px 0;line-height:1.7;font-size:15px}.contents li:last-child{border:0}.contents li>span{font-size:12px;color:var(--muted)}.end-buy{padding:40px 0 60px;display:flex;justify-content:space-between;align-items:center;gap:20px}.end-buy p{font:25px var(--serif)}.interior-preview,.back-preview{background:#fffffb;margin:25px;padding:33px 35px;width:82%;max-height:90%;overflow:auto;border:1px solid #dddcd3;box-shadow:0 4px 15px #0000000b}.interior-preview h2,.back-preview h2{font:26px/1.5 var(--serif);margin:18px 0}.interior-preview p{font:15px/2 var(--serif);color:#5e635b}.interior-preview hr{border:0;border-top:1px solid var(--line);margin-top:20px}.interior-preview .interior-note{font-size:16px}.spread-number,.back-preview>span:last-child{font-size:11px;color:var(--muted);margin-top:24px;display:block}.back-preview ol{padding-left:20px;font:17px/2.4 var(--serif);margin:25px 0 45px}.mobile-purchase{display:none}dialog{border:1px solid var(--line);padding:35px;width:min(500px,calc(100% - 32px));background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto;border-radius:3px}dialog::backdrop{background:#20251e85;backdrop-filter:blur(3px)}.close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center}dialog h2{font:30px/1.5 var(--serif);margin:15px 0 25px}.checkout-book{display:flex;align-items:center;gap:15px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.checkout-mini{width:75px;height:65px;object-fit:cover;flex-shrink:0}.checkout-book h3{font:20px/1.3 var(--serif);margin:0 0 8px}.checkout-book p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.checkout-book>strong{font:21px Georgia,serif;margin-left:auto}form label{font-size:14px;display:block;margin-bottom:10px}input{width:100%;padding:14px;border:1px solid #a7ada0;font-size:16px;background:#fff;border-radius:2px}.field-help{font-size:13px;line-height:1.8;color:var(--muted)}form .button{width:100%;margin-top:10px}.checkout-disclaimer{font-size:12px;line-height:1.8;text-align:center;color:var(--muted);margin:17px 0 0}.form-error{color:#983828;font-size:14px;line-height:1.7}.payment{max-width:1250px;margin:auto;padding:0 48px 65px}.payment-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:start;gap:60px;margin-top:15px}.payment-cover{height:530px}.payment-cover .book-photo{object-fit:cover}.payment-panel{padding:0}.payment-panel>.eyebrow{margin-top:0}.status-symbol{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#e9ebe3;margin:22px 0 18px}.payment-panel h1{font:32px/1.5 var(--serif);margin:0 0 12px}.payment-panel>p{font-size:14px;line-height:1.8;color:var(--muted)}.order-lines{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:24px 0}.order-lines>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 0;font-size:13px}.order-lines>div>span{color:var(--muted);flex-shrink:0}.order-lines strong{font-weight:400;overflow-wrap:anywhere;text-align:right}.order-lines .amount{font:28px Georgia,serif}.amount small{font:11px Arial,sans-serif}.payment-provider{font-size:12px;color:var(--muted);margin:0 0 18px}.payment-panel>.button,.outline-button{width:100%}.outline-button{min-height:48px;border:1px solid #a8aca3;background:transparent;padding:13px 18px;margin-top:12px;font-size:14px;border-radius:2px}.paypal-button{background:#153b6d;border-color:#153b6d}.paypal-button:hover{background:#0a2750}.copy-link{border:0;padding:12px 0;background:transparent;font-size:13px;text-decoration:underline;text-underline-offset:4px;margin-top:10px}.download-alt{display:block;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:17px 0}.payment-message{color:#7d4c32!important}.payment-message:empty{display:none}#reader{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}#reader h2{font:30px var(--serif)}#reader h3{font:24px/1.6 var(--serif);margin:35px 0 15px}#reader p{font-size:16px;line-height:2}.error-page{max-width:1100px;margin:auto;padding:100px 40px;min-height:55vh}.error-page h1{font:34px/1.5 var(--serif)}.error-page p{line-height:1.8}.loading{padding:70px 5%}
@media(min-width:1600px){.header,.catalog-main,.detail,footer{max-width:1450px}.card-image{aspect-ratio:1.55}.gallery-stage{height:560px}}
@media(max-width:1100px){.header,.catalog-main,.detail,footer{padding-left:32px;padding-right:32px}.header{gap:25px}.header-note{display:none}.book-grid{gap:40px 24px}.card-title-row h2{font-size:25px}.card-info>p{min-height:50px}.card-actions button{padding:10px 12px}.detail-hero{gap:35px}.gallery-stage{height:430px}.purchase-row .button{min-width:150px}.detail-info h1{font-size:38px}.payment{padding-left:32px;padding-right:32px}.payment-layout{gap:35px}.payment-cover{height:490px}}
@media(max-width:800px){.header{height:88px;padding:0 24px}.brand{gap:12px}.brand-en{font-size:28px}.brand-cn{font-size:11px;letter-spacing:1px}.header nav{gap:22px;font-size:13px}.catalog-main{padding:0 24px}.catalog-intro{padding:35px 0 30px;align-items:start}.catalog-intro h1{font-size:37px}.catalog-intro>p{font-size:13px;margin-top:17px;max-width:250px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 22px}.book-card,.book-card:nth-child(-n+2){grid-column:span 1}.book-card:first-child{grid-column:1/-1}.book-card:first-child .card-info>p{min-height:0}.card-info{padding-top:18px}.card-info>p{font-size:14px;margin-top:10px;min-height:50px}.card-title-row h2{font-size:25px}.reading-note{margin:45px 0;display:block;padding-top:25px}.reading-note h2{font-size:23px;margin-bottom:15px}.reading-note p{font-size:14px}footer{padding:30px 24px 22px;gap:25px 35px}.footer-reading{min-width:0}.footer-bottom{font-size:11px;margin-top:15px}.detail{padding:0 24px}.detail-hero{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.gallery-stage{height:auto;aspect-ratio:1.35}.detail-info{padding-top:10px}.detail-info h1{font-size:39px}.detail-tagline{font-size:18px}.description{font-size:16px}.detail-info dl{font-size:13px}.purchase-row .button{min-width:200px}.story-heading{padding:25px 0 10px}.story-text{margin:25px 0 35px}.story-text h3{font-size:24px}.story-text p{font-size:16px;line-height:2}.trade-diagram{padding:25px}.trade-diagram>div{gap:20px}.trade-diagram section{flex:1 1 25%}.story-image{margin:30px 0}blockquote{font-size:23px;margin:30px 0}.contents{grid-template-columns:1fr;gap:12px;padding:25px 0}.contents h3{font-size:25px}.contents ol{margin-top:5px}.end-buy{padding:25px 0 45px}.end-buy p{font-size:22px}.mobile-purchase{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:9;background:#f9f9f6f5;backdrop-filter:blur(8px);padding:12px 24px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px}.mobile-purchase>span{font-size:12px}.mobile-purchase strong{display:block;font:22px Georgia,serif;margin-top:6px}.mobile-purchase .button{min-width:160px}.detail~footer{padding-bottom:112px}.payment{padding:0 24px 45px}.payment-layout{grid-template-columns:1fr;gap:30px}.payment-cover{height:auto;aspect-ratio:1.5}.payment-panel h1{font-size:31px}.payment-panel .eyebrow{margin-bottom:15px}}
@media(max-width:480px){.header{padding:0 20px;height:80px;gap:10px}.brand{display:block}.brand-en{display:block;font-size:27px}.brand-cn{display:block;font-size:10px;letter-spacing:2px;margin-top:5px}.header nav{gap:20px;font-size:12px}.catalog-main{padding:0 20px}.catalog-intro{display:block;padding:30px 0 26px}.catalog-intro h1{font-size:35px}.catalog-intro>.eyebrow{font-size:11px}.catalog-intro>p{font-size:14px;max-width:none;margin-top:18px}.book-grid{display:block}.book-card{margin-bottom:37px}.card-image{aspect-ratio:1.3}.card-info{padding-top:17px}.card-category{font-size:12px;margin-bottom:10px}.card-title-row h2{font-size:28px}.card-amount{font-size:19px}.card-info>p{min-height:0;font-size:14px;margin:10px 0 15px}.card-actions{padding-top:11px}.card-actions a,.card-actions button{font-size:13px}.card-actions button{min-height:44px;padding:10px 18px}.reading-note{margin-top:42px}.reading-note p{font-size:15px}footer{padding:28px 20px 22px;grid-template-columns:1fr;gap:27px}.footer-reading{justify-self:start}.footer-bottom{gap:15px;line-height:1.7}.detail{padding:0 20px}.gallery-stage{aspect-ratio:1.15}.gallery-stage>.book-photo{object-fit:cover}.gallery-controls{gap:5px;padding-top:12px}.gallery-controls button{min-width:60px}.detail-info h1{font-size:37px}.purchase-row .button{min-width:175px}.purchase-note{font-size:12px}.interior-preview,.back-preview{padding:22px;width:90%;margin:18px;max-height:93%}.interior-preview h2,.back-preview h2{font-size:23px}.interior-preview p{font-size:13px;line-height:1.85}.back-preview ol{font-size:15px;line-height:2.2}.trade-diagram section{flex:1 1 35%}.trade-diagram strong{font-size:17px}.end-buy{display:block}.end-buy .button{width:100%}.mobile-purchase{padding-left:20px;padding-right:20px}dialog{padding:29px 23px}dialog h2{font-size:28px}.checkout-book{gap:11px}.checkout-mini{width:62px;height:63px}.checkout-book h3{font-size:20px}.checkout-book p{font-size:10px}.checkout-book>strong{font-size:19px}.payment{padding-left:20px;padding-right:20px}.order-lines>div{font-size:13px}.payment-cover{aspect-ratio:1.3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Preserve each photograph's full composition, including the book edges. */
.card-image{aspect-ratio:4/3}.book-photo{object-fit:contain}.gallery-stage:has(>.book-photo){height:auto;aspect-ratio:4/3}.gallery-stage>.book-photo{object-fit:contain}.payment-cover{height:auto;aspect-ratio:4/3}.payment-cover .book-photo{object-fit:contain}
