@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&family=ZCOOL+XiaoWei&display=swap";:root{font-family:"Noto Serif SC",Songti SC,serif;color:#f8eccb;background:#061d2b}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}button svg{width:17px;height:17px}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}.app-shell{min-height:100vh;background:#071e2d}.topbar{position:fixed;z-index:30;inset:0 0 auto;height:76px;display:flex;align-items:center;padding:0 4.2vw;background:linear-gradient(180deg,#051927fa,#071f2eed);border-bottom:1px solid rgba(231,196,126,.25);box-shadow:0 8px 28px #0006}.brand{display:flex;align-items:center;gap:11px;border:0;color:#efd492;background:transparent;text-align:left}.brand strong{font-family:ZCOOL XiaoWei,serif;display:block;font-size:23px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:4px;color:#d4be8a}.app-icon{width:38px;height:34px;display:grid;place-items:center;border-bottom:1px solid #d6b36e}.main-nav{display:flex;gap:6px;margin:auto}.main-nav button{display:flex;align-items:center;gap:7px;color:#d8d4c7;background:transparent;border:1px solid transparent;border-radius:9px;padding:10px 13px;font-size:13px}.main-nav button:hover,.main-nav .active{color:#f5d990;background:#133d54cc;border-color:#68a2bb75}.header-actions{display:flex;gap:9px}.circle-button,.avatar,.menu-button{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;border:1px solid #eed29459;background:#041621a3;color:#f4dfaa}.avatar{background:linear-gradient(145deg,#c47842,#376a82)}.menu-button{display:none}.map-stage{position:fixed;top:76px;right:0;bottom:0;left:0;overflow:hidden;background:#073451 url(/assets/ocean-watercolor-tile.png) repeat;background-size:620px 620px}.illustrated-map{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;touch-action:none;box-shadow:inset 0 0 110px #00131dbd}.illustrated-map:active{cursor:grabbing}.map-canvas{position:absolute;left:50%;top:50%;width:min(100%,calc((100vh - 76px)*1.5));aspect-ratio:3/2;transform-origin:50% 50%;will-change:transform}.map-canvas>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 12px 18px #00141e80)}.zoom-controls{position:absolute;z-index:12;right:16px;bottom:126px;display:grid;border:1px solid #826036;border-radius:6px;overflow:hidden;background:#f2dba9;box-shadow:0 5px 14px #0006}.zoom-controls button{width:38px;height:38px;display:grid;place-items:center;border:0;border-bottom:1px solid #82603666;color:#49341f;background:transparent}.zoom-controls button:last-child{border-bottom:0}.zoom-controls button:hover{background:#fff0c4}.map-art{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block;filter:saturate(1.05) contrast(1.02)}.map-vignette{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 90px #000b;background:linear-gradient(180deg,#04192817,transparent 28%,transparent 76%,#04151f4d)}.hotspot{position:absolute;width:54px;height:54px;margin:-27px;border:0;background:transparent;border-radius:50%}.hotspot span{position:absolute;top:17px;right:17px;bottom:17px;left:17px;border-radius:50%;background:#f9e5a4;border:2px solid #9e6545;box-shadow:0 0 0 5px #ffe9a92e,0 4px 12px #0008;transition:.2s}.hotspot:hover span,.hotspot.selected span{transform:scale(1.4);background:#fff3c1;box-shadow:0 0 0 9px #ffe59733,0 0 24px #ffe5a1}.hotspot.selected:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid #f8dc94;border-radius:50%;animation:ripple 1.7s infinite}@keyframes ripple{to{transform:scale(1.45);opacity:0}}.map-tools{position:absolute;z-index:8;left:24px;top:22px;display:flex;align-items:center;gap:14px;padding:9px 12px;border:1px solid #e9cc8b55;border-radius:9px;background:#061e2ddd;box-shadow:0 8px 22px #0005;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-tools>span{display:flex;align-items:center;gap:7px;color:#f4d68f;font-size:12px}.map-tools>small{padding-left:13px;border-left:1px solid #e9cc8b40;color:#c7c1b1;font-size:10px}.coordinate-readout{position:absolute;z-index:7;left:24px;top:78px;display:flex;gap:12px;padding:7px 11px;border-radius:6px;color:#ecddb7;background:#061e2dc9;border:1px solid #e7cb8d3d;font:11px ui-monospace,monospace;letter-spacing:.2px}.literature-marker{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;min-width:74px;padding:0 0 11px;border:0;color:#49321b;background:transparent;transform:translate(-50%,-100%);filter:drop-shadow(0 4px 5px #0008)}.literature-marker span{width:20px;height:20px;border:4px solid #f3d18a;border-radius:50% 50% 50% 0;background:#1b536b;transform:rotate(-45deg);box-shadow:0 0 0 2px #614321}.literature-marker strong{margin-top:4px;padding:4px 8px;border:1px solid #8c6739;border-radius:5px;background:#f1d9a6e8;color:#46301d;font-size:11px;white-space:nowrap}.literature-marker:hover strong{background:#fff0c8}.random-trip{position:absolute;left:2.5vw;bottom:28px;display:flex;align-items:center;gap:11px;min-width:165px;padding:12px 14px;color:#f5dfab;border:1px solid #e9cc8b59;border-radius:6px;background:#081b25d1;box-shadow:0 10px 24px #0006;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.random-trip span{text-align:left;font-size:13px}.random-trip small{display:block;color:#bba77a;font-size:9px}.random-trip svg:last-child{margin-left:auto}.timeline-card{position:absolute;width:min(540px,45vw);left:50%;bottom:18px;transform:translate(-50%);padding:12px 28px 10px;border:1px solid #774920a6;border-radius:12px;color:#52351f;background:linear-gradient(#f7dfa9f2,#dab572f5);box-shadow:0 10px 24px #0007}.timeline-title{position:absolute;left:14px;top:-28px;color:#f3dda7;display:flex;gap:6px;align-items:center;text-shadow:0 2px 5px #000;font-size:12px}.timeline-card input{width:100%;accent-color:#67482c}.era-row{display:flex;justify-content:space-between}.era-row button{border:0;background:transparent;color:#6b4a2d;opacity:.65;font-size:10px}.era-row button strong,.era-row button small{display:block}.era-row .current{opacity:1;transform:translateY(-2px)}.travel-note{position:absolute;right:3vw;bottom:25px;width:210px;min-height:92px;display:flex;justify-content:center;align-items:center;gap:10px;color:#60401f;font-style:italic;line-height:1.7;transform:rotate(-2deg);background:#edcf94e0;clip-path:polygon(5% 5%,96% 0,100% 87%,82% 93%,71% 100%,4% 93%,0 18%);filter:drop-shadow(0 8px 10px #0006)}.detail-panel{position:absolute;z-index:10;top:24px;right:28px;bottom:136px;width:330px;overflow:auto;padding:32px 28px 24px;color:#342616;background:linear-gradient(135deg,#faebc5f7,#debc80f7);border:1px solid #9d713b;border-radius:12px 4px 12px 12px;box-shadow:0 20px 50px #0008;animation:panel-in .28s ease}@keyframes panel-in{0%{opacity:0;transform:translate(35px)}}.panel-close{position:absolute;right:15px;top:15px;border:0;background:transparent;color:#61462d}.eyebrow{margin:0;color:#986a32;font-size:11px;letter-spacing:4px}.detail-panel h1{margin:7px 0 2px;font-family:ZCOOL XiaoWei,serif;font-size:38px;font-weight:500}.count{color:#795937;margin:0 0 20px;font-size:13px}.intro{padding:16px 0;border-block:1px solid #66462240;line-height:1.85;font-size:14px}.author-list{display:grid;gap:8px;margin:18px 0}.author-list>div{display:flex;align-items:center;gap:12px;padding:9px;background:#fffae473;border-radius:7px}.author-list>div>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#715037;color:#f4dfad}.author-list p{margin:0}.author-list strong,.author-list small{display:block}.author-list small{color:#80684b;font-size:10px}.primary,.save{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:7px;padding:12px}.primary{color:#f9e5b3;background:#153d4f;border:1px solid #092f41}.save{margin-top:8px;color:#62472f;background:transparent;border:1px solid #61452659}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:start center;padding-top:115px;background:#010d15a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-modal{width:min(650px,calc(100vw - 32px));padding:20px;color:#392816;border:1px solid #b6884c;border-radius:14px;background:linear-gradient(145deg,#faecc6,#dec18a);box-shadow:0 26px 70px #0009}.search-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #4f361d40;padding-bottom:15px}.search-head input{flex:1;border:0;outline:0;background:transparent;font-size:18px}.search-head button{border:0;background:transparent}.search-modal>p{font-size:12px;color:#7c6243}.search-chips{display:flex;gap:8px;flex-wrap:wrap}.search-chips button{border:1px solid #66441e40;border-radius:20px;padding:8px 13px;color:#584029;background:#fffae973}.toast{position:fixed;z-index:60;left:50%;bottom:130px;transform:translate(-50%);padding:11px 18px;border:1px solid #efd4985c;border-radius:24px;color:#f7e4b8;background:#041a27e6;box-shadow:0 10px 28px #0006}@media(max-width:900px){.topbar{height:66px;padding:0 16px}.brand strong{font-size:19px}.brand small{font-size:8px}.menu-button{display:grid}.main-nav{display:none;position:fixed;inset:66px 0 auto;padding:12px;background:#051b29fa}.main-nav.is-open{display:grid;grid-template-columns:repeat(2,1fr)}.main-nav button{justify-content:center}.map-stage{top:66px;right:0;bottom:0;left:0;overflow:hidden}.map-art{width:auto;min-width:1120px;max-width:none}.map-vignette{width:1120px}.hotspot{display:none}.map-tools{left:10px;top:10px}.map-tools>small{display:none}.coordinate-readout{left:10px;top:61px;gap:7px;flex-wrap:wrap;max-width:230px}.timeline-card{position:fixed;left:12px;right:12px;bottom:15px;width:auto;transform:none;z-index:15;padding-inline:14px}.travel-note{display:none}.random-trip{position:fixed;z-index:16;bottom:98px;left:14px}.detail-panel{position:fixed;z-index:25;inset:auto 10px 92px;width:auto;max-height:64vh}.avatar{display:none}.zoom-controls{bottom:96px;right:10px}}@media(max-width:540px){.app-icon{width:30px}.brand strong{font-size:17px}.brand small{display:none}.circle-button,.menu-button{width:34px;height:34px}.map-art{min-width:960px;height:calc(100vh - 66px)}.map-vignette{width:960px}.era-row button:nth-child(2),.era-row button:nth-child(4){display:none}.timeline-card{bottom:10px}.random-trip{bottom:92px}.detail-panel h1{font-size:31px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.topbar{height:76px;padding-bottom:0;background:transparent;border-bottom:0;box-shadow:none}.topbar:after{content:none}.main-nav{height:100%;align-items:center}.main-nav button{position:relative;height:48px;border:0;border-radius:9px 9px 3px 3px;padding:10px 15px;transition:color .2s ease,background .2s ease}.main-nav button:after{content:"";position:absolute;left:10px;right:10px;bottom:1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#e7c371,transparent);opacity:0;transform:scaleX(.45);transition:.22s ease}.main-nav button:hover,.main-nav .active{color:#f5d990;background:linear-gradient(180deg,#16435800,#184e6547 48%,#2269848c);box-shadow:inset 0 -14px 18px #1f68871f}.main-nav button:hover:after,.main-nav .active:after{opacity:1;transform:scaleX(1)}@media(max-width:900px){.topbar{height:66px;padding:0 16px}.topbar:after{height:16px}.main-nav{inset:66px 0 auto;height:auto}}.topbar{padding-left:2.5vw;padding-right:2.5vw}.brand{min-width:310px;gap:8px}.app-icon{width:51px;height:43px;border-bottom-color:#ddb972}.app-icon svg{width:37px;height:37px}.brand strong{display:flex;align-items:center;gap:4px;font-size:32px;letter-spacing:2px;line-height:1}.brand strong svg{width:24px;height:24px}.brand small{margin-top:6px;text-align:center;font-size:12px;letter-spacing:5px}.main-nav{gap:0;padding:4px;border-radius:18px;background:#04192785;box-shadow:inset 0 0 18px #0000002e}.main-nav button{min-width:130px;justify-content:center;font-size:15px}.main-nav button.active{border:1px solid #d7aa5d;box-shadow:0 0 12px #eabe6052,inset 0 -14px 18px #1f688726}.circle-button{width:45px;height:45px;border-color:#dbc18a9c;box-shadow:0 0 14px #0006}.avatar{width:44px;height:44px;border:3px solid #e7c77f;background-image:url(/assets/traveler-avatar.png);background-size:cover;background-position:center}.avatar svg{display:none}.literature-marker{min-width:142px;display:grid;grid-template-columns:52px 1fr;align-items:center;padding:7px 12px 7px 7px;border:1px solid #9a6d35;border-radius:9px;background:linear-gradient(145deg,#f5dfb5f2,#e7c98ff2);box-shadow:0 7px 14px #00121d80;transform:translate(-50%,-50%);text-align:left}.literature-marker>img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:2px solid #ead29c}.literature-marker>span{display:block;margin-left:7px;transform:none;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none}.literature-marker strong{display:block;margin:0;padding:0;border:0;background:none;color:#382618;font-size:14px}.literature-marker small{display:block;margin-top:2px;color:#67482c;font-size:10px;line-height:1.35;white-space:pre-line}.literature-marker:hover{background:linear-gradient(145deg,#fff0c9,#efd59f);transform:translate(-50%,-53%)}.ocean-label{position:absolute;color:#dbe6e8;font-family:ZCOOL XiaoWei,serif;font-size:21px;line-height:1.25;letter-spacing:3px;text-align:center;text-shadow:0 2px 5px #002238}.ocean-label small{display:block;margin-top:5px;font-family:Georgia,serif;font-size:11px;font-style:italic;letter-spacing:1px}.pacific-west{left:5%;top:43%}.atlantic{left:31%;top:39%}.indian{left:69%;top:59%}.pacific-east{right:4%;top:40%}.arctic{left:54%;top:12%;font-size:23px}.books-connect{position:absolute;z-index:8;right:27px;top:96px;color:#eef2ee;font:italic 15px/1.25 Georgia,serif;text-align:center;letter-spacing:1px;text-shadow:0 2px 5px #001724}.books-connect small{display:block;margin-top:10px;font:11px/1.6 "Noto Serif SC",serif;letter-spacing:2px}.timeline-card{width:min(920px,60vw);padding:15px 36px 12px;border-radius:15px;background:linear-gradient(180deg,#f4dcaaf5,#dcb879f5)}.timeline-title{top:-29px}.era-row button{min-width:38px}.travel-note{width:245px;min-height:116px;font-size:15px}.random-trip{min-width:205px;padding:15px 18px}.random-trip span{font-size:14px}@media(max-width:1200px){.brand{min-width:260px}.brand strong{font-size:25px}.brand small{font-size:10px}.main-nav button{min-width:112px;padding-inline:9px}.books-connect{display:none}}@media(max-width:900px){.brand{min-width:auto}.brand strong{font-size:18px}.brand strong svg{display:none}.main-nav{padding:12px;background:#041927f7}.main-nav button{min-width:0}.literature-marker{min-width:94px;grid-template-columns:34px 1fr;padding:4px}.literature-marker>img{width:34px;height:34px}.literature-marker strong{font-size:11px}.literature-marker small{display:none}.ocean-label{font-size:13px}.ocean-label small{display:none}.timeline-card{width:auto}.app-icon{width:30px;height:30px}.app-icon svg{width:23px;height:23px}}.map-stage{top:0;right:0;bottom:0;left:0}.map-canvas{width:min(100%,150vh)}@media(max-width:900px){.map-stage{top:0;right:0;bottom:0;left:0}}.map-tools{top:92px}.coordinate-readout{top:148px}@media(max-width:900px){.map-tools{top:76px}.coordinate-readout{top:127px}}.timeline-page{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;overflow:auto;color:#173654;background:#f6f4ef}.timeline-page::-webkit-scrollbar{width:8px}.timeline-page::-webkit-scrollbar-thumb{border-radius:8px;background:#7b9bb6}.timeline-hero{position:relative;height:260px;overflow:hidden;color:#0c2947}.timeline-hero>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 22%;filter:none}.timeline-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0 72%,rgba(246,244,239,.35) 88%,#f6f4ef)}.hero-era{position:absolute;z-index:2;top:96px;text-shadow:0 1px 5px #fff,0 1px 2px #fff}.hero-era strong{display:block;font-size:20px;letter-spacing:2px}.hero-era small{display:block;margin-top:5px;font-size:12px}.era-ancient{left:4.5%}.era-renaissance{left:25.5%}.era-enlightenment{left:52.5%}.era-modern{left:77.5%;max-width:220px}.hero-books{position:absolute;z-index:2;right:2.8%;top:84px;color:#f5f6f1;font:italic 16px/1.35 Georgia,serif;text-align:center;letter-spacing:1px;text-shadow:0 2px 6px #1b3857}.timeline-workspace{position:relative;z-index:4;min-width:1060px;margin-top:0;padding:0 16px 84px;background:linear-gradient(180deg,#f8f9f8f7,#f8f6f0fc)}.period-tabs{height:43px;display:grid;grid-template-columns:32px repeat(7,1fr) 32px;align-items:center;margin:0 -16px;color:#304765;background:#eef2f6;border-radius:20px 20px 0 0;overflow:hidden;box-shadow:0 -3px 12px #0f2a4029}.period-tabs>svg{margin:auto}.period-tabs button{height:40px;border:0;border-right:1px solid #fff8;color:#fff;background:#657087;font-size:14px}.period-tabs button:nth-of-type(1){background:#c7b598}.period-tabs button:nth-of-type(2){background:#89859b}.period-tabs button:nth-of-type(3){background:#bd7674}.period-tabs button:nth-of-type(4){background:#c59e4f}.period-tabs button:nth-of-type(5){background:#4ca4a5}.period-tabs button:nth-of-type(6){background:#557db0}.period-tabs button:nth-of-type(7){background:#8874bd}.period-tabs button.reached{filter:brightness(1.07);box-shadow:inset 0 -3px #fff9}.year-scale{position:relative;height:48px;margin:0 12px;border-bottom:2px solid #a2abb8}.year-progress{position:absolute;left:0;bottom:-2px;height:2px;background:#91634a}.year-scale button{position:absolute;bottom:-8px;transform:translate(-50%);border:0;color:#516178;background:transparent;font-size:10px}.year-scale button span{display:block;width:8px;height:8px;margin:0 auto 7px;border:2px solid #50647a;border-radius:50%;background:#fff}.year-scale button.active{color:#9e552f;font-weight:700}.year-scale button.active span{width:12px;height:12px;margin-bottom:5px;border-color:#b06d38;background:#f1c77d;box-shadow:0 0 0 5px #efc77735}.timeline-range{position:absolute;top:65px;left:28px;width:calc(100% - 56px);height:18px;opacity:0;cursor:pointer}.timeline-content{display:grid;grid-template-columns:145px 1fr;gap:10px;margin-top:26px}.region-filter{padding:5px 7px;border-radius:12px;background:#f9fafb;box-shadow:0 5px 18px #17365410}.region-filter h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;padding:8px 4px;font-size:13px}.region-filter h3 svg:last-child{margin-left:auto}.region-filter svg{width:15px;height:15px}.region-filter button{width:100%;display:flex;align-items:center;gap:9px;padding:8px 11px;border:0;border-radius:7px;color:#28466a;background:transparent;text-align:left;font-size:12px}.region-filter button:hover,.region-filter button.active{background:#d9eafc;color:#174d87;font-weight:700}.timeline-main{min-width:0}.masters-row{height:156px;display:grid;grid-template-columns:136px 1fr;border-radius:12px;background:#fff;box-shadow:0 4px 18px #1736540f}.section-label{padding:15px 12px;color:#314967}.section-label svg{width:18px}.section-label strong{display:inline-block;margin-left:7px}.section-label small{display:block;margin-top:35px;line-height:1.8}.masters-scroll{display:flex;align-items:end;gap:22px;overflow-x:auto;padding:0 16px 10px}.masters-scroll button{position:relative;min-width:82px;padding:0;border:0;color:#1b2e45;background:transparent}.masters-scroll button i{position:absolute;left:50%;top:-16px;width:9px;height:9px;border-radius:50%;background:#7896b0;transform:translate(-50%)}.masters-scroll button i:after{content:"";position:absolute;left:4px;top:8px;width:1px;height:13px;background:#9eafbc}.masters-scroll img{width:76px;height:82px;object-fit:cover;border-radius:7px;filter:sepia(.12)}.masters-scroll strong,.masters-scroll small{display:block}.masters-scroll strong{margin-top:4px;font-size:12px}.masters-scroll small{font-size:9px;color:#6d7887}.masters-scroll button.active img{outline:3px solid #62a9df;box-shadow:0 0 0 6px #c8e9ff}.masters-scroll button.active i{background:#327eb3}.content-strip{margin-top:10px;padding:9px 10px 10px;border-radius:12px;background:#fff;box-shadow:0 4px 18px #1736540f}.strip-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#314967}.strip-title span,.strip-title button{display:flex;align-items:center;gap:7px}.strip-title svg{width:16px}.strip-title button{border:0;color:#456685;background:transparent;font-size:11px}.age-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.age-grid button{overflow:hidden;padding:0 0 8px;border:1px solid #e5e2da;border-radius:7px;color:#25384e;background:#fbfaf7;text-align:left}.age-image{height:68px;background-image:url(/assets/literature-timeline-hero.png);background-size:700% auto;background-repeat:no-repeat}.age-grid strong,.age-grid small{display:block;padding:0 9px}.age-grid strong{margin-top:6px;font-size:12px}.age-grid small{margin-top:2px;color:#78808a;font-size:9px}.books-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.books-grid>button{min-width:86px;padding:0;border:0;color:#25384e;background:transparent}.book-cover{width:82px;height:104px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;border:1px solid #c5b393;border-radius:4px;color:#f6e6c3;background:linear-gradient(145deg,#173b59,#7f3d29);box-shadow:0 4px 8px #10293d28;text-align:center}.book-cover span{font-family:ZCOOL XiaoWei,serif;font-size:13px;line-height:1.35}.book-cover small{margin-top:9px;color:inherit;font-size:8px}.book-1{background:linear-gradient(145deg,#7c3427,#c58048)}.book-2{background:linear-gradient(145deg,#111,#514433)}.book-3{color:#4a3322;background:linear-gradient(145deg,#f3e3bd,#c7a66e)}.book-4{background:linear-gradient(145deg,#a98554,#54433a)}.book-5{color:#4d3928;background:linear-gradient(145deg,#efe0bf,#bfc0a2)}.books-grid>button>strong,.books-grid>button>small{display:block;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.books-grid>button>strong{margin-top:5px;font-size:10px}.books-grid>button>small{color:#7d838a;font-size:8px}.timeline-footer-note{position:fixed;z-index:12;left:50%;bottom:12px;display:flex;align-items:center;gap:10px;padding:10px 28px;border:1px solid #8ea6ba;border-radius:28px;color:#fff;background:#223d5be8;box-shadow:0 6px 18px #102a4270;transform:translate(-50%);font-size:13px}.timeline-footer-note svg{width:21px}.header-search{width:300px;height:43px;display:flex;align-items:center;gap:10px;padding:0 15px;border:0;border-radius:24px;color:#617086;background:#f5f8fbe8}.header-search svg{width:17px}.header-search span{font-size:12px}.timeline-page~.toast{z-index:80}@media(max-width:1250px){.header-search{display:none}.timeline-hero{height:230px}.main-nav button{min-width:104px}.age-grid{grid-template-columns:repeat(7,145px);overflow-x:auto}}@media(max-width:900px){.timeline-page{padding-top:0}.timeline-hero{height:230px;min-width:900px}.hero-era{top:108px}.hero-era strong{font-size:18px}.timeline-workspace{overflow-x:auto}.timeline-footer-note{white-space:nowrap}.circle-button{background:#08283ebb}.timeline-page .region-filter{position:sticky;left:0;z-index:3}}.book-cover-image{width:82px;height:104px;display:block;object-fit:cover;border:1px solid #c5b393;border-radius:4px;box-shadow:0 4px 8px #10293d28}.timeline-footer-art{position:fixed;z-index:6;left:0;right:0;bottom:0;width:100%;height:172px;object-fit:cover;object-position:center 42%;pointer-events:none;filter:brightness(1.32) saturate(1.05) contrast(.86);opacity:.94;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.7) 42%,#000 68%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.7) 42%,#000 68%)}.timeline-footer-note{bottom:20px;background:#3a5f7ecc;border-color:#c2d6e68a;box-shadow:0 6px 18px #102a4238}.continents-layer{-webkit-mask-image:none;mask-image:none}.map-canvas>img.continents-layer{z-index:2;filter:drop-shadow(0 2px 0 #efd4a4) drop-shadow(0 4px 0 #d7b078) drop-shadow(0 6px 0 #c1965c) drop-shadow(1px 10px 8px #1a7a9640) drop-shadow(0 16px 14px #0b587028) brightness(1.07) saturate(1.08) contrast(.98)}.map-canvas>img.ice-layer{top:auto;right:auto;bottom:auto;left:auto;width:auto;height:auto;z-index:2;object-fit:contain;filter:drop-shadow(0 8px 12px #1a7a9648)}.map-canvas>img.arctic-ice{left:39%;top:3%;width:15%}.map-canvas>img.antarctica-ice{left:27%;top:73%;width:48%;z-index:1}.travel-note-wrap{position:absolute;z-index:9;right:1.4vw;bottom:10px;width:360px;height:160px;pointer-events:none}.travel-note{position:absolute;left:0;top:8px;right:auto;bottom:auto;width:276px;min-height:126px;display:flex;justify-content:center;align-items:center;padding:32px 28px 28px;color:#5a3b1a;font-style:italic;font-size:14px;line-height:1.85;letter-spacing:.2px;text-align:center;transform:rotate(-3.2deg);background:url(/assets/parchment-note.png) center / 100% 100% no-repeat;clip-path:none;filter:drop-shadow(0 10px 12px #0010187a)}.travel-note:before{content:"";position:absolute;top:10%;right:8%;bottom:12%;left:8%;background:url(/assets/paper-fiber.png) center / 210px;mix-blend-mode:multiply;opacity:.4;pointer-events:none;border-radius:10px}.travel-note span{position:relative;z-index:1;max-width:14.5em;text-shadow:0 1px 0 #f7e7c8}.quill-ink{position:absolute;right:2px;bottom:-8px;width:96px;height:auto;transform:rotate(6deg);filter:drop-shadow(0 8px 8px #0007);pointer-events:none}.timeline-card{overflow:hidden;border-radius:8px;background-image:url(/assets/paper-fiber.png),linear-gradient(180deg,#f4dcaaf5,#d7b06af5);background-size:240px,auto;background-blend-mode:multiply,normal}@media(max-width:900px){.travel-note-wrap{display:none}.map-canvas>img.arctic-ice{width:20%;left:32%;top:5%}.map-canvas>img.antarctica-ice{width:44%;left:29%;top:76%}.map-canvas>img.map-whale{width:18%;left:1%;top:64%}.map-canvas>img.map-ship{width:7%}}.map-stage{background-color:#0c4a72;background-image:url(/assets/ocean-sky-background.png);background-size:cover;background-position:center top;background-repeat:no-repeat}.illustrated-map{box-shadow:inset 0 40px 70px #05203308,inset 0 0 70px #05203328}.map-cloud-frame{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.88;-webkit-mask-image:linear-gradient(180deg,transparent 0 26%,#000 40%);mask-image:linear-gradient(180deg,transparent 0 26%,#000 40%)}.timeline-card,.random-trip{z-index:8}.map-canvas>img.map-decor{top:auto;right:auto;bottom:auto;left:auto;width:auto;height:auto;z-index:1;object-fit:contain;filter:drop-shadow(0 8px 12px #00101866)}.map-canvas>img.map-whale{left:1.5%;top:61%;width:15%}.map-canvas>img.map-ship{width:6.2%}.map-canvas>img.ship-atlantic{left:39%;top:49%}.map-canvas>img.ship-indian{left:58%;top:57%;transform:scaleX(-1)}.map-canvas>img.ship-pacific{left:86%;top:44%;width:5.4%}.topbar{height:86px;padding:8px 2.2vw 0;background:transparent;border:0;box-shadow:none;align-items:flex-start}.brand{min-width:0;gap:8px;padding:0;align-items:center;color:#f2d78c}img.app-icon,.brand .app-icon{width:62px;height:48px;border:0;background:transparent;display:block;object-fit:contain;filter:drop-shadow(0 3px 5px #00101888)}.brand .app-icon svg{display:none}.brand-copy{display:flex;flex-direction:column;align-items:center}.brand strong,.brand-copy strong{display:flex;align-items:flex-start;gap:4px;font-size:32px;letter-spacing:2px;line-height:1;color:#f3d78e;text-shadow:0 2px 10px #001018aa;font-weight:500}.brand strong svg{display:none}.brand-quill{width:18px;height:26px;margin-top:-4px;object-fit:contain;filter:drop-shadow(0 1px 2px #00101888)}.brand small,.brand-copy small{margin-top:5px;text-align:center;font-size:11px;letter-spacing:3.5px;color:#e4d09a;text-shadow:0 1px 6px #00101899}.main-nav{gap:8px;margin:10px auto 0;padding:0;height:auto;background:transparent;box-shadow:none;border-radius:0;align-items:center}.main-nav button{height:42px;min-width:0;justify-content:center;gap:8px;padding:6px 16px;border:1.5px solid transparent;border-radius:12px;color:#ead9a8;background:transparent;box-shadow:none;font-size:15px;font-weight:500}.main-nav button svg,.main-nav .nav-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.main-nav button:after,.main-nav button:hover:after,.main-nav button.active:after{content:none;opacity:0}.main-nav button:hover,.main-nav .active{color:#f6e6b4;background:transparent;border-color:transparent;box-shadow:none}.main-nav button.active,.main-nav button.active:hover{color:#f7e7b6;background:#081e307a;border-color:#d6b36b;box-shadow:0 0 12px #d6b36b47}.circle-button{width:40px;height:40px;margin-top:8px;border:1.5px solid #dcc48a99;background:#06162480;box-shadow:none;color:#ead9a6}.avatar{width:42px;height:42px;margin-top:8px;border:2.5px solid #e7c77f}@media(max-width:1200px){.brand{min-width:0}.brand strong,.brand-copy strong{font-size:24px}.brand small,.brand-copy small{font-size:10px;letter-spacing:2px}img.app-icon,.brand .app-icon{width:50px;height:40px}.main-nav button{min-width:0;padding-inline:9px;font-size:13px}}@media(max-width:900px){.topbar{height:66px;padding:6px 16px 0;align-items:center}.brand strong,.brand-copy strong{font-size:18px}.brand-quill{display:none}.main-nav{margin:0;padding:12px;background:#041927f7}.main-nav button{min-width:0}img.app-icon,.brand .app-icon{width:36px;height:30px}.circle-button,.avatar{margin-top:0}}.app-shell:has(.timeline-page) .topbar{height:78px;padding:8px 2.2vw 0;align-items:center}.app-shell:has(.timeline-page) .circle-button{display:none}.app-shell:has(.timeline-page) .avatar{margin-top:0}.app-shell:has(.timeline-page) .header-search{display:flex;width:min(268px,24vw);height:40px;margin-right:8px;color:#607388;background:#f7fafceb;box-shadow:0 4px 12px #16324c22}.app-shell:has(.timeline-page) .main-nav button.active,.app-shell:has(.timeline-page) .main-nav button.active:hover{color:#fff;background:#2c6a9a;border-color:transparent;border-radius:18px;box-shadow:0 8px 16px #1c547e47}.timeline-hero{height:328px}.timeline-hero>img{object-position:center 22%}.hero-era{top:128px;max-width:210px;color:#12324c;text-shadow:0 1px 8px #fff,0 0 12px #fffc,0 1px 2px #fff}.hero-era strong{font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;font-size:24px;letter-spacing:2.5px;font-weight:600;line-height:1.15}.hero-era small{margin-top:8px;font-size:13px;line-height:1.55;letter-spacing:.3px;color:#2b4864}.era-ancient{left:5%}.era-renaissance{left:26%}.era-enlightenment{left:50.5%}.era-modern{left:74%;max-width:240px}.hero-books{top:118px;right:3.2%;color:#f7f2e8;font:italic 17px/1.3 Georgia,serif;text-shadow:0 2px 8px #1b385799}.timeline-workspace{padding:18px 18px 178px;background:linear-gradient(180deg,#f7f8f6,#f3efe6)}.timeline-ruler{position:relative;z-index:5;margin:0 10px;padding:0 0 14px;background:#fff;border-radius:20px;box-shadow:0 8px 24px #17365414;overflow:hidden}.period-tabs{height:44px;margin:0;border-radius:0;overflow:hidden;background:linear-gradient(90deg,#d4c19a,#9a90b4,#c57b7b,#d2a84a,#4eaea8,#4a7fb4 83%,#8b7ec8);box-shadow:none}.period-tabs>svg{color:#fff;opacity:.92;width:18px;height:18px}.period-tabs button{height:44px;border:0;border-right:0;color:#fff;background:transparent;font-size:15px;font-weight:600;text-shadow:0 1px 2px #0003}.period-tabs button:nth-of-type(1),.period-tabs button:nth-of-type(2),.period-tabs button:nth-of-type(3),.period-tabs button:nth-of-type(4),.period-tabs button:nth-of-type(5),.period-tabs button:nth-of-type(6),.period-tabs button:nth-of-type(7){background:transparent}.period-tabs button.reached{filter:none;box-shadow:none}.year-scale{position:relative;display:flex;align-items:flex-start;justify-content:space-between;height:56px;margin:10px 28px 0;padding:0 4px;border-bottom:0}.year-scale:before{content:"";position:absolute;left:10px;right:10px;top:32px;height:2px;background:#c5d0d8}.year-progress{display:none}.year-scale button{position:relative;z-index:1;top:auto;left:auto!important;bottom:auto;display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:8px;min-width:0;transform:none;border:0;color:#5d7386;background:transparent;font-size:11px;line-height:1;white-space:nowrap}.year-scale button span{display:block;width:9px;height:9px;margin:0;border:2px solid #8ea0b0;border-radius:50%;background:#fff;box-sizing:border-box}.year-scale button.active{color:#b07a2a;font-weight:700}.year-scale button.active span{width:12px;height:12px;margin-bottom:0;border-color:#e0b14a;background:#e8bc55;box-shadow:0 0 0 4px #e8bc5540}.timeline-range{position:absolute;left:0;right:0;top:24px;width:100%;height:22px;z-index:2;opacity:0;cursor:pointer}.masters-row{height:auto;min-height:188px;margin:12px 4px 0;padding:14px 10px;grid-template-columns:128px 1fr;border-radius:14px;background:#fff;box-shadow:0 6px 18px #17365412}.section-label{padding:12px 10px 8px}.section-label small{margin-top:18px;font-size:12px;line-height:1.7;color:#5d7084}.masters-scroll{align-items:flex-end;gap:16px;padding:22px 8px 6px}.masters-scroll button{min-width:86px}.masters-scroll button i{top:-14px;width:8px;height:8px;border:2px solid #fff;box-shadow:0 0 0 1px currentColor;background:currentColor;color:#7a93a8}.masters-scroll button i:after{left:3px;top:8px;height:12px;background:#b7c5d1}.masters-scroll button[data-era="0"] i{color:#c7a56d}.masters-scroll button[data-era="1"] i{color:#8d7fad}.masters-scroll button[data-era="2"] i,.masters-scroll button[data-era="3"] i{color:#c06d6d}.masters-scroll button[data-era="4"] i{color:#d0a64a}.masters-scroll button[data-era="5"] i,.masters-scroll button[data-era="6"] i{color:#4eaea8}.masters-scroll button[data-era="7"] i,.masters-scroll button[data-era="8"] i{color:#4f82b8}.masters-scroll button[data-era="9"] i,.masters-scroll button[data-era="10"] i{color:#8874bd}.master-frame{display:block;width:78px;height:86px;margin:0 auto;overflow:hidden;border-radius:9px;background:#e8eef3;box-shadow:0 4px 10px #17365422,0 1px #fff inset;outline:1px solid #d7e0e8}.masters-scroll img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 18%;border-radius:0;filter:none}.masters-scroll strong{margin-top:7px;font-size:13px;color:#1d3146}.masters-scroll small{margin-top:2px;font-size:10px;color:#6d7c8b}.masters-scroll button.active .master-frame{outline:2px solid #62a9df;box-shadow:0 0 0 5px #c8e9ff,0 4px 10px #17365422}.masters-scroll button.active img{outline:0;box-shadow:none}.masters-scroll button.active i{color:#327eb3;background:#327eb3}.timeline-content{display:grid;grid-template-columns:168px 1fr;gap:14px;margin-top:12px;align-items:start}.timeline-side{display:block}.region-filter{padding:10px 8px 12px;background:#f8fafc;border-radius:14px;box-shadow:0 6px 18px #17365410}.region-filter h3{margin:0 0 6px;padding:6px 8px;font-size:13px;color:#314967}.region-filter h3 svg:last-child{margin-left:0}.region-filter button{gap:10px;padding:8px 10px;border-radius:8px;font-size:13px}.region-filter button svg,.region-filter .region-ico{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.region-filter button.active{background:#d7ebfb;color:#1d5f93}.timeline-note{position:fixed;z-index:11;left:1.5vw;bottom:18px;width:198px;min-height:124px;display:flex;align-items:center;justify-content:center;padding:26px 16px 22px;color:#5a3b1a;font-style:italic;font-size:13px;line-height:1.75;text-align:center;background:url(/assets/parchment-note.png) center / 100% 100% no-repeat;filter:drop-shadow(0 8px 10px #00101855);pointer-events:none}.timeline-note span{max-width:11em}.age-image{width:100%;height:86px;display:block;object-fit:cover;background:none}.age-grid button{border:1px solid #e6e1d6;border-radius:9px;background:#fff}.age-grid strong{font-size:13px}.age-grid small{font-size:10px;line-height:1.45;white-space:normal}.books-grid{gap:12px;overflow:visible;flex-wrap:nowrap}.books-grid>button{min-width:76px}.book-cover-image{width:76px;height:108px;border-radius:5px}.books-grid>button>strong{max-width:76px;margin-top:6px;font-size:11px}.books-grid>button>small{max-width:76px;color:#6d7887;font-size:10px}@media(max-width:1250px){.app-shell:has(.timeline-page) .header-search,.app-shell:has(.author-page) .header-search{display:flex}}@media(max-width:900px){.timeline-note{display:none}.timeline-content{grid-template-columns:1fr}}.app-shell:has(.author-page){background:#0b2030}.app-shell:has(.author-page) .topbar{background:linear-gradient(180deg,#051622f5,#081c2ad1);border-bottom:1px solid rgba(231,196,126,.18)}.app-shell:has(.author-page) .main-nav{background:#0416228c}.app-shell:has(.author-page) .main-nav button.active{color:#f5f8fb;background:#2f6fa8;border-color:transparent;border-radius:22px;box-shadow:none}.app-shell:has(.author-page) .main-nav button.active:after{display:none}.app-shell:has(.author-page) .header-search{color:#d7e2ec;background:#ffffff1f}.author-page{position:fixed;z-index:1;top:76px;right:0;bottom:0;left:0;display:grid;grid-template-columns:228px 1fr;overflow:hidden;color:#1d2f44;background:#10283a}.author-sidebar{display:flex;flex-direction:column;min-height:0;padding:16px 14px 18px;color:#e8eef4;background:linear-gradient(180deg,#0d2435,#122b3f 48%,#163247);border-right:1px solid #2a4d66}.author-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:16px;color:#9db3c6;font-size:11px}.author-crumb button{border:0;padding:0;color:#c5d7e6;background:transparent}.author-crumb svg{width:12px;height:12px;opacity:.7}.author-crumb span{color:#f0d59a}.author-country{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:10px 12px;border-radius:12px;background:#ffffff0f}.author-country img{width:42px;height:28px;object-fit:cover;border-radius:4px;box-shadow:0 2px 8px #0006}.author-country strong{display:block;font-family:ZCOOL XiaoWei,serif;font-size:22px;color:#f4e2b0}.author-country small{color:#a9bfd0;font-size:11px;letter-spacing:1px}.author-side-nav{display:grid;gap:4px}.author-side-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:10px;color:#d5e2ec;background:transparent;text-align:left;font-size:13px}.author-side-nav button svg{width:16px;height:16px;opacity:.85}.author-side-nav button:hover,.author-side-nav button.active{color:#fff;background:linear-gradient(90deg,#2a6aa0,#3a86bf);box-shadow:0 6px 16px #0a203680}.author-side-foot{position:relative;margin-top:auto;overflow:hidden;border-radius:14px;min-height:210px}.author-side-foot>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(1.05)}.author-side-foot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 10%,rgba(8,24,38,.82) 68%,rgba(6,18,30,.95))}.author-side-foot p{position:relative;z-index:2;margin:72px 14px 12px;color:#f3e4b8;font-style:italic;line-height:1.7;font-size:13px}.author-side-foot>button{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 24px);margin:0 12px 12px;padding:10px 12px;border:1px solid #e7c98a66;border-radius:999px;color:#f5e4b4;background:#0c1c2ab8;font-size:13px}.author-main{min-width:0;overflow:auto;background:#0f2738}.author-main::-webkit-scrollbar{width:8px}.author-main::-webkit-scrollbar-thumb{border-radius:8px;background:#6f91aa}.author-hero{position:relative;display:grid;grid-template-columns:280px 1fr 220px;grid-template-rows:auto auto;gap:10px 18px;min-height:320px;padding:28px 28px 18px;overflow:hidden;color:#f7f1e4}.author-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(1.05) brightness(.92)}.author-hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#081826c7,#08182659 42%,#0818268c),linear-gradient(180deg,rgba(8,24,38,.2),transparent 35%,rgba(8,24,38,.55))}.author-portrait-wrap{position:relative;z-index:2;grid-row:1 / span 2;align-self:end;width:260px;height:300px;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}.author-portrait{width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 18px 28px #0009)}.author-identity{position:relative;z-index:2;grid-column:2;grid-row:1;align-self:end;padding-bottom:4px}.author-identity h1{margin:0;font-family:ZCOOL XiaoWei,serif;font-size:42px;font-weight:500;letter-spacing:1px;text-shadow:0 2px 10px #0008}.author-identity h1 small{margin-left:10px;font:italic 20px/1 Georgia,serif;color:#e8d9b0;letter-spacing:0}.author-years{margin:6px 0 12px;color:#d7c394;font-size:15px;letter-spacing:2px}.author-tags{display:flex;flex-wrap:wrap;gap:8px}.author-tags span{padding:5px 12px;border:1px solid #e8d19a55;border-radius:999px;color:#f4e7c4;background:#0e223073;font-size:12px}.author-signature{position:relative;z-index:2;grid-column:2;grid-row:2;align-self:start;margin:8px 0 0;max-width:440px;padding:0;color:#fff8e8;font-family:ZCOOL XiaoWei,serif;font-size:22px;line-height:1.55;text-shadow:0 2px 8px #0007}.author-signature svg{display:inline;width:18px;height:18px;margin-right:8px;vertical-align:-2px;color:#efd498}.author-parchment{position:relative;z-index:2;grid-column:3;grid-row:1;align-self:start;justify-self:end;width:210px;min-height:128px;margin-top:4px;padding:26px 22px 30px;color:#5a3b1a;background:url(/assets/parchment-note.png) center / 100% 100% no-repeat;border-radius:0;box-shadow:none;filter:drop-shadow(0 10px 14px #00101888);transform:rotate(2.5deg)}.author-parchment:before{content:"";position:absolute;top:16%;right:12%;bottom:18%;left:12%;background:url(/assets/paper-fiber.png) center / 160px;mix-blend-mode:multiply;opacity:.48;pointer-events:none}.author-parchment:after{content:"";position:absolute;right:6px;bottom:-2px;width:54px;height:54px;background:url(/assets/quill-ink.png) center / contain no-repeat;filter:drop-shadow(0 4px 6px #0006);transform:rotate(8deg);pointer-events:none}.author-parchment svg{position:relative;z-index:1;width:18px;height:18px;margin-bottom:8px;color:#7a5428}.author-parchment p{position:relative;z-index:1;margin:0;max-width:12em;font-style:italic;line-height:1.75;font-size:13px;text-shadow:0 1px 0 #f7e7c8aa}.author-video{position:relative;z-index:2;grid-column:3;grid-row:2;justify-self:end;align-self:end;width:200px;overflow:hidden;padding:0;border:1px solid #eed9a855;border-radius:12px;color:#f7ecd0;background:#0d2233cc;text-align:left;box-shadow:0 10px 22px #0006}.author-video img{display:block;width:100%;height:108px;object-fit:cover}.author-video span{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px}.author-video svg{width:15px;height:15px}.author-panel{position:relative;z-index:3;margin:0 18px 24px;padding:0 0 18px;border-radius:18px 18px 14px 14px;background:#f4f2ec;box-shadow:0 -8px 28px #00121f55}.author-tabs{display:flex;gap:2px;padding:8px 16px 0;overflow-x:auto;border-bottom:1px solid #dfe3e8;background:transparent}.author-tabs button{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:11px 16px 12px;border:0;border-radius:10px 10px 0 0;color:#7a8796;background:transparent;font-size:13px;font-weight:500}.author-tabs button svg{width:15px;height:15px;stroke-width:1.75}.author-tabs button.active{color:#1a3a5c;background:#fff;font-weight:700;box-shadow:inset 0 2px #5b9fd4,0 1px #fff}.author-body{display:grid;gap:18px;padding:20px 22px 16px;background:#f4f2ec;border-radius:0 0 14px 14px}.author-body-life{grid-template-columns:minmax(0,1fr) 260px}.author-body-works,.author-body-era,.author-body-quotes,.author-body-relations{grid-template-columns:minmax(0,1.35fr) minmax(220px,280px);align-items:start}.author-col h2,.works-main h2,.era-main h2,.quotes-main h2,.relations-main h2,.rail-card h3,.author-body-placeholder h2{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:#1a3a5c;font-size:16px;font-weight:700}.author-col h2 svg,.works-main h2 svg,.era-main h2 svg,.quotes-main h2 svg,.relations-main h2 svg,.rail-card h3 svg,.author-body-placeholder h2 svg{width:16px;height:16px;color:#3d7eae}.life-col{min-width:0;padding:4px 4px 8px 2px}.life-timeline{margin:0;padding:4px 0 8px;list-style:none;border-left:0}.life-timeline li{position:relative;display:flex;align-items:flex-start;gap:14px;margin:0;padding:0 0 22px 28px}.life-timeline li:last-child{padding-bottom:4px}.life-timeline li:before{content:"";position:absolute;left:0;top:5px;z-index:1;width:11px;height:11px;border:2px solid #6a9ec4;border-radius:50%;background:#f4f2ec;box-sizing:border-box}.life-timeline li:after{content:"";position:absolute;left:5px;top:16px;bottom:0;width:1px;background:#b7cddd}.life-timeline li:last-child:after{display:none}.life-timeline strong{flex:0 0 48px;color:#1a3a5c;font-family:"Noto Serif SC",ZCOOL XiaoWei,serif;font-size:17px;font-weight:700;line-height:1.35;letter-spacing:.3px}.life-timeline p{flex:1;margin:0;padding-top:2px;color:#4a5d70;font-size:14px;line-height:1.65}.life-timeline img{display:none}.works-main{min-width:0}.works-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.works-filters button{padding:6px 14px;border:1px solid #c5d4e2;border-radius:999px;color:#4a6278;background:transparent;font-size:12px}.works-filters button.active,.works-filters button:hover{color:#1a3a5c;border-color:#6a9ec4;background:#e8f1f8;font-weight:700}.works-timeline{margin:0;padding:0;list-style:none}.works-timeline li{position:relative;margin:0;padding:0 0 4px 28px}.works-timeline li:before{content:"";position:absolute;left:0;top:18px;z-index:1;width:11px;height:11px;border:2px solid #6a9ec4;border-radius:50%;background:#f4f2ec;box-sizing:border-box}.works-timeline li:after{content:"";position:absolute;left:5px;top:29px;bottom:0;width:1px;background:#b7cddd}.works-timeline li:last-child:after{display:none}.works-timeline li.active:before{background:#6a9ec4;box-shadow:0 0 0 4px #6a9ec433}.works-timeline button{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:start;width:100%;margin:0 0 14px;padding:12px 12px 14px;border:1px solid transparent;border-radius:12px;color:inherit;background:transparent;text-align:left;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.works-timeline li.active button,.works-timeline button:hover{border-color:#d5dde6;background:#fffcf7;box-shadow:0 6px 16px #1736540f}.works-year{color:#1a3a5c;font-family:"Noto Serif SC",ZCOOL XiaoWei,serif;font-size:17px;font-weight:700;line-height:1.35}.works-copy{display:grid;gap:3px;min-width:0}.works-title{color:#1a3a5c;font-family:"Noto Serif SC",serif;font-size:15px;font-style:normal;font-weight:700}.works-en{color:#7a8796;font:italic 12px/1.4 Georgia,serif}.works-blurb{margin-top:4px;color:#4a5d70;font-size:13px;line-height:1.65}.works-meta{display:grid;justify-items:end;gap:8px}.works-meta i{padding:3px 9px;border-radius:999px;color:#3d6f93;background:#e8f1f8;font-style:normal;font-size:11px}.works-meta img{width:56px;height:78px;object-fit:cover;border-radius:4px;box-shadow:0 4px 10px #17365422}.works-feature{position:sticky;top:12px;padding:18px 16px 20px;border:1px solid #e0d9cc;border-radius:14px;color:#1a3a5c;background-image:url(/assets/paper-fiber.png),linear-gradient(180deg,#fffdf8,#f3ead8);background-size:180px,auto;background-blend-mode:multiply,normal;box-shadow:0 8px 20px #17365410}.works-feature-label{margin:0 0 12px;color:#7a8796;font-size:11px;letter-spacing:2px}.works-feature-cover{display:block;width:100%;max-width:168px;height:236px;margin:0 auto 14px;object-fit:cover;border-radius:6px;box-shadow:0 12px 24px #17365428}.works-feature h3{margin:0;font-family:"Noto Serif SC",ZCOOL XiaoWei,serif;font-size:20px;font-weight:700;text-align:center}.works-feature>small{display:block;margin-top:4px;color:#7a8796;font:italic 12px/1.4 Georgia,serif;text-align:center}.works-feature-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:12px 0}.works-feature-tags span{padding:4px 10px;border-radius:999px;color:#3d6f93;background:#e8f1f8;font-size:11px}.works-feature-intro{margin:0 0 14px;color:#4a5d70;font-size:13px;line-height:1.7;text-align:center}.works-feature-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;border:1px solid #6a9ec4;border-radius:999px;color:#1a3a5c;background:#eef5fb;font-size:13px;font-weight:700}.works-feature-cta:hover{background:#e0eef8}.author-body-placeholder{display:grid;justify-items:start;gap:10px;min-height:220px;padding:8px 4px 24px}.author-body-placeholder p{margin:0;max-width:28em;color:#4a5d70;font-size:14px;line-height:1.7}.author-body-placeholder>button{display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 16px;border:1px solid #6a9ec4;border-radius:999px;color:#1a3a5c;background:#eef5fb;font-size:13px}.author-works{display:none}.era-main{min-width:0}.era-intro{margin:0 0 14px;max-width:42em;color:#4a5d70;font-size:14px;line-height:1.75}.era-chips-lg{margin:0 0 18px}.era-chips-lg span{padding:5px 12px;font-size:12px}.era-chapters{margin:0;padding:0;list-style:none}.era-chapters li{position:relative;margin:0;padding:0 0 4px 28px}.era-chapters li:before{content:"";position:absolute;left:0;top:20px;z-index:1;width:11px;height:11px;border:2px solid #6a9ec4;border-radius:50%;background:#f4f2ec;box-sizing:border-box}.era-chapters li:after{content:"";position:absolute;left:5px;top:31px;bottom:0;width:1px;background:#b7cddd}.era-chapters li:last-child:after{display:none}.era-chapters li.active:before{background:#6a9ec4;box-shadow:0 0 0 4px #6a9ec433}.era-chapters button{display:grid;grid-template-columns:minmax(92px,110px) minmax(0,1fr) 88px;gap:14px;align-items:start;width:100%;margin:0 0 14px;padding:12px 12px 14px;border:1px solid transparent;border-radius:12px;color:inherit;background:transparent;text-align:left;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.era-chapters li.active button,.era-chapters button:hover{border-color:#d5dde6;background:#fffcf7;box-shadow:0 6px 16px #1736540f}.era-years{color:#1a3a5c;font-family:"Noto Serif SC",ZCOOL XiaoWei,serif;font-size:15px;font-weight:700;line-height:1.35;letter-spacing:.2px}.era-copy{display:grid;gap:4px;min-width:0}.era-title{color:#1a3a5c;font-family:"Noto Serif SC",serif;font-size:15px;font-style:normal;font-weight:700}.era-blurb{color:#4a5d70;font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.era-thumb{width:88px;height:64px;object-fit:cover;border-radius:8px;box-shadow:0 4px 10px #17365422}.era-feature{position:sticky;top:12px;padding:18px 16px 20px;border:1px solid #e0d9cc;border-radius:14px;color:#1a3a5c;background-image:url(/assets/paper-fiber.png),linear-gradient(180deg,#fffdf8,#f3ead8);background-size:180px,auto;background-blend-mode:multiply,normal;box-shadow:0 8px 20px #17365410}.era-feature-banner{display:block;width:100%;height:128px;margin:0 0 14px;object-fit:cover;border-radius:10px;box-shadow:0 8px 18px #17365422}.era-feature h3{margin:0;font-family:"Noto Serif SC",ZCOOL XiaoWei,serif;font-size:20px;font-weight:700;text-align:center}.era-feature>small{display:block;margin-top:4px;color:#7a8796;font:italic 12px/1.4 Georgia,serif;text-align:center}.era-feature .works-feature-tags,.era-feature .works-feature-intro{text-align:center}.era-feature .works-feature-tags{justify-content:center;margin-top:12px}.era-peers{margin:4px 0 14px;padding:12px 10px;border-radius:10px;background:#fff8}.era-peers-label{margin:0 0 8px;color:#7a8796;font-size:11px;letter-spacing:2px;text-align:center}.era-peers ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.era-peers li{display:flex;justify-content:space-between;gap:8px;padding:6px 4px;border-bottom:1px dashed #e4e0d6;font-size:12px}.era-peers li:last-child{border-bottom:0}.era-peers strong{color:#1a3a5c}.era-peers small{color:#7a8796}.quotes-main,.relations-main{min-width:0}.quotes-list{margin:0;padding:0;list-style:none}.quotes-list li{position:relative;margin:0;padding:0 0 4px 28px}.quotes-list li:before{content:"";position:absolute;left:0;top:20px;z-index:1;width:11px;height:11px;border:2px solid #6a9ec4;border-radius:50%;background:#f4f2ec;box-sizing:border-box}.quotes-list li:after{content:"";position:absolute;left:5px;top:31px;bottom:0;width:1px;background:#b7cddd}.quotes-list li:last-child:after{display:none}.quotes-list li.active:before{background:#6a9ec4;box-shadow:0 0 0 4px #6a9ec433}.quotes-list button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:start;width:100%;margin:0 0 12px;padding:12px 12px 14px;border:1px solid transparent;border-radius:12px;color:inherit;background:transparent;text-align:left;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.quotes-list li.active button,.quotes-list button:hover{border-color:#d5dde6;background:#fffcf7;box-shadow:0 6px 16px #1736540f}.quote-mark{color:#6a9ec4;font-family:Georgia,serif;font-size:28px;line-height:.8}.quote-copy{display:grid;gap:4px;min-width:0}.quote-text{color:#1a3a5c;font-family:"Noto Serif SC",serif;font-size:15px;font-style:normal;font-weight:700;line-height:1.55}.quote-source{color:#7a8796;font:italic 12px/1.4 Georgia,serif}.quote-theme{padding:3px 9px;border-radius:999px;color:#3d6f93;background:#e8f1f8;font-style:normal;font-size:11px;white-space:nowrap}.relation-graph{position:relative;width:min(100%,560px);aspect-ratio:1 / 1;min-height:0;margin:8px auto 0;border:1px solid #d5dde6;border-radius:18px;background:#fffcf7;box-shadow:inset 0 0 0 1px #fff8,0 8px 22px #1736540d;overflow:hidden}.relation-graph-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.relation-orbit{fill:none;stroke:#d7e3ee;stroke-width:.45;stroke-dasharray:1.4 1.2}.relation-graph-lines line{stroke:#5f87a8;stroke-width:.55;stroke-linecap:round;opacity:.55;transition:stroke .2s ease,opacity .2s ease,stroke-width .2s ease}.relation-graph-lines line[data-group=家人]{stroke:#9a6240}.relation-graph-lines line[data-group=同代作家]{stroke:#2f6f9e}.relation-graph-lines line[data-group=作品人物]{stroke:#4d5f86}.relation-graph-lines line[data-group=影响与传承]{stroke:#4f7d45}.relation-line-dot{fill:#5f87a8;opacity:.7}.relation-line-dot[data-group=家人]{fill:#9a6240}.relation-line-dot[data-group=同代作家]{fill:#2f6f9e}.relation-line-dot[data-group=作品人物]{fill:#4d5f86}.relation-line-dot[data-group=影响与传承]{fill:#4f7d45}.relation-graph.has-focus .relation-graph-lines g:not(.is-active) line,.relation-graph.has-focus .relation-graph-lines g:not(.is-active) .relation-line-dot{opacity:.18}.relation-graph-lines g.is-active line{stroke-width:1.05;opacity:1}.relation-graph-lines g.is-active .relation-line-dot{opacity:1;r:1.6}.relation-hub{position:absolute;left:50%;top:50%;z-index:3;display:grid;justify-items:center;gap:5px;width:122px;padding:12px 10px 14px;border:2px solid #c9b48a;border-radius:20px;color:#132d48;background:#fff;box-shadow:0 12px 28px #1736542e;transform:translate(-50%,-50%);text-align:center}.relation-hub img{width:66px;height:66px;object-fit:cover;object-position:top center;border-radius:50%;border:3px solid #e8d7a8;background:#1a3a5c}.relation-hub strong{font-family:"Noto Serif SC",ZCOOL XiaoWei,serif;font-size:14px;font-weight:700;line-height:1.2}.relation-hub small{color:#5d7388;font-size:11px;letter-spacing:1px;font-weight:600}.relation-node{position:absolute;z-index:2;display:grid;justify-items:center;gap:6px;width:104px;padding:0;border:0;color:#132d48;background:transparent;transform:translate(-50%,-50%);transition:transform .18s ease,opacity .18s ease}.relation-graph.has-focus .relation-node:not(.active){opacity:.42}.relation-node:hover,.relation-node.active{opacity:1;transform:translate(-50%,-50%) scale(1.08);z-index:5}.relation-node .relation-avatar{width:52px;height:52px;border:3px solid #fff;font-size:18px;box-shadow:0 6px 14px #17365433;transition:box-shadow .18s ease,transform .18s ease}.relation-node.active .relation-avatar,.relation-node:hover .relation-avatar{box-shadow:0 0 0 4px #2f6f9e44,0 10px 18px #17365440}.relation-node-copy{display:grid;gap:2px;min-width:88px;padding:6px 8px;border:1px solid #d7cfc0;border-radius:10px;background:#fff;box-shadow:0 4px 12px #1736541f;text-align:center}.relation-node.active .relation-node-copy{border-color:#6a9ec4;box-shadow:0 6px 16px #17365428}.relation-node-copy em{color:#132d48;font-family:"Noto Serif SC",serif;font-size:13px;font-style:normal;font-weight:700;line-height:1.25}.relation-node-copy small{color:#3d6f93;font-size:11px;font-weight:600;line-height:1.3}.relation-legend{position:absolute;left:14px;bottom:14px;z-index:3;display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px;border:1px solid #e0d9cc;border-radius:12px;background:#fffffff2;box-shadow:0 4px 12px #17365414}.relation-legend span{display:flex;align-items:center;gap:6px;color:#2c445c;font-size:12px;font-weight:600}.relation-legend i{width:9px;height:9px;border-radius:50%;background:#2f6f9e}.relation-legend span[data-group=家人] i{background:#9a6240}.relation-legend span[data-group=同代作家] i{background:#2f6f9e}.relation-legend span[data-group=作品人物] i{background:#4d5f86}.relation-legend span[data-group=影响与传承] i{background:#4f7d45}.relation-avatar,.relation-feature-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#f7f1e4;background:#3d6f93;font-family:ZCOOL XiaoWei,serif;font-size:16px;box-shadow:0 4px 10px #17365422}.relation-avatar[data-group=家人],.relation-feature-avatar[data-group=家人]{background:#9a6240}.relation-avatar[data-group=同代作家],.relation-feature-avatar[data-group=同代作家]{background:#2f6f9e}.relation-avatar[data-group=作品人物],.relation-feature-avatar[data-group=作品人物]{background:#4d5f86}.relation-avatar[data-group=影响与传承],.relation-feature-avatar[data-group=影响与传承]{background:#4f7d45}.quote-feature,.relation-feature{position:sticky;top:12px;padding:18px 16px 20px;border:1px solid #e0d9cc;border-radius:14px;color:#1a3a5c;background-image:url(/assets/paper-fiber.png),linear-gradient(180deg,#fffdf8,#f3ead8);background-size:180px,auto;background-blend-mode:multiply,normal;box-shadow:0 8px 20px #17365410}.quote-feature-card{position:relative;margin:0 0 14px;padding:22px 18px 20px;border:0;color:#5a3b1a;background:url(/assets/parchment-note.png) center / 100% 100% no-repeat;filter:drop-shadow(0 8px 12px #17365428);min-height:150px;display:grid;align-content:center;justify-items:center;text-align:center}.quote-feature-card svg{width:18px;height:18px;margin-bottom:8px;color:#7a5428}.quote-feature-card p{margin:0;max-width:14em;font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;font-size:17px;line-height:1.7;text-shadow:0 1px 0 #f7e7c8aa}.quote-feature .works-feature-tags,.relation-feature .works-feature-tags{justify-content:center;margin:0 0 12px}.quote-feature .works-feature-intro,.relation-feature .works-feature-intro{text-align:center}.relation-feature-avatar{width:72px;height:72px;margin:0 auto 12px;font-size:28px}.relation-feature h3{margin:0;font-family:"Noto Serif SC",ZCOOL XiaoWei,serif;font-size:20px;font-weight:700;text-align:center}.relation-feature>small{display:block;margin:4px 0 10px;color:#7a8796;font:italic 12px/1.4 Georgia,serif;text-align:center}.author-rail{display:grid;gap:12px;align-content:start}.rail-card{padding:14px;border:1px solid #e6e2d8;border-radius:12px;background:#fff;box-shadow:0 4px 14px #1736540c}.era-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.era-chips span{padding:4px 9px;border-radius:999px;color:#355978;background:#e8f1f8;font-size:11px}.era-periods{margin:0 0 10px;padding:0;list-style:none}.era-periods li{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px dashed #e4e0d6;font-size:12px}.era-periods strong{color:#2c445c}.era-periods small{color:#7d8894}.era-banner{width:100%;height:78px;object-fit:cover;border-radius:8px}.place-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.place-list li{display:flex;align-items:center;gap:10px}.place-list img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:2px solid #e8d7a8}.place-list strong{display:block;font-size:13px;color:#24384e}.place-list small{color:#748190;font-size:11px}.rail-quote{position:relative;min-height:132px;padding:24px 18px 28px;color:#5a3b1a;background:url(/assets/parchment-note.png) center / 100% 100% no-repeat;border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 12px #17365428);transform:rotate(-1.5deg)}.rail-quote:before{content:"";position:absolute;top:15%;right:11%;bottom:17%;left:11%;background:url(/assets/paper-fiber.png) center / 150px;mix-blend-mode:multiply;opacity:.5;pointer-events:none}.rail-quote svg{position:relative;z-index:1;width:18px;height:18px;margin-bottom:8px;color:#7a5428}.rail-quote p{position:relative;z-index:1;margin:0;font-family:ZCOOL XiaoWei,serif;font-size:16px;line-height:1.7;text-shadow:0 1px 0 #f7e7c8aa}@media(max-width:1280px){.author-body-life,.author-body-works,.author-body-era,.author-body-quotes,.author-body-relations{grid-template-columns:1fr}.author-rail{grid-template-columns:repeat(3,1fr)}.works-feature,.era-feature,.quote-feature,.relation-feature{position:static}.works-feature{display:grid;grid-template-columns:160px 1fr;gap:12px 16px;align-items:start}.works-feature-cover{max-width:160px;height:220px;margin:0}.works-feature-label{grid-column:1 / -1;margin-bottom:0}.works-feature h3,.works-feature>small,.works-feature-tags,.works-feature-intro,.works-feature-cta{text-align:left;justify-content:flex-start}.works-feature-tags{justify-content:flex-start}.era-feature{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.era-feature .works-feature-label,.era-feature-banner,.era-feature .works-feature-cta{grid-column:1 / -1}.era-feature h3,.era-feature>small,.era-feature .works-feature-intro,.era-feature .works-feature-tags{text-align:left}.era-feature .works-feature-tags{justify-content:flex-start}.era-peers{grid-column:1 / -1}.era-peers-label{text-align:left}.quote-feature,.relation-feature{display:grid;gap:8px}}@media(max-width:980px){.author-page{grid-template-columns:1fr;top:66px;right:0;bottom:0;left:0}.author-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:none;overflow:visible}.author-side-foot{grid-column:1 / -1;min-height:160px}.author-hero{grid-template-columns:1fr;min-height:0;padding:18px}.author-portrait-wrap{grid-row:auto;width:180px;height:210px;margin:0 auto}.author-signature,.author-parchment,.author-video{grid-column:auto;justify-self:stretch;width:auto}.author-rail{grid-template-columns:1fr}.works-timeline button{grid-template-columns:48px 1fr;gap:10px}.works-meta{grid-column:2;justify-items:start;grid-auto-flow:column;align-items:center}.works-feature,.era-feature{grid-template-columns:1fr}.works-feature-cover{margin:0 auto}.works-feature h3,.works-feature>small,.works-feature-intro,.era-feature h3,.era-feature>small,.era-feature .works-feature-intro,.quote-feature .works-feature-intro,.relation-feature h3,.relation-feature>small,.relation-feature .works-feature-intro{text-align:center}.works-feature-tags,.works-feature-cta,.era-feature .works-feature-tags,.era-feature .works-feature-cta,.quote-feature .works-feature-tags,.relation-feature .works-feature-tags{justify-content:center}.era-peers-label{text-align:center}.era-chapters button{grid-template-columns:88px 1fr;gap:10px}.era-thumb{grid-column:2;width:72px;height:52px}.quotes-list button{grid-template-columns:28px 1fr;gap:10px}.quote-theme{grid-column:2;justify-self:start}.relation-graph{width:min(100%,420px)}.relation-node{width:92px}.relation-node .relation-avatar{width:46px;height:46px;font-size:16px}.relation-node-copy em{font-size:12px}.relation-hub{width:100px;padding:10px 8px 12px}.relation-hub img{width:54px;height:54px}.relation-hub strong{font-size:13px}}.book-page{position:fixed;z-index:2;top:76px;right:0;bottom:0;left:0;overflow:auto;color:#25374c;background:#f2eee5 url(/assets/paper-fiber.png) center/220px}.book-crumb{position:absolute;z-index:8;left:32px;top:18px;display:flex;align-items:center;gap:6px;color:#f4e9d3;text-shadow:0 2px 6px #071729}.book-crumb button{border:0;color:inherit;background:transparent}.book-crumb svg{width:14px}.book-hero{position:relative;height:330px;overflow:hidden}.book-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.book-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#040f1ef0,#081a2cb0 37%,#0a18271f 68%),linear-gradient(0deg,rgba(9,21,32,.52),transparent 42%)}.book-cover-stack{position:absolute;left:4.5%;bottom:26px;width:126px}.book-cover-stack img{width:100%;height:172px;object-fit:cover;border:4px solid #e8d5a6;border-radius:5px;box-shadow:0 14px 34px #020912a8;transform:rotate(-2deg)}.book-cover-stack span{position:absolute;right:-12px;bottom:-8px;padding:5px 10px;border-radius:14px;color:#5b3e22;background:#ecd49d;border:1px solid #a7773c;font-size:11px}.book-intro{position:absolute;left:15%;bottom:28px;color:#fff;text-shadow:0 2px 7px #071525}.book-eyebrow{margin:0 0 5px;color:#e8c77e;font-size:11px;letter-spacing:3px}.book-intro h1{margin:0;font-family:ZCOOL XiaoWei,serif;font-size:42px;letter-spacing:3px}.book-intro>em{display:block;margin:4px 0 8px;font:italic 20px Georgia,serif;color:#dfdfd9}.book-author{display:flex;align-items:center;gap:4px;padding:0;border:0;color:#ead3a1;background:transparent}.book-author svg{width:14px}.book-tags{display:flex;gap:7px;margin:12px 0}.book-tags span{padding:4px 11px;border:1px solid #e7d4a459;border-radius:18px;background:#102b43a8;font-size:10px}.book-intro blockquote{max-width:530px;margin:10px 0 0;padding-left:13px;border-left:2px solid #d5b469;color:#f5ead2;font-size:14px}.book-quick{position:absolute;right:4%;bottom:30px;display:flex;align-items:center;gap:12px;padding:13px 20px;border:1px solid #f0d7a579;border-radius:12px;color:#fff;background:#081d30c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 9px 24px #020b1499;text-align:left}.book-quick>svg{width:34px;height:34px;padding:7px;border-radius:50%;background:#e4c57d;color:#203449}.book-quick strong,.book-quick small{display:block}.book-quick small{margin-top:3px;color:#d6d9da;font-size:10px}.book-shell{padding:0 24px 50px}.book-layer-tabs{position:sticky;z-index:10;top:0;display:grid;grid-template-columns:repeat(7,1fr);height:56px;margin:-1px 0 14px;border:1px solid #d1c6af;border-radius:0 0 14px 14px;background:#fffdf8e8;box-shadow:0 8px 22px #1c30451a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.book-layer-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-right:1px solid #d8d1c3;color:#526174;background:transparent}.book-layer-tabs button:last-child{border:0}.book-layer-tabs button.active{color:#1a5c81;background:#e5f3f7;box-shadow:inset 0 -3px #3b8aa8}.book-layer-tabs svg{width:17px}.book-overview{display:grid;grid-template-columns:1.45fr 1fr 1.2fr;gap:12px;margin-bottom:14px}.book-overview>div{min-height:82px;padding:13px 16px;border:1px solid #ded6c8;border-radius:10px;background:#fffdf9;box-shadow:0 5px 14px #25374c0d}.book-overview strong{display:block;margin-bottom:7px;color:#1e4963}.book-overview p{margin:0;color:#647180;font-size:12px;line-height:1.7}.book-overview span{display:inline-flex;align-items:center;gap:4px;margin:0 6px 6px 0;padding:5px 8px;border-radius:13px;background:#edf3f3;color:#486678;font-size:10px}.book-overview span svg{width:13px}.book-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:14px}.relation-universe{min-height:620px;padding:18px;border:1px solid #dcd4c7;border-radius:14px;background:#fffdfa;box-shadow:0 10px 28px #1d304514}.relation-universe>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:13px;border-bottom:1px solid #e3ddd3}.book-section-kicker{margin:0;color:#a47435;font-size:10px;letter-spacing:3px}.relation-universe h2{margin:3px 0 2px;font-family:ZCOOL XiaoWei,serif;color:#183d56;font-size:25px}.relation-universe header small{color:#7d8792}.relation-switch{display:flex;padding:3px;border:1px solid #d4c9b7;border-radius:22px;background:#f3efe7}.relation-switch button{display:flex;align-items:center;gap:5px;padding:8px 12px;border:0;border-radius:18px;color:#657281;background:transparent;font-size:11px}.relation-switch button.active{color:#fff;background:#245b75;box-shadow:0 4px 10px #1a405b36}.relation-switch svg{width:14px}.book-network{position:relative;height:500px;margin-top:8px;overflow:hidden;background:radial-gradient(circle at center,#eef8f8 0,#faf7f0 43%,transparent 70%)}.network-orbit{position:absolute;left:50%;top:50%;width:72%;height:72%;border:1px dashed #7798a67a;border-radius:50%;transform:translate(-50%,-50%)}.network-orbit.inner{width:42%;height:42%;border-color:#c19c6188}.character-node{position:absolute;z-index:4;width:132px;padding:0;border:0;color:#24384c;background:transparent;transform:translate(-50%,-50%)}.character-node img{width:70px;height:70px;display:block;margin:auto;object-fit:cover;border:4px solid #f7eed9;border-radius:50%;box-shadow:0 0 0 2px var(--node),0 7px 16px #172a3d38}.character-node span{display:block;margin-top:5px;padding:5px 6px;border-radius:8px;background:#fffdf4e8;box-shadow:0 3px 10px #20324722}.character-node strong,.character-node small{display:block}.character-node small{color:#7d8490;font-size:9px}.character-node:hover,.character-node.active{transform:translate(-50%,-50%) scale(1.07)}.character-node.active img{box-shadow:0 0 0 4px var(--node),0 0 24px #e0bb6c99}.network-center{position:absolute;z-index:3;left:50%;top:50%;width:122px;padding:11px;border:1px solid #b98f4f;border-radius:50%;color:#fff;background:#173d55;box-shadow:0 0 0 10px #fff8,0 12px 32px #12354d55;transform:translate(-50%,-50%);text-align:center}.network-center img{width:62px;height:62px;object-fit:cover;border:3px solid #eacb87;border-radius:50%}.network-center strong,.network-center small{display:block}.network-center small{color:#d9cba9;font-size:9px}.event-chain{margin:18px 0 0;padding:0 0 0 12px;list-style:none}.event-chain li{position:relative;padding:0 0 12px 28px;border-left:2px solid #8bafbd}.event-chain li:before{content:"";position:absolute;left:-7px;top:20px;width:10px;height:10px;border:2px solid #e6c477;border-radius:50%;background:#245b75}.event-chain button{width:100%;display:grid;grid-template-columns:48px 1fr 24px;gap:12px;align-items:center;padding:10px 13px;border:1px solid #dfd8cb;border-radius:10px;color:#34475a;background:#fbfaf6;text-align:left}.event-chain button:hover{background:#edf7f8;transform:translate(3px)}.event-index{font:22px Georgia,serif;color:#b08448}.event-chain strong,.event-chain small{display:block}.event-chain small{color:#9a7849;font-size:10px}.event-chain p{margin:4px 0;color:#687582;font-size:11px}.event-chain div div{display:flex}.event-chain div div img{width:24px;height:24px;object-fit:cover;border:2px solid #fff;border-radius:50%;margin-right:-5px}.event-chain svg{width:16px}.relation-matrix{margin-top:18px;overflow:auto;border:1px solid #ddd4c4;border-radius:10px}.matrix-head,.matrix-row{min-width:calc(180px + var(--events,7) * 60px);display:grid;grid-template-columns:180px repeat(var(--events,7),minmax(60px,1fr));align-items:center}.matrix-head{color:#fff;background:#234e67}.matrix-head>*{padding:10px 6px;text-align:center;font-size:10px}.matrix-row{border-top:1px solid #e3ddd2;background:#fffdf8}.matrix-row:nth-child(odd){background:#f6f2e9}.matrix-row>span{display:flex;align-items:center;gap:8px;padding:7px 12px}.matrix-row img{width:34px;height:34px;object-fit:cover;border-radius:50%}.matrix-row i{text-align:center;color:#c8c1b5;font-style:normal}.matrix-row i.involved{color:#b56a46}.book-inspector{display:grid;align-content:start;gap:12px}.character-profile,.book-side-card{padding:14px;border:1px solid #dbd1c1;border-radius:12px;background:#fffdf8;box-shadow:0 7px 20px #26394c12}.character-profile{text-align:center}.character-profile>img{width:100%;height:170px;object-fit:cover;object-position:center 24%;border-radius:8px}.character-profile>p{margin:10px 0 2px;color:#a27b45;font-size:9px;letter-spacing:3px}.character-profile h3{margin:0;color:#1e435a;font-size:21px}.character-profile>small{color:#7b8490}.character-profile blockquote{margin:11px 0;padding:10px;border-radius:8px;color:#5e6670;background:#f3ede1;font-size:11px;line-height:1.7}.profile-relation{padding-top:9px;border-top:1px solid #e0d7c7}.profile-relation span,.profile-relation strong{display:block}.profile-relation span{color:#9b7b50;font-size:9px}.profile-relation strong{margin-top:3px;color:#40586b;font-size:12px}.book-side-card h3{display:flex;align-items:center;gap:6px;margin:0 0 10px;color:#274b63}.book-side-card h3 svg{width:16px}.book-side-card>img{width:100%;height:82px;object-fit:cover;border-radius:7px}.book-side-card>strong{display:block;margin-top:8px}.book-side-card p,.book-side-card li{color:#6c7680;font-size:10px;line-height:1.6}.book-side-card button{width:100%;display:flex;justify-content:center;align-items:center;gap:5px;padding:8px;border:0;border-radius:7px;color:#fff;background:#285d76}.book-side-card button svg{width:14px}.theme-card ul{margin:0;padding-left:18px}.theme-card li{margin:5px 0}@media(max-width:1180px){.book-intro{left:18%}.book-content-grid{grid-template-columns:1fr}.book-inspector{grid-template-columns:repeat(3,1fr)}.character-profile>img{height:120px}.book-overview{grid-template-columns:1fr 1fr}.book-overview>div:first-child{grid-column:1/-1}.book-quick{display:none}}@media(max-width:800px){.book-page{top:66px;right:0;bottom:0;left:0}.book-hero{height:460px}.book-cover-stack{left:20px;bottom:28px;width:96px}.book-cover-stack img{height:132px}.book-intro{left:132px;right:15px;bottom:24px}.book-intro h1{font-size:28px}.book-intro blockquote{font-size:11px}.book-shell{padding-inline:10px}.book-layer-tabs{grid-template-columns:repeat(7,110px);overflow-x:auto}.book-overview{grid-template-columns:1fr}.book-overview>div:first-child{grid-column:auto}.relation-universe>header{display:grid}.relation-switch{overflow-x:auto}.book-network{height:540px}.character-node{width:100px}.character-node img{width:54px;height:54px}.network-center{width:100px}.book-inspector{grid-template-columns:1fr}.book-crumb{left:16px}.matrix-head,.matrix-row{grid-template-columns:150px repeat(var(--events,7),82px)}}.relation-universe{min-height:550px}.book-network{height:430px}@media(max-width:800px){.book-network{height:500px}}.matrix-head>span:first-child,.matrix-row>span{position:sticky;left:0;z-index:1;background:inherit}.network-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.network-lines line{stroke:#7891a4;stroke-width:1;opacity:.7;vector-effect:non-scaling-stroke}.network-lines line.active{stroke:var(--node);stroke-width:2;opacity:1}.network-label{position:absolute;z-index:2;padding:2px 6px;border-radius:8px;color:#6b6b68;background:#fffdf5;box-shadow:0 2px 6px #20324718;font-size:9px;font-style:normal;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none}.network-center{cursor:pointer}.book-network.is-crowded{height:680px}.book-network.is-crowded .network-orbit{width:84%;height:82%}.book-network.is-crowded .network-orbit.inner{width:44%;height:50%}.book-network.is-crowded .character-node{width:96px}.book-network.is-crowded .character-node img{width:50px;height:50px;border-width:3px}.book-network.is-crowded .character-node span{padding:3px 4px}.book-network.is-crowded .character-node strong{font-size:12px}.book-network.is-crowded .network-label{font-size:10px;color:#40586b}@media(max-width:800px){.book-network.is-crowded{height:760px}.book-network.is-crowded .character-node{width:74px}.book-network.is-crowded .character-node img{width:40px;height:40px}.book-network.is-crowded .character-node small{display:none}}.profile-links{display:grid;gap:6px;margin:10px 0 0;padding:9px 0 0;border-top:1px solid #e0d7c7;list-style:none;text-align:left}.profile-links li{display:flex;align-items:baseline;gap:8px;font-size:11px;color:#5e6670}.profile-links button{flex:none;padding:0;border:0;color:#1e435a;background:none;font-weight:700;cursor:pointer}.profile-links button:hover{color:#b56a46}.book-layer-panel>header small{display:block;max-width:640px;line-height:1.7}.story-garden{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;margin-top:14px}.story-garden-map{position:relative;height:560px;border:1px solid #d9ccb3;border-radius:12px;overflow:hidden;background:#f3ead6 url(/assets/paper-fiber.png) center/220px}.story-garden-map svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.story-garden-map.has-image{height:auto;aspect-ratio:4/3;align-self:start;background:#efe4cc}.story-garden-map>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.story-garden-map.has-image .garden-marker{padding:2px 8px 2px 4px;border-color:#fff8;background:#fffdf5d9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.story-garden-map.has-image .garden-marker i{box-shadow:0 0 0 2px #fff}.story-garden-map.has-image .garden-marker.active i{animation:garden-pulse 1.6s ease-out infinite}@keyframes garden-pulse{0%{box-shadow:0 0 #f3d9a0cc}to{box-shadow:0 0 0 9px #f3d9a000}}.garden-wall{fill:#eef0dc;stroke:#b79a6a;stroke-width:1.2;stroke-dasharray:3 1.5;vector-effect:non-scaling-stroke}.garden-hill{fill:#c9d3ae;opacity:.8}.garden-stream{fill:none;stroke:#9cc3cf;stroke-width:14;stroke-linecap:round;opacity:.75;vector-effect:non-scaling-stroke}.garden-pond{fill:#a9cfd8;opacity:.8}.garden-marker{position:absolute;z-index:2;display:flex;align-items:center;gap:5px;padding:3px 8px 3px 5px;border:1px solid #cdb68d;border-radius:14px;color:#3b4a58;background:#fffdf5e8;box-shadow:0 3px 8px #2a3a4a22;font-size:12px;white-space:nowrap;transform:translate(-50%,-50%);cursor:pointer}.garden-marker i{width:9px;height:9px;border-radius:50%;background:#9aa6ae}.garden-marker.lived i{background:#b0463c}.garden-marker:hover,.garden-marker.active{z-index:3;border-color:#b0463c;color:#fff;background:#8f3a33}.garden-marker.active i,.garden-marker:hover i{background:#f3d9a0}.story-garden-card{align-self:start;padding:16px;border:1px solid #dbd1c1;border-radius:12px;background:#fffdf8}.story-garden-card h3{margin:2px 0 8px;color:#1e435a;font-size:20px}.story-garden-card>p{margin:0;color:#5e6670;font-size:12px;line-height:1.8}.garden-residents{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #e0d7c7}.garden-residents>span{width:100%;color:#9b7b50;font-size:10px}.garden-residents button{display:flex;align-items:center;gap:5px;padding:2px 8px 2px 2px;border:1px solid #e0d7c7;border-radius:14px;color:#1e435a;background:#f6f1e6;font-size:12px;cursor:pointer}.garden-residents img{width:24px;height:24px;border-radius:50%;object-fit:cover}.garden-events{margin:12px 0 0;padding:10px 0 0 16px;border-top:1px solid #e0d7c7;color:#40586b;font-size:12px;line-height:1.9}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none}.scene-grid button{display:flex;flex-direction:column;gap:6px;width:100%;height:100%;padding:14px;border:1px solid #dfd4c1;border-radius:12px;color:#25374c;background:#fffdf8;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}.scene-grid button:hover,.scene-grid button.active{border-color:#b0463c;box-shadow:0 8px 20px #8f3a3322}.scene-chapter{align-self:flex-start;padding:1px 8px;border-radius:10px;color:#8f3a33;background:#f5e3dc;font-size:10px}.scene-grid strong{color:#1e435a;font-size:17px}.scene-grid blockquote{margin:0;padding:8px 10px;border-left:3px solid #c49a3c;color:#5a3b1a;background:#f6efe0;font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;font-size:13px;line-height:1.7}.scene-grid p{flex:1;margin:0;color:#5e6670;font-size:12px;line-height:1.8}.scene-cast{display:flex;gap:4px}.scene-cast img{width:26px;height:26px;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 1px 4px #20324733}.why-reasons{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none}.why-reasons li{display:flex;gap:12px;padding:14px;border:1px solid #dfd4c1;border-radius:12px;background:#fffdf8}.why-reasons li>span{color:#c49a3c;font-family:Georgia,serif;font-size:24px;line-height:1}.why-reasons strong{color:#1e435a;font-size:15px}.why-reasons p{margin:6px 0 0;color:#5e6670;font-size:12px;line-height:1.8}.why-block{margin-top:18px}.why-block h3{display:flex;align-items:center;gap:6px;margin:0 0 10px;color:#1e435a;font-size:16px}.why-block h3 svg{width:16px;height:16px;color:#3d7eae}.why-path{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:step}.why-path li{position:relative;padding:12px 12px 12px 40px;border-radius:10px;background:#f3ede1;counter-increment:step}.why-path li:before{content:counter(step);position:absolute;left:12px;top:12px;width:20px;height:20px;border-radius:50%;color:#fff;background:#234e67;font-size:11px;line-height:20px;text-align:center}.why-path strong{color:#1e435a;font-size:13px}.why-path p{margin:4px 0 0;color:#5e6670;font-size:12px;line-height:1.7}.why-audience{display:flex;flex-wrap:wrap;gap:8px}.why-audience span{padding:5px 12px;border:1px solid #d9ccb3;border-radius:14px;color:#40586b;background:#fffdf8;font-size:12px}.quick-video{display:block;width:100%;max-width:960px;aspect-ratio:16/9;margin:16px auto 0;border-radius:14px;background:#0d1620;box-shadow:0 12px 32px #14283c2e}.quick-lead{margin:14px 0 0;color:#2c4257;font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;font-size:19px;line-height:1.8}.quick-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:16px 0 0}.quick-facts div{padding:10px 12px;border-radius:10px;background:#f3ede1}.quick-facts dt{color:#9b7b50;font-size:10px}.quick-facts dd{margin:3px 0 0;color:#1e435a;font-size:15px;font-weight:700}.quick-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}.quick-center{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dfd4c1;border-radius:12px;background:#fffdf8}.quick-center img{width:58px;height:58px;border-radius:50%;object-fit:cover}.quick-center small,.quick-center strong,.quick-center span{display:block}.quick-center small{color:#9b7b50;font-size:10px}.quick-center strong{color:#1e435a;font-size:17px}.quick-center span{color:#5e6670;font-size:12px}.quick-quote{display:flex;align-items:center;margin:0;padding:12px 16px;border-left:3px solid #c49a3c;color:#5a3b1a;background:#f6efe0;font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;font-size:15px;line-height:1.7}.quick-go{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.quick-go button{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #234e67;border-radius:18px;color:#234e67;background:#fffdf8;cursor:pointer}.quick-go button:hover{color:#fff;background:#234e67}.quick-go svg{width:14px;height:14px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}.people-grid button{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;height:100%;padding:12px 10px;border:1px solid #dfd4c1;border-radius:12px;color:#25374c;background:#fffdf8;text-align:center;cursor:pointer}.people-grid button:hover,.people-grid button.active{border-color:var(--node);box-shadow:0 6px 16px #20324722}.people-grid img{width:58px;height:58px;margin-bottom:4px;border:3px solid #f7eed9;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--node)}.people-grid strong{color:#1e435a;font-size:15px}.people-grid small{color:#7d8490;font-size:10px}.people-grid p{flex:1;margin:4px 0;color:#5e6670;font-size:11px;line-height:1.7}.people-grid em{padding:2px 8px;border-radius:10px;color:#fff;background:var(--node);font-size:10px;font-style:normal}.story-arc{margin-top:16px}.story-arc-head{display:flex;align-items:baseline;gap:12px;padding:8px 12px;border-radius:10px;background:#234e67;color:#fff}.story-arc-head strong{flex:none;font-size:15px}.story-arc-head p{margin:0;color:#d9e4ec;font-size:12px;line-height:1.6}.story-timeline{position:relative;margin:10px 0 0;padding:0 0 0 8px;list-style:none}.story-timeline:before{content:"";position:absolute;left:25px;top:6px;bottom:6px;width:2px;background:#d9ccb3}.story-timeline li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:8px 0}.story-timeline-dot{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border:2px solid #c49a3c;border-radius:50%;color:#8f3a33;background:#fffdf8;font-family:Georgia,serif;font-size:12px;font-weight:700}.story-timeline li>div{padding:10px 14px;border:1px solid #e3d9c7;border-radius:10px;background:#fffdf8}.story-timeline small{color:#9b7b50;font-size:10px}.story-timeline strong{display:block;margin:2px 0 4px;color:#1e435a;font-size:16px}.story-timeline p{margin:0 0 8px;color:#5e6670;font-size:12px;line-height:1.8}.story-timeline .scene-cast button{padding:0;border:0;background:none;cursor:pointer}.story-timeline .scene-cast button:hover img{transform:scale(1.12)}@media(max-width:700px){.quick-row{grid-template-columns:1fr}.story-arc-head{display:block}}.book-layer-pending{display:grid;place-content:center;justify-items:center;gap:10px;text-align:center}.book-layer-pending p{margin:0;color:#6b7580}.book-layer-pending button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:0;border-radius:18px;color:#fff;background:#234e67;cursor:pointer}.book-layer-pending button svg{width:14px}@media(max-width:900px){.story-garden{grid-template-columns:1fr}.story-garden-map:not(.has-image){height:520px}.garden-marker{font-size:10px;padding:2px 6px 2px 4px}}.ocean-label{z-index:3;padding:3px 7px;border-radius:12px;background:#042b4157;box-shadow:0 2px 10px #00142052;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);white-space:nowrap;pointer-events:none}.pacific-west{left:3%;top:45%}.atlantic{left:38%;top:42%}.indian{left:63%;top:65%}.pacific-east{right:2%;top:48%}.arctic{left:50%;top:8%}@media(max-width:900px){.ocean-label{padding:3px 6px;font-size:12px;letter-spacing:2px;background:#03273b85;text-shadow:0 2px 5px #001b2b,0 0 4px #001b2b}.pacific-west{left:1.5%;top:47%}.atlantic{left:34%;top:46%}.indian{left:60%;top:71%}.pacific-east{right:1%;top:48%}.arctic{left:51%;top:14%}}.app-shell:has(.story-map-page) .topbar{height:78px;padding:8px 2.2vw 0;background:linear-gradient(180deg,rgba(6,34,52,.82),rgba(7,40,60,.55) 70%,transparent);border-bottom:0;box-shadow:none}.app-shell:has(.story-map-page) .circle-button{display:none}.app-shell:has(.story-map-page) .header-search{display:flex;width:min(280px,26vw);height:40px;margin-right:8px;color:#607388;background:#f7fafceb;box-shadow:0 4px 12px #16324c22}.app-shell:has(.story-map-page) .main-nav button.active,.app-shell:has(.story-map-page) .main-nav button.active:hover{color:#fff;background:#3b8eb8;border-color:transparent;border-radius:18px;box-shadow:0 8px 16px #2878a047}.app-shell:has(.story-map-page) .main-nav button.active:after{display:none}.story-map-page{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;color:#1d3a52;background:#0a3a58;overflow:hidden}.story-side{position:absolute;z-index:12;left:14px;top:96px;bottom:148px;width:200px;display:flex;flex-direction:column;gap:12px;padding:14px 12px;border:1px solid rgba(190,220,235,.22);border-radius:16px;background:linear-gradient(180deg,#082a44d1,#0a304ab8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 28px #00142847;overflow:auto}.story-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:14px;background:#ffffff1f}.story-mode-toggle button{display:flex;align-items:center;justify-content:center;gap:5px;height:36px;border:0;border-radius:11px;color:#d7e8f2;background:transparent;font-size:12px}.story-mode-toggle button.active{color:#fff;background:#2f7eaa;box-shadow:0 4px 12px #14466459}.story-mode-toggle svg{width:14px;height:14px}.story-cat-list{display:grid;gap:4px}.story-cat-list button{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border:0;border-radius:10px;color:#d5e7f1;background:transparent;text-align:left;font-size:13px}.story-cat-list button:hover{background:#ffffff14}.story-cat-list button.active{color:#fff;background:#3796be6b;box-shadow:inset 0 0 0 1px #aadcf047}.story-cat-list svg{width:15px;height:15px;opacity:.9}.story-age-block{margin-top:auto;padding-top:12px;border-top:1px solid rgba(200,225,235,.2)}.story-age-block p{margin:0 0 8px;color:#b7d0df;font-size:12px;letter-spacing:1px}.story-age-row{display:flex;flex-wrap:wrap;gap:6px}.story-age-row button{padding:5px 10px;border:1px solid rgba(190,220,235,.28);border-radius:14px;color:#d5e8f2;background:#ffffff0f;font-size:11px}.story-age-row button.active{color:#fff;border-color:transparent;background:#2f7eaa}.story-stage{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;padding:0;display:block}.story-map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#145a7e}.story-map-world{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.story-map-world .story-pin{pointer-events:auto}.story-map-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;-webkit-user-select:none;user-select:none;display:block}.story-map-ice{display:none}.story-ocean{position:absolute;z-index:3;transform:translate(-50%,-50%);color:#e8f4fa;font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;font-size:15px;letter-spacing:2px;text-align:center;text-shadow:0 2px 6px rgba(0,30,50,.55);pointer-events:none}.story-ocean small{display:block;margin-top:2px;font:italic 10px Georgia,serif;letter-spacing:1px;opacity:.85}.story-routes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.story-pin{position:absolute;z-index:5;display:grid;justify-items:center;gap:4px;width:92px;padding:0;border:0;color:#1f3d55;background:transparent;transform:translate(-50%,-78%);transition:transform .18s ease,filter .18s ease}.story-pin img{width:58px;height:58px;object-fit:cover;border:3px solid #fff8e8;border-radius:50%;box-shadow:0 8px 18px #0a233759,0 0 0 2px #468cb459;background:#dfeaf1}.story-pin span{max-width:110px;padding:4px 8px;border-radius:10px;background:#fffcf5f0;box-shadow:0 4px 12px #0f283c38}.story-pin strong,.story-pin small{display:block;line-height:1.25}.story-pin strong{font-size:11px}.story-pin small{color:#6a7d8d;font-size:9px}.story-pin:hover{transform:translate(-50%,-78%) scale(1.06);z-index:6}.story-pin.active{z-index:7;transform:translate(-50%,-78%) scale(1.08)}.story-pin.active img{box-shadow:0 10px 22px #0a233766,0 0 0 3px #3b8eb8,0 0 18px #50b4dc73}.story-pin.is-path img{border-radius:16px}.story-compass{position:absolute;z-index:8;left:230px;bottom:150px;width:78px;height:78px;overflow:visible;pointer-events:none;background:transparent}.story-detail{position:absolute;z-index:13;top:96px;right:24px;bottom:150px;width:min(300px,28vw);max-height:none;display:flex;flex-direction:column;overflow:auto;border:1px solid rgba(210,225,235,.55);border-radius:16px;background:#fffcf6f5;box-shadow:0 18px 40px #081e3247;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:story-panel-in .28s ease}@keyframes story-panel-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.story-detail-close{position:absolute;z-index:2;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;color:#4d6476;background:#ffffffd9;box-shadow:0 2px 8px #14283c2e}.story-detail-close svg{width:15px;height:15px}.story-detail-hero{height:150px;overflow:hidden;border-radius:16px 16px 0 0}.story-detail-hero img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.story-detail-body{padding:14px 16px 16px}.story-detail-body h2{margin:0;color:#1a4a66;font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;font-size:24px;letter-spacing:1px}.story-place{display:flex;align-items:center;gap:5px;margin:6px 0 10px;color:#5f7b8e;font-size:12px}.story-place svg{width:13px;height:13px}.story-detail-body blockquote{margin:0 0 10px;padding:0 0 0 10px;border-left:2px solid #7eb4d0;color:#4f6678;font:italic 12px/1.6 Georgia,"Noto Serif SC",serif}.story-summary{margin:0 0 12px;color:#526879;font-size:12px;line-height:1.7}.story-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.story-tags span{padding:4px 10px;border-radius:14px;color:#2f6f92;background:#e5f3f8;font-size:11px}.story-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:0 0 14px}.story-meta div{padding:8px 10px;border-radius:10px;background:#f3f0e8}.story-meta dt{color:#8a7960;font-size:10px}.story-meta dd{margin:3px 0 0;color:#2a4d63;font-size:12px;font-weight:600}.story-enter{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border:0;border-radius:12px;color:#fff;background:linear-gradient(180deg,#4aa0c8,#2f7eaa);box-shadow:0 8px 18px #286e964d;font-size:14px}.story-enter:hover{filter:brightness(1.05)}.story-enter svg{width:16px;height:16px}.story-hot{position:absolute;z-index:12;left:220px;right:18px;bottom:16px;padding:10px 14px 12px;border:1px solid rgba(210,230,240,.45);border-radius:16px;background:#f8fcffeb;box-shadow:0 10px 28px #081e322e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-hot header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.story-hot h3{display:flex;align-items:center;gap:7px;margin:0;color:#1f4f6c;font-size:15px}.story-hot h3 svg{width:16px;height:16px;color:#3b8eb8}.story-hot header>button{display:flex;align-items:center;gap:2px;border:0;color:#3b7ea0;background:transparent;font-size:12px}.story-hot header>button svg{width:14px;height:14px}.story-hot-rail-wrap{position:relative;display:flex;align-items:center;gap:6px}.story-hot-nav{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border:1px solid #c5d8e4;border-radius:50%;color:#3d6f8c;background:#fff;box-shadow:0 3px 8px #1e3c501f}.story-hot-nav svg{width:15px;height:15px}.story-hot-rail{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:4px 2px 6px;scrollbar-width:none}.story-hot-rail::-webkit-scrollbar{display:none}.story-hot-rail>button{flex:0 0 108px;display:grid;gap:4px;padding:0;border:0;color:#2a4d63;background:transparent;text-align:left}.story-hot-rail img{width:108px;height:72px;object-fit:cover;border-radius:10px;box-shadow:0 4px 12px #142d412e;border:2px solid transparent}.story-hot-rail>button.active img,.story-hot-rail>button:hover img{border-color:#3b8eb8}.story-hot-rail strong{font-size:12px;line-height:1.2}.story-hot-rail small{color:#6f8494;font-size:10px}@media(max-width:1100px){.story-side{width:180px}.story-hot,.story-compass{left:200px}.story-detail{width:min(280px,34vw);right:16px}.story-pin{width:80px}.story-pin img{width:48px;height:48px}}@media(max-width:900px){.app-shell:has(.story-map-page) .header-search{display:none}.story-map-page{overflow:auto}.story-side{position:relative;left:auto;top:auto;bottom:auto;width:auto;margin:78px 12px 0;max-height:none}.story-cat-list{grid-template-columns:repeat(2,1fr)}.story-stage{position:relative;inset:auto;min-height:70vh}.story-map-canvas{position:relative;inset:auto;min-height:420px}.story-detail{position:relative;top:auto;right:auto;bottom:auto;width:auto;margin:12px}.story-hot{position:relative;left:auto;right:auto;bottom:auto;margin:0 12px 16px}.story-compass{left:12px;bottom:12px;width:64px;height:64px}}.detail-panel{width:350px}.continent-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px}.continent-stats>div{padding:10px 12px;border:1px solid #9d713b55;border-radius:9px;background:#fffae473;text-align:center}.continent-stats strong{display:block;font:600 30px/1.1 Georgia,"Noto Serif SC",serif;color:#6b4424}.continent-stats small{color:#7d5d3a;font-size:12px;letter-spacing:2px}.continent-authors-title{display:flex;align-items:baseline;justify-content:space-between;margin:14px 0 8px;color:#5a3d20;font-size:14px;font-weight:600;letter-spacing:1px}.continent-authors-title small{color:#986a32;font-size:11px;font-weight:400;letter-spacing:0}.continent-authors{display:grid;gap:7px;margin:0 0 16px;padding:0;list-style:none}.continent-authors button{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:7px 9px;border:1px solid transparent;border-radius:9px;color:#3c2a17;background:#fffae480;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}.continent-authors button:hover{border-color:#9d713b88;background:#fff8e4;transform:translate(3px)}.continent-authors img,.continent-author-initial{width:40px;height:40px;border-radius:50%;border:2px solid #d9b370;box-shadow:0 2px 6px #4a2f1433}.continent-authors img{object-fit:cover;background:#efe0bd}.continent-author-initial{display:grid;place-items:center;color:#f6e6bf;background:linear-gradient(145deg,#6b4a2b,#3f2a17);font-family:ZCOOL XiaoWei,serif;font-size:18px}.continent-author-copy{min-width:0}.continent-author-copy strong,.continent-author-copy small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.continent-author-copy strong{font-size:14px}.continent-author-copy small{margin-top:2px;color:#86684a;font-size:11px}.continent-author-count{color:#7d5d3a;font-size:11px;white-space:nowrap}.continent-author-count b{margin-right:2px;color:#8a4f1d;font:600 17px Georgia,serif}.continent-authors button>svg{width:15px;height:15px;color:#a07a4a}.author-country-badge{width:42px;height:28px;display:grid;place-items:center;border-radius:4px;color:#f1d58f;background:#ffffff1f;box-shadow:0 2px 8px #0006}.author-country-badge svg{width:18px;height:18px}.author-portrait-fallback{width:200px;height:200px;margin:40px auto 0;display:grid;place-items:center;border:4px solid #e7c97f;border-radius:50%;color:#f6e7c1;background:radial-gradient(circle at 35% 30%,#3d5f82,#132b44);box-shadow:0 18px 36px #0009;font-family:ZCOOL XiaoWei,serif;font-size:88px}.works-cover-fallback{width:56px;height:78px;display:grid;place-items:center;padding:6px;border:1px solid #c9a86a;border-radius:4px;color:#f3e3bb;background:linear-gradient(160deg,#2f5474,#16304a);box-shadow:0 4px 10px #17365422;font-size:10px;line-height:1.35;text-align:center;overflow:hidden}.user-center{position:relative;display:flex;align-items:center}.user-menu{position:absolute;z-index:40;top:calc(100% + 12px);right:0;width:210px;padding:8px;border:1px solid #d7b06a8c;border-radius:12px;color:#f5e6c0;background:linear-gradient(180deg,#072032fa,#051826fa);box-shadow:0 18px 40px #000a;animation:user-menu-in .18s ease}.user-menu:before{content:"";position:absolute;top:-6px;right:16px;width:10px;height:10px;border-left:1px solid #d7b06a8c;border-top:1px solid #d7b06a8c;background:#07203a;transform:rotate(45deg)}@keyframes user-menu-in{0%{opacity:0;transform:translateY(-6px)}}.user-menu-head{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;margin-bottom:6px;border-bottom:1px solid #e7c77f33}.user-menu-avatar{width:38px;height:38px;flex:0 0 auto;border:2px solid #e7c77f;border-radius:50%;background:url(/assets/traveler-avatar.png) center/cover}.user-menu-head strong,.user-menu-head small{display:block}.user-menu-head strong{font-size:14px;color:#f1d68f}.user-menu-head small{margin-top:2px;color:#b9a67c;font-size:11px;letter-spacing:1px}.user-menu>button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:8px;color:#efe1bb;background:transparent;font-size:14px;text-align:left}.user-menu>button:hover{background:#e7c77f1f;color:#fff3d2}.user-menu>button .nav-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.user-menu>button>svg:last-child{width:15px;height:15px;margin-left:auto;opacity:.6}@media(max-width:900px){.user-center .avatar{display:block}}.works-feature-cover.works-cover-fallback{width:100%;max-width:168px;height:236px;padding:18px;font-family:ZCOOL XiaoWei,serif;font-size:22px;letter-spacing:2px}.page-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#7a5a2c;font-size:15px}.page-state.compact{min-height:120px;font-size:13px}.page-state svg{width:28px;height:28px}.page-state.is-error{color:#9b3b2e}.page-state button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid currentColor;border-radius:999px;color:inherit;background:transparent}.page-state button svg{width:14px;height:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.author-page-state{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 90px)}.map-error{position:absolute;z-index:6;left:50%;top:110px;transform:translate(-50%);padding:6px 18px;border-radius:14px;background:#fff8e8ee;box-shadow:0 8px 24px #0003}.story-state{position:absolute;z-index:5;left:50%;top:40%;transform:translate(-50%,-50%);padding:8px 20px;border-radius:14px;background:#fff8e8ee}.masters-empty{align-self:center;color:#8a6a3c;font-size:14px}.detail-panel .save.active{background:#b8863b;color:#fff}.author-fav{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border:1px solid #e7c77f;border-radius:999px;color:#f5e6c0;background:#0006;font-size:13px;cursor:pointer}.author-fav svg{width:14px;height:14px}.author-fav.active{color:#fff;background:#b8563b;border-color:#b8563b}.author-fav.active svg{fill:currentColor}.book-shelf-add{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:8px 16px;border:1px solid #e7c77f;border-radius:999px;color:#fff3d2;background:#0008;font-size:14px}.book-shelf-add svg{width:16px;height:16px}.story-actions{display:flex;gap:10px;align-items:stretch}.story-actions .story-enter{flex:1}.story-fav{width:46px;border:1px solid #d7b06a;border-radius:12px;color:#b8563b;background:#fff8e8}.story-fav svg{width:20px;height:20px}.story-fav.active svg{fill:currentColor}.story-author-link{padding:0;border:0;color:#2d6f99;background:none;font:inherit;text-decoration:underline;cursor:pointer}.author-body-places{padding:24px 28px}.places-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin:16px 0 0;padding:0;list-style:none}.places-grid li{display:flex;flex-direction:column;gap:6px}.places-grid img,.places-grid .works-cover-fallback{width:100%;height:140px;object-fit:cover;border-radius:10px}.places-grid small{color:#8a6a3c}.places-grid .place-desc{margin:0;color:#4a5a6a;font-size:13px;line-height:1.7}.author-body-reading .quote-mark svg{width:18px;height:18px}.author-body-reading .reading-reason{color:#8a6a3c}.avatar.is-signed{display:grid;place-items:center}.avatar-initial{font-size:17px;font-weight:700;color:#f1d68f}.search-results{display:grid;gap:14px;max-height:52vh;overflow:auto}.search-group ul{margin:6px 0 0;padding:0;list-style:none}.search-group button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;border-radius:8px;background:transparent;text-align:left;color:inherit}.search-group button:hover{background:#e7c77f26}.search-group small{color:#8a7a5c}.search-group svg{width:14px;height:14px;margin-left:auto;opacity:.5}.search-empty{color:#8a7a5c}.auth-modal{position:relative;width:min(400px,92vw);display:flex;flex-direction:column;gap:12px;padding:30px 30px 26px;border:1px solid #d7b06a;border-radius:18px;color:#3b2a14;background:linear-gradient(180deg,#fffaf0,#f6e7c6);box-shadow:0 24px 60px #0007}.auth-modal h2{margin:0;font-family:ZCOOL XiaoWei,serif;font-size:24px;color:#6b4a1c}.auth-sub{margin:0;color:#8a6a3c;font-size:13px}.auth-close{position:absolute;top:12px;right:12px;border:0;background:none;color:#8a6a3c}.auth-switch{display:flex;padding:3px;border-radius:999px;background:#e9d6ac}.auth-switch button{flex:1;padding:7px;border:0;border-radius:999px;background:transparent;color:#6b4a1c}.auth-switch button.active{background:#fff;box-shadow:0 2px 6px #0002}.auth-modal label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#6b4a1c}.auth-modal input{padding:10px 12px;border:1px solid #d7b06a;border-radius:10px;background:#fff;font-size:14px}.auth-error{margin:0;color:#b33c2a;font-size:13px}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:0;border-radius:10px;color:#fff;background:linear-gradient(180deg,#c99545,#9c6a26);font-size:15px}.auth-submit svg{width:17px;height:17px}.auth-submit:disabled{opacity:.6}.shelf-page{min-height:calc(100vh - 80px);padding:110px max(24px,5vw) 60px;background:linear-gradient(180deg,#f7ecd4,#efdcb6);color:#3b2a14}.shelf-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px 32px;margin-bottom:22px}.shelf-head h1{margin:2px 0 0;font-family:ZCOOL XiaoWei,serif;font-size:32px;color:#6b4a1c}.shelf-back{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #c99545;border-radius:999px;color:#6b4a1c;background:#fff8}.shelf-back svg,.shelf-tabs svg{width:16px;height:16px}.shelf-tabs{display:flex;gap:8px;margin-left:auto}.shelf-tabs button,.shelf-filters button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #d7b06a;border-radius:999px;color:#6b4a1c;background:#fff9}.shelf-tabs button.active,.shelf-filters button.active{color:#fff;background:#9c6a26;border-color:#9c6a26}.shelf-filters{display:flex;gap:8px;margin-bottom:18px}.shelf-empty{padding:60px 0;text-align:center;color:#8a6a3c}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none}.shelf-grid li{display:flex;gap:14px;padding:14px;border:1px solid #e3c98f;border-radius:14px;background:#fffaf0;box-shadow:0 6px 18px #6b4a1c1a}.shelf-grid img,.shelf-grid .works-cover-fallback{width:72px;height:102px;flex:0 0 auto;object-fit:cover;border-radius:6px}.shelf-copy{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.shelf-copy small{color:#8a6a3c}.shelf-author{align-self:flex-start;padding:0;border:0;color:#2d6f99;background:none;font-size:13px}.shelf-actions{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.shelf-actions select{padding:4px 6px;border:1px solid #d7b06a;border-radius:6px;background:#fff}.shelf-actions button,.fav-remove{border:0;background:none;color:sienna}.shelf-actions svg,.fav-remove svg{width:17px;height:17px}.fav-list,.visit-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.fav-list li{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e3c98f;border-radius:12px;background:#fffaf0}.fav-main{flex:1;display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;color:inherit}.fav-main img,.fav-icon{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;object-fit:cover;border-radius:10px;background:#e9d6ac;color:#6b4a1c;font-weight:700}.fav-main span{display:flex;flex-direction:column;gap:2px;min-width:0}.fav-main i{font-style:normal;font-size:12px;color:#9c6a26}.fav-main small{color:#8a6a3c}.visit-list button{width:100%;display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid #e3c98f;border-radius:10px;background:#fffaf0;text-align:left;color:inherit}.visit-list time{color:#8a6a3c;font-size:13px;min-width:150px}.visit-list i{font-style:normal;font-size:12px;padding:2px 8px;border-radius:999px;background:#e9d6ac;color:#6b4a1c}.app-shell.is-admin{background:#f3efe6}.admin-page{display:flex;min-height:100vh;padding-top:84px;background:#f3efe6;color:#2b2418;font-size:14px}.admin-side{width:200px;flex:0 0 auto;display:flex;flex-direction:column;gap:2px;padding:16px 10px;border-right:1px solid #e0d6c2;background:#fbf8f2;overflow:auto;max-height:calc(100vh - 84px);position:sticky;top:84px}.admin-side-title{margin:12px 8px 4px;color:#9a8a6a;font-size:12px;letter-spacing:1px}.admin-side button{display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:8px;background:none;color:#3b3020;text-align:left}.admin-side button:hover{background:#efe6d3}.admin-side button.active{background:#9c6a26;color:#fff}.admin-side svg{width:16px;height:16px}.admin-main{flex:1;min-width:0;padding:22px 28px}.admin-panel h1{margin:0;font-size:22px}.admin-hint{color:#8a7a5c;font-size:13px}.admin-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.admin-toolbar h1{margin-right:auto}.admin-search{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #d8ccb4;border-radius:8px;background:#fff}.admin-search svg{width:15px;height:15px;color:#9a8a6a}.admin-search input{border:0;outline:0;min-width:200px}.admin-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:8px;color:#fff;background:#9c6a26;cursor:pointer}.admin-primary svg{width:16px;height:16px}.admin-primary:disabled{opacity:.6}.admin-upload-btn input,.admin-upload input{display:none}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px}.admin-stats>*{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid #e0d6c2;border-radius:12px;background:#fff;text-align:left}.admin-stats strong{font-size:26px;color:#9c6a26}.admin-stats small{color:#6b5d44}.admin-table-wrap{overflow:auto;border:1px solid #e0d6c2;border-radius:10px;background:#fff}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:9px 12px;border-bottom:1px solid #f0e9da;text-align:left;white-space:nowrap}.admin-table th{background:#faf6ee;color:#6b5d44;font-weight:600;font-size:13px}.admin-table tr:hover td{background:#fdfaf3}.admin-row-actions{text-align:right}.admin-row-actions button{border:0;background:none;color:#8a6a3c;padding:4px}.admin-row-actions svg{width:16px;height:16px}.admin-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;color:#6b5d44}.admin-pager button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d8ccb4;border-radius:6px;background:#fff}.admin-pager button:disabled{opacity:.4}.admin-pager svg{width:15px;height:15px}.admin-form{width:min(880px,94vw);max-height:90vh;display:flex;flex-direction:column;border-radius:14px;background:#fff;box-shadow:0 24px 60px #0006;overflow:hidden}.admin-form header,.admin-form footer{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #eee4d0}.admin-form header h2{margin:0 auto 0 0;font-size:18px}.admin-form header button{border:0;background:none}.admin-form footer{justify-content:flex-end;border-top:1px solid #eee4d0;border-bottom:0}.admin-form footer button:first-child{padding:8px 14px;border:1px solid #d8ccb4;border-radius:8px;background:#fff}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:18px 20px;overflow:auto}.admin-field{display:flex;flex-direction:column;gap:5px}.admin-field.wide{grid-column:1/-1}.admin-field label{font-size:13px;color:#6b5d44}.admin-field label b{color:#c0392b;margin-left:2px}.admin-field-input{display:flex;gap:6px;align-items:center}.admin-field input:not([type=checkbox]),.admin-field select,.admin-field textarea,.admin-relation-add input,.admin-relation-add select,.admin-table select{flex:1;width:100%;padding:7px 9px;border:1px solid #d8ccb4;border-radius:7px;background:#fff;font:inherit}.admin-field input[type=checkbox]{width:18px;height:18px}.admin-upload{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid #d8ccb4;border-radius:7px;cursor:pointer;color:#8a6a3c}.admin-upload svg{width:16px;height:16px}.admin-thumb{max-width:120px;max-height:80px;object-fit:contain;border-radius:6px;border:1px solid #eee4d0}.admin-relations{display:grid;gap:12px;padding:0 20px 16px}.admin-relation{padding:12px;border:1px dashed #d8ccb4;border-radius:10px;background:#fcfaf5}.admin-relation>p{margin:0 0 8px;font-weight:600;color:#6b5d44}.admin-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.admin-chips span{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 10px;border-radius:999px;background:#efe3c8}.admin-chips button{display:grid;place-items:center;border:0;background:none;padding:0}.admin-chips svg{width:13px;height:13px}.admin-relation-add{display:flex;gap:8px}.admin-relation-add button{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #d8ccb4;border-radius:7px;background:#fff}.admin-relation-add svg{width:14px;height:14px}.admin-errors{margin:0 20px 12px;padding:10px 14px 10px 30px;border-radius:8px;background:#fdecea;color:#b33c2a}.admin-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #d8c7a4;border-radius:8px;color:#7a5520;background:#fff;cursor:pointer;white-space:nowrap}.admin-ghost svg{width:16px;height:16px}.admin-ghost:disabled{opacity:.6}.admin-import-sheets{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:16px 0;padding:0;list-style:none}.admin-import-sheets li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e0d6c2;border-radius:10px;background:#fff}.admin-import-sheets span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:#9c6a26;font-size:12px}.admin-import-sheets code{margin-right:auto;color:#8a7a5c;font-size:12px}.admin-import-sheets a{display:inline-flex;align-items:center;gap:4px;color:#9c6a26;font-size:13px;text-decoration:none}.admin-import-sheets a svg{width:14px;height:14px}.admin-import-sheets+.admin-toolbar .admin-hint{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-import-report h2{margin:18px 0 10px;font-size:16px}.admin-import-errors{margin:12px 0 0;padding:10px 14px 10px 30px;border-radius:8px;background:#fdecea;color:#b33c2a;font-size:13px;line-height:1.8}.admin-err{color:#b33c2a;font-weight:600}.admin-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:0;padding:0;list-style:none}.admin-media li{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid #e0d6c2;border-radius:10px;background:#fff}.admin-media img{width:100%;height:120px;object-fit:contain;background:#f6f1e6;border-radius:6px}.admin-media small{color:#8a7a5c}.admin-media div{display:flex;justify-content:flex-end;gap:4px}.admin-media button{border:0;background:none;color:#8a6a3c}.admin-media svg{width:15px;height:15px}.admin-action{padding:2px 8px;border-radius:999px;font-size:12px}.admin-action.create{background:#e3f2e1;color:#2e7d32}.admin-action.update{background:#fff3d6;color:#9c6a26}.admin-action.delete{background:#fdecea;color:#b33c2a}.admin-link{border:0;background:none;color:#2d6f99;padding:0}.admin-diff{max-width:420px;max-height:220px;overflow:auto;margin:0;padding:8px;border-radius:6px;background:#f6f1e6;font-size:12px;white-space:pre-wrap;cursor:pointer}.admin-login-hint{align-items:center;justify-content:center;text-align:center}.admin-login-hint>div{padding:40px 56px;border:1px solid #e0d6c2;border-radius:16px;background:#fff}.admin-login-hint p{color:#6b5d44;margin:10px 0 20px}@media(max-width:900px){.admin-page{flex-direction:column}.admin-side{width:auto;max-height:none;position:static;flex-direction:row;flex-wrap:wrap}.admin-form-grid{grid-template-columns:1fr}}