/* Version 6: a local scrapbook design study. Source images stay untouched. */
body.vintage-inner{
  --paper:#f3e8cf;--ink:#423c30;--muted:#75674f;--line:#cbb995;--accent:#8c493d;
  --serif:Baskerville,"Songti SC","STSong",Georgia,serif;
  background-color:#d8c6a4;
  background-image:repeating-linear-gradient(91deg,#705b3507 0,#705b3507 1px,transparent 1px,transparent 4px),radial-gradient(ellipse at 25% 12%,#f1e5c8 0,transparent 70%);
  color:var(--ink);
}
.vintage-inner header{background:#e8d9b9f5;border-bottom:1px solid #a68f6960;backdrop-filter:blur(8px)}
.vintage-inner .header-inner{padding-top:18px;padding-bottom:18px}
.vintage-inner .brand{font-family:"Kaiti SC",KaiTi,Baskerville,serif;font-weight:400;font-size:24px;letter-spacing:1px}
.vintage-inner .brand span{font-family:"Courier New",monospace;font-size:8px;letter-spacing:2.2px}
.vintage-inner nav a{font-family:Georgia,"Songti SC",serif;font-size:13px}
.vintage-inner nav a.active{border-bottom:1px solid var(--accent)}
.vintage-inner #global-search{border-bottom-color:#a99470}
.vintage-inner #global-search input::placeholder{color:#7f6e52;opacity:1}
.vintage-inner main{
  position:relative;max-width:1248px;margin:36px auto 60px;padding:0 54px 66px;
  background-color:#f4ead3;
  background-image:linear-gradient(90deg,#b59a6520 0,transparent 22px,transparent calc(100% - 18px),#a68a5610 100%),radial-gradient(ellipse at 50% 0,#fff8e440,transparent 65%);
  border:1px solid #ad956b55;box-shadow:0 2px 3px #59442213,0 16px 40px #5944220c;
}
.vintage-inner main::before{content:"";position:absolute;left:7px;right:7px;top:-5px;height:4px;background:#eee0c1;border:1px solid #b9a27a55;border-bottom:0;pointer-events:none}
.vintage-inner .page-head{padding:46px 0 30px;margin-bottom:36px;border-bottom:3px double #bba57c}
.vintage-inner .eyebrow{font-family:"Courier New","Songti SC",monospace;letter-spacing:2px;font-size:10px;color:#895346}
.vintage-inner .page-head h1{font-family:var(--serif);font-size:46px;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:16px}
.vintage-inner .page-head p{font-size:14px;line-height:1.9;color:var(--muted)}
.vintage-inner .btn{font-size:12px;border-color:#a7916c;background:#eee1c555;box-shadow:0 1px 0 #fffbeb80}
.vintage-inner .btn.primary{background:#5a4b35;color:#fbf3e0;border-color:#5a4b35}
.vintage-inner .btn:hover{border-color:#8c493d;color:#8c493d;background:#eadabb}
.vintage-inner .btn.primary:hover{color:#fff6e6;background:#784c3b}
.vintage-inner .meta,.vintage-inner .result-bar,.vintage-inner .reading-status{font-family:"Courier New","PingFang SC",monospace;font-size:10px;letter-spacing:.1px}
.vintage-inner .section-heading h2,.vintage-inner .family-portrait-card h2{font-family:var(--serif);font-weight:400;color:#4f4230}
.vintage-inner .filters{padding:20px;background:#e8d9b988;border:1px solid #c4ad875e;margin-bottom:24px;box-shadow:inset 0 1px #fff6df88}
.vintage-inner .filters label{font-family:"Courier New","PingFang SC",monospace;font-size:10px}
.vintage-inner .filters input,.vintage-inner .filters select{background:#f8efd9;border-color:#bfaa83;color:#514432}
.vintage-inner .result-bar{border-bottom:1px dashed #bda67e;padding-bottom:18px}
.vintage-inner .archive-grid{gap:30px 24px}
.vintage-inner .archive-grid .archive-card{padding:13px;background:#faf1dd;border:1px solid #c8b38d;box-shadow:2px 3px 0 #bba37c24,0 5px 12px #5b472614}
.vintage-inner .archive-grid .archive-card:hover{border-color:#8c493d;box-shadow:2px 4px 0 #bba37c35,0 6px 15px #5b47261c}
.vintage-inner .archive-grid .archive-card .card-image{background:#e7dbbf;border-color:#cbb995}
.vintage-inner .archive-card h3{font-family:var(--serif);font-weight:400;color:#443b2d}
.vintage-inner .archive-card .card-footer{border-top-color:#d4c29f}
.vintage-inner .pill{border-color:#c7b28c;color:#7a5b40;background:#efe2c5}
.vintage-inner .theme-grid{gap:22px;border-top:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.vintage-inner .theme-tile{position:relative;padding:26px 24px 28px;background:#f9efd8;border:1px solid #c8b28b;box-shadow:2px 3px 0 #b49b7020}
.vintage-inner .theme-tile::before{content:"";position:absolute;left:0;right:0;top:6px;border-top:1px solid #d8c6a3}
.vintage-inner .theme-tile small{font-family:"Courier New",monospace;color:#95624b}
.vintage-inner .theme-tile h3{font-family:var(--serif);font-size:23px;line-height:1.35;margin:12px 0;font-weight:400}
.vintage-inner .theme-tile span{font-family:"Courier New","PingFang SC",monospace;font-size:10px}
.vintage-inner .collection-page{color:var(--ink)}
.vintage-inner .collection-section{border-bottom:1px dashed #bda67e}
.vintage-inner .collection-section>summary{font-family:var(--serif);color:var(--ink)}
.vintage-inner .collection-section[open]{background:#f8efd9}
.vintage-inner .collection-page .book-entry{border-color:#d4c2a0}
.vintage-inner .collection-page .book-entry:hover{background:#e8d6b45c}
.vintage-inner .collection-page .book-entry .entry-title{color:var(--ink)}
.vintage-inner .collection-page .book-entry .entry-title-zh{color:var(--muted)}
.vintage-inner .section-intro{padding:8px 24px 20px;border-left:1px solid #bba57c;line-height:1.95}
.vintage-inner .crumbs{font-family:"Courier New","PingFang SC",monospace;font-size:11px;padding-top:36px}
.vintage-inner .record-title{font-family:var(--serif);font-size:39px;line-height:1.35;font-weight:400;margin:25px 0 18px}
.vintage-inner .record-tools{padding-bottom:24px;border-bottom:1px dashed #c8b28c;margin-bottom:26px}
.vintage-inner .reader{gap:26px}
.vintage-inner .reader-panel{background:#fbf3e0;border-color:#bda780;box-shadow:2px 3px 0 #a88b5a1c}
.vintage-inner .panel-head{background:#e9dcbf;border-color:#c8b28b;font-family:"Courier New","PingFang SC",monospace;font-size:11px}
.vintage-inner .panel-head select{background:#f7ecd2;border-color:#bea77c;color:#594b35}
.vintage-inner .scan-view{background:#d9c8a8;padding:20px}
.vintage-inner .scan-view img{box-shadow:0 3px 9px #5a422a20}
.vintage-inner .reading-status{border-color:#d8c6a3;color:#8a7051}
.vintage-inner .reading-text{font-family:var(--serif);color:#473d2e;line-height:1.95;background:#fbf3e0}
.vintage-inner .scan-controls{background:#ede1c7;border-top:1px solid #cbb58e}
.vintage-inner .scan-controls button{border-color:#bca47a;background:#f8eed6}
.vintage-inner .metadata-grid{font-size:12px;border-color:#c4ad84}
.vintage-inner .metadata-grid dt,.vintage-inner .metadata-grid dd{border-color:#d5c29e}
.vintage-inner .metadata-grid dt{font-family:"Courier New","PingFang SC",monospace;font-size:10px}
.vintage-inner .source-files li{border-bottom-style:dashed;border-color:#cfba93}
.vintage-inner details{border-color:#ccb58c}
.vintage-inner summary{font-family:var(--serif);font-weight:400}
.vintage-inner .book-reading{max-width:760px;padding:20px 0;font-family:var(--serif);font-size:20px;line-height:2;color:#473d2e}
.vintage-inner .book-nav{padding-top:22px;border-top:3px double #bfa77c}
.vintage-inner .notice{background:#e8d9b984;border-left-color:#9b6951;color:#7c684c}
.vintage-inner .life-grid{grid-template-columns:290px 1fr;gap:65px}
.vintage-inner .life-portrait{position:relative;padding:12px 12px 18px;background:#faf0d7;transform:rotate(-1.2deg);border:1px solid #cdb995;box-shadow:2px 4px 10px #5a422a1a;margin-top:8px}
.vintage-inner .life-portrait::before{content:"";position:absolute;z-index:1;width:86px;height:24px;top:-13px;left:calc(50% - 43px);background:#c5b48777;transform:rotate(-4deg);border-left:1px solid #f6e8c544;border-right:1px solid #f6e8c544;pointer-events:none}
.vintage-inner .life-portrait figcaption{font-family:"Courier New","PingFang SC",monospace;font-size:9px;line-height:1.6}
.vintage-inner .life-lead{font-family:var(--serif);font-size:27px;line-height:1.65;color:#6b5038}
.vintage-inner .timeline{border-left-color:#b99c72}
.vintage-inner .timeline li{padding-bottom:32px}
.vintage-inner .timeline li::before{background:#946044;width:6px;height:6px;border:1px solid #8a5b40}
.vintage-inner .timeline strong{font-family:var(--serif);font-size:24px;color:#684c35}
.vintage-inner .timeline p{font-size:14px;line-height:1.9;color:#6b5d47}
.vintage-inner .timeline .book-title{font-family:Baskerville,"Times New Roman",serif;font-size:17px;color:#57432f}
.vintage-inner .timeline .book-title strong{font:inherit;color:inherit}
.vintage-inner .family-intro{max-width:790px;font-size:16px;line-height:1.95;color:#65543e}
.vintage-inner .family-portrait-card{position:relative;background:#eee0bf;border:1px solid #bca47b;border-left:3px solid #93624c;padding:34px 38px;box-shadow:3px 4px 0 #bba37b25;margin:36px 0}
.vintage-inner .family-portrait-card h2{font-size:32px;margin-top:0}
.vintage-inner .america-book-note{padding:30px 34px;background:#f9efd7;border-top:3px double #bfa77d;border-bottom:1px dashed #bfa77d;margin:38px 0 46px;color:#6b573e}
.vintage-inner .america-book-note h2{font-family:var(--serif);font-size:29px;font-weight:400;line-height:1.4;color:#61472f}
.vintage-inner .america-book-note .text-link{color:#895746}
.vintage-inner .family-figure{position:relative;padding:15px 15px 22px;background:#faf1dd;border:1px solid #c7b28b;box-shadow:3px 5px 0 #ae926522,0 7px 18px #5a422a13;margin-top:30px;margin-bottom:40px}
.vintage-inner .family-figure::before{content:"";position:absolute;z-index:1;top:-12px;left:calc(50% - 48px);width:96px;height:26px;background:#bdad7d66;transform:rotate(3deg);pointer-events:none}
.vintage-inner .family-figure figcaption{font-family:var(--serif);font-size:17px;color:#6b5439;padding:0 8px}
.vintage-inner .portrait-pdf{border-color:#bda47a;background:#e9d9b9;box-shadow:3px 5px 0 #ae926522}
.vintage-inner .prose{max-width:790px;margin:auto;font-size:15px;line-height:2}
.vintage-inner .prose h2{font-family:var(--serif);font-size:29px;line-height:1.4;font-weight:400;color:#6d4d34;margin:38px 0 16px}
.vintage-inner .prose p{color:#6c5c44}
.vintage-inner .contact-angela{padding:24px 28px 28px;margin-top:44px;border:1px solid #bfa77d;background:#eadabb80;box-shadow:2px 3px 0 #b59a6c22}
.vintage-inner .contact-angela h2{margin-top:0}
.vintage-inner .contact-angela input,.vintage-inner .contact-angela textarea{background:#fbf2dc;border-color:#bda57b;color:#493c2c}
.vintage-inner .contact-angela label{font-family:"Courier New","PingFang SC",monospace;font-size:11px}
.vintage-inner .contact-angela textarea{font-family:var(--sans);font-size:15px;line-height:1.8}
.vintage-inner footer{max-width:1248px;border-top:1px dashed #ad946c;padding-top:26px;color:#776145}
.vintage-inner .footer-brand{font-family:var(--serif);color:#604c33}
@media(max-width:1300px){.vintage-inner main{margin-left:22px;margin-right:22px}.vintage-inner footer{margin-left:22px;margin-right:22px}}
@media(max-width:1000px){.vintage-inner main{padding-left:32px;padding-right:32px}.vintage-inner .life-grid{grid-template-columns:230px 1fr;gap:36px}.vintage-inner .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vintage-inner .header-inner{gap:18px}}
@media(max-width:760px){.vintage-inner header{position:relative}.vintage-inner .header-inner{padding:16px 20px;flex-wrap:wrap}.vintage-inner nav{order:3;width:100%;gap:12px 20px;margin:6px 0 0;flex-wrap:wrap;justify-content:space-between}.vintage-inner nav a{font-size:12px}.vintage-inner #language-switch{margin-left:auto}.vintage-inner #global-search{display:none}.vintage-inner main{margin:22px 12px 35px;padding:0 22px 38px}.vintage-inner .page-head{padding-top:32px;margin-bottom:28px}.vintage-inner .page-head h1{font-size:35px}.vintage-inner .life-grid{grid-template-columns:1fr;gap:22px}.vintage-inner .life-portrait{max-width:420px}.vintage-inner .life-lead{font-size:25px}.vintage-inner .timeline strong{font-size:23px}.vintage-inner .record-title{font-size:29px}.vintage-inner .filters{padding:14px;gap:14px}.vintage-inner .reader{grid-template-columns:1fr}.vintage-inner .theme-tile{padding:22px 20px}.vintage-inner .theme-tile h3{font-size:23px}.vintage-inner .archive-grid{gap:24px 16px}.vintage-inner .family-portrait-card{padding:26px 22px}.vintage-inner .family-figure{padding:10px 10px 17px}.vintage-inner .family-figure figcaption{font-size:16px}.vintage-inner .prose h2{font-size:27px}.vintage-inner .contact-angela{padding:22px 18px}.vintage-inner .book-reading{font-size:18px}.vintage-inner footer{padding-left:10px;padding-right:10px}}
@media(max-width:520px){.vintage-inner .theme-grid{grid-template-columns:1fr}.vintage-inner main{padding-left:18px;padding-right:18px}.vintage-inner .reading-text{padding:20px;font-size:18px}}
@media print{body.vintage-inner{background:white}.vintage-inner main{margin:0;border:0;box-shadow:none;background:white}.vintage-inner main::before,.vintage-inner .life-portrait::before,.vintage-inner .family-figure::before{display:none}}
