:root{--desk:#c8c0b4;--desk-deep:#b5aea3;--paper:#fdfaf4;--paper-warm:#f8f3ea;--paper-edge:#e8e0d4;--spine:#2f3d38;--spine-light:#3d4f48;--spine-text:#e6e2da;--spine-muted:#a8b5ae;--text:#2c2926;--text-muted:#6e6860;--accent:#4a8b7a;--accent-deep:#3a7264;--accent-light:#e6f2ee;--gold:#b8956b;--border:#e0d8cc;--shadow-book:0 16px 48px #26201838, 0 6px 16px #2620181f;--shadow-page:inset 0 0 40px #b4a08214;--radius:4px;--nav-height:52px;--progress-height:3px;--sidebar-width:240px;--page-head-h:62px;--page-foot-h:42px;--book-image-max-h:calc(100vh - var(--progress-height) - var(--page-head-h) - var(--page-foot-h) - 28px);--font-serif:"Songti SC", "STSong", "SimSun", "Noto Serif SC", serif;--font-sans:-apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;font-family:var(--font-sans);color:var(--text);line-height:1.75}*,:before,:after{box-sizing:border-box}body{background:#ebe6de;min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#root,.app-shell{min-height:100vh}.app-layout{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--spine-light) 0%, var(--spine) 100%);z-index:60;height:100vh;color:var(--spine-text);border-right:3px solid #1e2824;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;box-shadow:4px 0 16px #00000026}.app-sidebar__header{border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 16px 16px;display:flex}.app-sidebar__title{color:var(--spine-text);flex-direction:column;gap:4px;line-height:1.35;display:flex}.app-sidebar__title:hover{color:#fff;text-decoration:none}.app-sidebar__title-main{font-family:var(--font-serif);letter-spacing:.04em;font-size:1.05rem;font-weight:700}.app-sidebar__title-sub{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}.app-sidebar__search{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:12px 14px}.app-sidebar__nav{scrollbar-color:#fff3 transparent;flex:1;padding:10px;overflow-y:auto}.sidebar-close{cursor:pointer;color:var(--spine-muted);background:0 0;border:none;padding:0 4px;font-size:1.5rem;display:none}.sidebar-toggle{z-index:55;background:var(--spine);color:var(--spine-text);cursor:pointer;border:1px solid #ffffff26;border-radius:6px;padding:8px 14px;font-size:.9rem;display:none;position:fixed;top:12px;left:12px;box-shadow:0 4px 12px #0003}.sidebar-overlay{display:none}.app-main{background:linear-gradient(155deg,#faf6ef 0%,#f0ebe3 45%,#e8e2d8 100%);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.app-main:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 10% 15%,#4a8b7a14,#0000 55%),radial-gradient(60% 45% at 90% 85%,#b8956b1a,#0000 50%);position:absolute;inset:0}.app-main:after{content:"";pointer-events:none;z-index:0;border:1px solid #b8956b33;border-radius:10px;position:absolute;inset:10px 14px}.app-main>*{z-index:1;position:relative}@media (width<=1023px){.sidebar-toggle{display:block}.app-sidebar{transition:transform .28s;position:fixed;top:0;left:0;transform:translate(-100%)}.app-sidebar--open{transform:translate(0)}.sidebar-close{display:block}.sidebar-overlay{z-index:59;cursor:pointer;background:#14121080;border:none;display:block;position:fixed;inset:0}.app-main{padding-top:52px}}.search-input{width:100%;color:var(--spine-text);background:#0003;border:1px solid #ffffff1f;border-radius:6px;outline:none;padding:9px 12px;font-size:.88rem}.search-input::placeholder{color:var(--spine-muted)}.search-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #b8956b40}.search-results{background:#00000040;border:1px solid #ffffff1a;border-radius:6px;margin-top:8px;overflow:hidden}.search-result-item{color:var(--spine-text);border-bottom:1px solid #ffffff0f;padding:10px 12px;font-size:.85rem;display:block}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#ffffff14;text-decoration:none}.search-result-item small{color:var(--spine-muted);margin-top:2px;font-size:.78rem;display:block}.volume-section{border:1px solid #ffffff14;border-radius:6px;margin-bottom:6px;overflow:hidden}.volume-toggle{cursor:pointer;width:100%;color:var(--spine-text);text-align:left;background:#00000026;border:none;justify-content:space-between;align-items:center;padding:9px 11px;font-size:.85rem;font-weight:600;display:flex}.volume-toggle:hover{background:#ffffff0f}.volume-toggle span{color:var(--spine-muted);font-size:.75rem;font-weight:400}.volume-list{margin:0;padding:0;list-style:none}.volume-list li a{color:var(--spine-muted);border-top:1px solid #ffffff0d;padding:7px 11px;font-size:.82rem;line-height:1.4;display:block}.volume-list li a:hover{color:var(--spine-text);background:#ffffff12;text-decoration:none}.volume-list li a.active{color:#fff;border-left:3px solid var(--gold);background:#4a8b7a59;padding-left:8px;font-weight:600}.book-stage{min-height:0;height:calc(100vh - var(--progress-height));flex:1;padding:8px 10px;display:flex}.book-stage--center{justify-content:center;align-items:center;height:auto;min-height:calc(100vh - 20px);padding:32px 20px}.book-spread{filter:drop-shadow(0 12px 36px #26201829)drop-shadow(0 4px 10px #26201814);grid-template-columns:1fr;width:100%;height:100%;display:grid}@media (width>=1024px){.book-spread{max-height:calc(100vh - var(--progress-height) - 16px);grid-template-columns:minmax(0,1fr) 10px minmax(0,1.05fr);align-items:stretch}}.book-page{background:var(--shadow-page), repeating-linear-gradient(0deg, transparent, transparent 27px, #b4a0820d 27px, #b4a0820d 28px), linear-gradient(160deg, var(--paper) 0%, var(--paper-warm) 100%);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.book-page--left{border-radius:6px 0 0 6px;box-shadow:inset -8px 0 16px #0000000a}.book-page--right{border-radius:0 6px 6px 0;box-shadow:inset 8px 0 16px #0000000a}.book-page--single{width:100%;max-width:520px;box-shadow:var(--shadow-book);border-radius:6px;padding:40px 36px 36px}@media (width<=1023px){.book-page--left{border-radius:6px 6px 0 0;margin-bottom:2px}.book-page--right{border-radius:0 0 6px 6px}.book-gutter{display:none}}.book-gutter{background:linear-gradient(90deg,#00000012,#00000024 45%,#00000012);box-shadow:inset 5px 0 10px #0000001a,inset -5px 0 10px #0000001a}.book-page__head{height:var(--page-head-h);box-sizing:border-box;flex-shrink:0;padding:12px 20px 0}.book-page__ornament{background:linear-gradient(to right, transparent, var(--gold) 25%, var(--gold) 75%, transparent);opacity:.65;max-width:120px;height:2px;margin:0 auto}.book-page--single .book-page__ornament{max-width:160px;margin:0 auto 20px}.book-page__label{text-align:center;letter-spacing:.35em;color:var(--text-muted);height:28px;font-size:.72rem;line-height:28px;font-family:var(--font-serif);flex-shrink:0}.book-page__brand{text-align:center;flex-shrink:0;height:32px;line-height:32px}.book-page__brand-name{font-family:var(--font-serif);letter-spacing:.18em;color:var(--gold);font-size:.78rem;font-weight:500}.book-page__nav-hint{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;height:36px;display:flex}.book-page__nav-row{justify-content:center;align-items:center;gap:12px;display:flex}.book-page__nav-title{font-family:var(--font-serif);letter-spacing:.35em;color:var(--text-muted);text-align:center;min-width:2.5em;font-size:.78rem}.book-page__nav-sub{color:var(--text-muted);letter-spacing:.06em;opacity:.75;font-size:.62rem;line-height:1}.book-page__nav-arrow{width:28px;height:28px;color:var(--accent);border:1px solid var(--border);background:#ffffff80;border-radius:4px;justify-content:center;align-items:center;font-size:1rem;line-height:1;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.book-page__nav-arrow:hover{background:var(--accent-light);border-color:var(--accent);text-decoration:none}.book-page__nav-arrow--disabled{opacity:.25;pointer-events:none}.book-page__body{flex:1;min-height:0;padding:4px 20px 8px}.book-page__body--image{flex:0 auto;justify-content:center;align-items:center;padding:4px 12px 8px;display:flex;overflow:hidden}@media (width>=1024px){.book-page__body--image{padding:4px 8px 8px}.book-page__body--article{padding:4px 28px 8px;overflow-y:auto}}.book-page__folio{min-height:42px;font-family:var(--font-serif);color:var(--text-muted);border-top:1px solid var(--border);letter-spacing:.08em;flex-shrink:0;justify-content:center;align-items:center;padding:0 20px;font-size:.78rem;display:flex}.book-page__footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;min-height:42px;padding:0 24px;display:flex}.book-page__footer .book-page__folio{border:none;justify-content:flex-start;min-height:auto;padding:0}.book-image-frame{width:100%;max-height:var(--book-image-max-h);justify-content:center;align-items:center;display:flex}.book-image{max-width:100%;max-height:var(--book-image-max-h);object-fit:contain;cursor:zoom-in;border-radius:2px;width:auto;height:auto;display:block;box-shadow:0 2px 12px #2c261e14}.book-cover-badge{letter-spacing:.3em;color:var(--gold);border:1px solid var(--gold);margin-bottom:20px;padding:3px 10px;font-size:.72rem;display:inline-block}.home-header h1{font-family:var(--font-serif);letter-spacing:.06em;margin:0 0 6px;font-size:1.75rem;font-weight:700;line-height:1.4}.home-subtitle{color:var(--text-muted);letter-spacing:.12em;margin:0;font-size:.9rem}.home-divider{background:linear-gradient(to right, transparent, var(--border), transparent);height:1px;margin:24px 0}.home-lead{color:var(--text-muted);margin:0 0 24px;font-size:.95rem;line-height:1.85}.home-hint{color:var(--text-muted);text-align:center;margin:20px 0 0;font-size:.85rem}.continue-card{background:var(--accent-light);border-radius:var(--radius);color:var(--text);border:1px solid #c5ddd6;padding:14px 18px;transition:box-shadow .15s;display:block}.continue-card:hover{text-decoration:none;box-shadow:0 4px 16px #4a8b7a26}.continue-card strong{color:var(--accent);margin-bottom:4px;font-size:.85rem;display:block}.continue-card span{font-size:.92rem}.filter-hint{color:var(--text-muted);margin-bottom:12px;font-size:.88rem}.filter-hint button{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;margin-left:10px}.article-panel{background:0 0;padding:0}.article-header{border-bottom:1px solid var(--border);grid-template-columns:1fr minmax(148px,36%);align-items:start;gap:4px 20px;margin-bottom:16px;padding-bottom:12px;display:grid}.article-header__main{min-width:0}.article-header__hint{color:var(--text-muted);text-align:right;flex-direction:column;align-items:flex-end;gap:2px;margin:0;padding:4px 0 0;font-size:.72rem;font-style:italic;line-height:1.5;display:flex}.article-header__hint span{white-space:nowrap;display:block}@media (width<=1023px){.article-header{grid-template-columns:1fr}.article-header__hint{text-align:left;border-top:1px dashed var(--border);align-items:flex-start;padding-top:8px}.article-header__hint span{white-space:normal}}.article-page-id{color:var(--gold);letter-spacing:.12em;font-size:.75rem;font-family:var(--font-serif);margin-bottom:4px;display:inline-block}.article-header h1{font-family:var(--font-serif);color:var(--text);margin:0;font-size:1.45rem;font-weight:700;line-height:1.45}.article-lead{border-bottom:1px solid var(--border);color:var(--text);margin:0 0 1.25em;padding-bottom:1em;font-size:1.02rem;line-height:1.75}.article-lead__label{color:var(--accent-deep);letter-spacing:.1em;margin-bottom:.35em;font-size:.72rem;font-weight:600;display:block}.article-body{color:var(--text);font-size:1.05rem;line-height:1.9}.article-body p{text-align:justify;text-indent:2em;margin:0 0 1.1em}.article-body p:last-child{margin-bottom:0}.article-body mark{color:inherit;background:0 0;padding:0}.hl-law{color:#3d5a80;border-bottom:1px dashed #3d5a8059;font-weight:600}.hl-term{color:#5c4e42;font-weight:500}.article-aside{border-left:2px solid var(--gold);color:var(--text-muted);margin-top:1.5em;padding:.75em 0 .75em 1em;font-size:.98rem;line-height:1.75}.article-aside__label{color:var(--gold);letter-spacing:.08em;margin-bottom:.35em;font-size:.72rem;font-weight:600;display:block}.article-aside p{text-indent:0;margin:0}.article-keywords{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:1.75em;padding-top:1em;display:flex}.keyword-tag{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;padding:4px 12px;font-family:inherit;font-size:.85rem;transition:color .15s,border-color .15s;display:inline-block}.keyword-tag:hover{border-color:var(--accent);color:var(--accent)}.reader-page{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.progress-bar{height:var(--progress-height);z-index:40;background:#00000014;position:sticky;top:0}.progress-bar__fill{background:linear-gradient(to right, var(--accent), var(--gold));height:100%;transition:width .25s}.page-nav{height:var(--nav-height);background:var(--paper);border-top:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}@media (width>=1024px){.reader-page>.page-nav{display:none}.page-nav-desktop{border-top:1px dashed var(--border);box-shadow:none;background:0 0;height:auto;margin-top:24px;padding-top:16px;display:flex;position:static}}.page-nav-desktop{display:none}.page-nav a,.page-nav button{color:var(--accent);cursor:pointer;font-size:.88rem;font-family:var(--font-serif);background:0 0;border:none;border-radius:4px;align-items:center;padding:8px 14px;display:inline-flex}.page-nav a:hover{background:var(--accent-light);text-decoration:none}.page-nav a.disabled{color:var(--text-muted);pointer-events:none}.page-nav .nav-center{color:var(--text-muted);font-size:.82rem;font-family:var(--font-serif)}.share-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);font-size:.82rem;font-family:var(--font-serif);letter-spacing:.05em;background:0 0;border-radius:4px;padding:5px 14px}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.share-toast{background:var(--spine);color:var(--spine-text);z-index:300;border-radius:6px;padding:10px 20px;font-size:.88rem;animation:2s forwards fadeInOut;position:fixed;bottom:68px;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%,to{opacity:0}15%,85%{opacity:1}}.lightbox{z-index:200;cursor:zoom-out;background:#141210eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 8px 40px #0006}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;position:absolute;top:16px;right:16px}.loading-state,.error-state{min-height:40vh;color:var(--text-muted);font-family:var(--font-serif);justify-content:center;align-items:center;display:flex}.contact-sidebar{border-top:1px solid #ffffff1a;flex-shrink:0;margin-top:auto}.contact-sidebar__toggle{width:100%;color:var(--spine-muted);cursor:pointer;text-align:left;background:#0000001f;border:none;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.82rem;display:flex}.contact-sidebar__toggle:hover{color:var(--spine-text);background:#ffffff0d}.contact-sidebar__title{font-family:var(--font-serif);letter-spacing:.08em}.contact-sidebar__hint{opacity:.7;font-size:.72rem}.contact-sidebar__body{color:var(--spine-muted);padding:12px 14px 16px;font-size:.78rem}.contact-sidebar__author{color:var(--spine-text);font-family:var(--font-serif);margin:0 0 4px;font-size:.88rem}.contact-sidebar__live{color:var(--gold);opacity:.9;margin:0 0 8px;font-size:.7rem;line-height:1.45}.contact-sidebar__note{opacity:.85;margin:0 0 10px;font-size:.72rem;font-style:italic}.contact-sidebar__qr{opacity:.92;border-radius:6px;width:100px;height:auto;margin:0 auto 12px;display:block}.contact-sidebar__list{margin:0;padding:0;list-style:none}.contact-sidebar__list li{border-top:1px solid #ffffff0f;grid-template-columns:36px 1fr;align-items:baseline;gap:6px;padding:5px 0;display:grid}.contact-sidebar__list li span:first-child{color:var(--gold);letter-spacing:.06em;font-size:.7rem}.contact-sidebar__list a,.contact-sidebar__list button{color:var(--spine-text);text-align:left;cursor:pointer;word-break:break-all;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem}.contact-sidebar__list a:hover,.contact-sidebar__list button:hover{color:#fff;text-decoration:underline}.contact-sidebar__static{color:var(--spine-text);font-size:.75rem}.contact-sidebar__copied{color:var(--gold);margin:8px 0 0;font-size:.72rem}.contact-imprint{border-top:1px solid var(--border);text-align:center;margin-top:1.75em;padding-top:.85em}.contact-imprint__note{color:var(--text-muted);letter-spacing:.04em;margin:0 0 .4em;font-size:.72rem;font-style:italic}.contact-imprint__links{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.8}.contact-imprint__links a,.contact-imprint__links button{color:var(--text-muted);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.contact-imprint__links a:hover,.contact-imprint__links button:hover{color:var(--accent);text-decoration:underline}.contact-imprint__sep{opacity:.45;margin:0 .35em}.contact-imprint__douyin{color:var(--text-muted);margin:.55em 0 0;font-size:.78rem;line-height:1.6}.contact-imprint__live{color:var(--text-muted);opacity:.9;margin:.2em 0 0;font-size:.7rem;line-height:1.5}.contact-imprint__toast{color:var(--accent);margin-top:.35em;font-size:.72rem;display:block}.qr-modal{z-index:400;background:#141210a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.qr-modal__panel{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:320px;padding:28px 24px 20px;position:relative;box-shadow:0 16px 48px #00000040}.qr-modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:8px;right:12px}.qr-modal__title{font-family:var(--font-serif);color:var(--text);margin:0 0 4px;font-size:1.1rem;font-weight:700}.qr-modal__id{color:var(--text-muted);margin:0 0 16px;font-size:.82rem}.qr-modal__img{border-radius:4px;width:100%;max-width:260px;margin:0 auto;display:block}.qr-modal__hint{color:var(--text-muted);margin:14px 0 0;font-size:.82rem}