:root{--paper:#f5f1e8;--paper-strong:#efe6d7;--panel:rgba(255,252,247,0.9);--ink:#1f2421;--muted:#667067;--line:#cdbfa8;--accent:#7e5c2f;--accent-soft:#e8dcc7;--shadow:0 24px 70px rgba(52,44,34,0.08);--font-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua","Times New Roman",serif;--font-sans:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:linear-gradient(180deg,#ece5d7,#f5f1e8 18%,#f8f5ef)}body,html{color:var(--ink)}body{font-family:var(--font-sans),sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;height:auto;max-width:100%}.shell{margin:0 auto;max-width:1240px;padding:0 24px}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(245,241,232,.88);border-bottom:1px solid rgba(120,101,69,.18);margin-bottom:32px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.site-header__inner{align-items:flex-start;display:flex;gap:28px;justify-content:space-between;padding-bottom:20px;padding-top:18px}.site-brand{display:grid;grid-gap:12px;gap:12px;min-width:0}.site-brand__text{display:grid;grid-gap:6px;gap:6px;padding-top:4px;max-width:760px}.site-title{display:inline-block;font-family:Baskerville,Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(1.8rem,2.7vw,2.85rem);font-weight:700;letter-spacing:.012em;line-height:1.04}.site-subtitle{color:var(--muted);max-width:760px}.site-subtitle--en{font-size:1rem;letter-spacing:.01em;line-height:1.62}.site-subtitle--zh{color:rgba(102,112,103,.92);font-size:.9rem;line-height:1.62}.site-nav{align-items:center;display:flex;gap:18px;padding-top:8px}.site-nav a{color:var(--muted);font-size:.95rem;font-weight:600;letter-spacing:.04em;padding:10px 0;position:relative}.site-nav a:after{background:rgba(126,92,47,.55);border-radius:999px;bottom:4px;content:"";height:1px;left:0;opacity:0;position:absolute;transform:scaleX(.55);transform-origin:left center;transition:opacity .14s ease,transform .14s ease;width:100%}.site-nav a:focus-visible:after,.site-nav a:hover:after{opacity:1;transform:scaleX(1)}.site-footer{border-top:1px solid rgba(120,101,69,.14);margin-top:28px}.site-footer__inner{align-items:center;color:var(--muted);display:flex;font-size:.84rem;justify-content:space-between;min-height:72px}.site-footer__copy{opacity:.82}.site-footer__admin{color:rgba(102,112,103,.82);font-size:.78rem;font-weight:600;letter-spacing:.04em}.site-footer__admin:hover{color:var(--accent)}.page-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,300px) minmax(0,1fr);padding-bottom:72px}.hero{background:var(--panel);border:1px solid rgba(126,92,47,.15);border-radius:24px;box-shadow:var(--shadow);grid-column:1/-1;overflow:hidden;padding:36px;position:relative}.hero:after{border:1px solid rgba(126,92,47,.15);border-radius:999px;content:"";height:180px;position:absolute;right:-36px;top:-36px;width:180px}.eyebrow{color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.detail-hero h1,.hero__title{font-family:var(--font-serif),serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin-top:16px;max-width:12ch}.hero__description{color:var(--muted);font-size:1.02rem;line-height:1.7;margin-top:18px;max-width:760px}.catalogue-panel,.detail-preview,.filter-panel{background:var(--panel);border:1px solid rgba(126,92,47,.15);border-radius:24px;box-shadow:var(--shadow);padding:24px}.panel-heading h2{font-family:var(--font-serif),serif;font-size:1.5rem}.panel-heading p{color:var(--muted);line-height:1.6;margin-top:8px}.panel-heading--row{align-items:flex-end;display:flex;gap:12px;justify-content:space-between}.filter-form{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.field{display:grid;grid-gap:6px;gap:6px}.field span{color:var(--muted);font-size:.92rem;font-weight:600}.field input,.field select,.field textarea{background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:14px;color:var(--ink);min-height:48px;padding:12px 14px}.detail-actions,.filter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.button-primary,.button-secondary,.filter-actions button{border-radius:999px;display:inline-flex;font-weight:700;justify-content:center;min-height:46px;padding:0 18px}.button-primary,.filter-actions button{background:var(--accent);border:1px solid var(--accent);color:#fff}.button-secondary,.filter-actions a,.text-link{color:var(--accent)}.button-secondary{background:transparent;border:1px solid rgba(126,92,47,.28)}.catalogue-list{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.library-card{align-items:start;background:rgba(255,255,255,.72);border:1px solid rgba(126,92,47,.12);border-radius:20px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:88px minmax(0,1fr) minmax(190px,230px);padding:18px 20px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.library-card:hover{border-color:rgba(126,92,47,.22);box-shadow:0 16px 34px rgba(52,44,34,.06);transform:translateY(-1px)}.library-card__coverLink{background:linear-gradient(160deg,#ede3d1,#ddd0bb);border-radius:12px;display:block;overflow:hidden;width:88px}.library-card__cover,.library-card__placeholder{aspect-ratio:5/7;object-fit:cover;width:88px}.library-card__placeholder{align-items:center;color:rgba(31,36,33,.44);display:flex;font-family:var(--font-serif),serif;font-size:1.35rem;justify-content:center;letter-spacing:.08em}.library-card__main{display:grid;grid-gap:10px;gap:10px;min-width:0}.detail-meta,.library-card__kicker{color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.library-card__title{font-family:var(--font-serif),serif;font-size:1.34rem;line-height:1.18}.library-card__title a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.detail-subtitle,.library-card__subtitle{color:var(--muted);display:-webkit-box;font-size:.95rem;line-height:1.55;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.detail-author,.library-card__author{color:var(--ink);display:flex;flex-wrap:wrap;gap:6px;font-size:.92rem;line-height:1.55}.library-card__author span{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.library-card__author-separator{color:rgba(31,36,33,.32);font-size:.9rem;font-weight:500;padding:0 2px}.detail-description,.library-card__description{color:var(--muted);display:-webkit-box;line-height:1.72;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.library-card__tags{margin-top:2px}.tag{background:rgba(126,92,47,.09);border-radius:999px;color:var(--accent);font-size:.85rem;padding:6px 12px}.tag--topic{background:var(--accent-soft)}.library-card__aside{display:grid;grid-gap:14px;gap:14px;justify-items:start}.library-card__facts{display:grid;grid-gap:10px;gap:10px;width:100%}.library-card__facts div{align-items:baseline;border-bottom:1px solid rgba(126,92,47,.12);display:flex;gap:12px;justify-content:space-between;padding-bottom:8px}.library-card__facts div:last-child{border-bottom:0;padding-bottom:0}.library-card__facts dt{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.library-card__facts dd{color:var(--ink);font-size:.9rem;font-weight:600;text-align:right}.library-card__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.library-card__button{align-items:center;border:1px solid rgba(126,92,47,.18);border-radius:999px;color:var(--accent);display:inline-flex;font-size:.88rem;font-weight:700;justify-content:center;min-height:38px;padding:0 14px}.library-card__button--primary{background:var(--accent);border-color:var(--accent);color:#fff}.library-card__textLink{color:var(--accent);font-size:.88rem;font-weight:700}.empty-state{border:1px dashed rgba(126,92,47,.28);border-radius:18px;margin-top:20px;padding:28px}.empty-state h3{font-family:var(--font-serif),serif;font-size:1.3rem}.empty-state p{color:var(--muted);margin-top:8px}.detail-page{padding-bottom:72px}.detail-page__back{margin-bottom:18px}.detail-page__back a{color:var(--accent)}.detail-hero{display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(220px,360px) minmax(0,1fr);margin-bottom:24px}.detail-hero__content,.detail-hero__cover{background:var(--panel);border:1px solid rgba(126,92,47,.15);border-radius:24px;box-shadow:var(--shadow);padding:24px}.detail-cover{border-radius:16px;height:auto;object-fit:cover;width:100%}.detail-cover--placeholder{align-items:center;background:linear-gradient(160deg,#ede3d1,#ddd0bb);display:flex;font-family:var(--font-serif),serif;font-size:2rem;justify-content:center;min-height:420px}.detail-hero__content{display:grid;grid-gap:18px;gap:18px}.detail-facts{border-top:1px solid rgba(126,92,47,.16);display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:8px;padding-top:18px}.detail-facts dt{color:var(--muted);font-size:.82rem;margin-bottom:6px;text-transform:uppercase}.detail-facts dd{font-weight:600}.preview-frame{margin-top:20px}.preview-frame iframe{background:white;border:1px solid rgba(126,92,47,.16);border-radius:20px;min-height:80vh;width:100%}.text-reader{background:rgba(255,255,255,.72);border:1px solid rgba(126,92,47,.14);border-radius:20px;margin-top:20px;padding:24px}.text-reader pre{font-family:var(--font-serif),serif;font-size:1rem;line-height:1.9;white-space:pre-wrap;word-break:break-word}@media (max-width:900px){.detail-hero,.page-grid{grid-template-columns:1fr}.library-card{grid-template-columns:78px minmax(0,1fr)}.library-card__cover,.library-card__coverLink,.library-card__placeholder{width:78px}.library-card__aside{border-top:1px solid rgba(126,92,47,.12);grid-column:2/-1;padding-top:12px;width:100%}.library-card__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.library-card__facts div{align-items:start;flex-direction:column;gap:4px}.library-card__facts dd{text-align:left}.panel-heading--row,.site-footer__inner,.site-header__inner{align-items:start;flex-direction:column}.site-footer__inner{gap:8px;justify-content:center;padding-bottom:16px;padding-top:16px}}@media (max-width:640px){.shell{padding:0 16px}.catalogue-list{gap:12px}.catalogue-panel,.detail-hero__content,.detail-hero__cover,.detail-preview,.filter-panel,.hero{border-radius:18px;padding:18px}.site-nav{flex-wrap:wrap;padding-top:0}.library-card{gap:14px;grid-template-columns:72px minmax(0,1fr);padding:14px}.library-card__cover,.library-card__coverLink,.library-card__placeholder{width:72px}.library-card__title{font-size:1.18rem}.library-card__description{-webkit-line-clamp:2}.library-card__facts{grid-template-columns:1fr 1fr}.library-card__actions{gap:8px}.library-card__button,.library-card__textLink{font-size:.82rem}}