*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#010314;font-family:"Noto Serif SC",SimSun,STSong,serif;color:#e8e0d4;user-select:none;-webkit-user-select:none;cursor:grab}body:active{cursor:grabbing}#canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}#header{position:fixed;top:40px;left:50%;transform:translate(-50%);z-index:10;text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center}#site-title{font-family:Ma Shan Zheng,ZCOOL XiaoWei,KaiTi,STKaiti,cursive;font-size:4.2rem;font-weight:400;background:linear-gradient(180deg,#fff8e7,#f0d78c 20%,#d4a030,#8a5a10 80%,#6a3a08);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(240,200,80,.35)) drop-shadow(0 0 80px rgba(200,150,50,.15));letter-spacing:.55em;margin-bottom:8px;text-indent:.55em}#site-slogan{font-family:ZCOOL XiaoWei,"Noto Serif SC",KaiTi,serif;font-size:1rem;color:#b49b6e73;letter-spacing:.4em;font-weight:300;margin-bottom:24px}#search-bar{display:flex;align-items:center;gap:8px;pointer-events:auto;padding:0 0 8px;border-bottom:1px solid rgba(200,165,90,.15);transition:border-color .4s}#search-bar:focus-within{border-bottom-color:#e6b94680}.search-icon{font-size:.65rem;color:#c8a55a4d;transition:color .4s}#search-bar:focus-within .search-icon{color:#e6b9468c}#search-input{width:260px;padding:6px 0;background:transparent;border:none;outline:none;font-family:"Noto Serif SC",KaiTi,serif;font-size:.9rem;color:#d5c8a8;letter-spacing:.06em}#search-input::placeholder{color:#a08c6447;letter-spacing:.08em}#search-clear{background:none;border:none;color:#c8a55a4d;font-size:.8rem;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .25s;flex-shrink:0}#search-clear:hover{color:#d4a040;background:#dcaa5014}#search-clear.hidden{display:none}#search-result-info{pointer-events:auto;margin-top:10px;font-size:.7rem;color:#c8a05080;letter-spacing:.12em;font-family:"Noto Serif SC",serif;transition:opacity .3s}#search-result-info.hidden{display:none}#poem-count{position:fixed;top:48px;right:32px;z-index:10;font-size:.7rem;color:#9682644d;letter-spacing:.1em;pointer-events:none}#hint-bar{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:40px;font-size:.78rem;color:#9682644d;letter-spacing:.15em}#poem-detail{position:fixed;top:50%;right:36px;transform:translateY(-50%);z-index:20;width:440px;max-height:82vh;background:#0a0819bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(200,170,90,.2);border-radius:8px;box-shadow:0 8px 40px #00000080,inset 0 1px #ffffff08;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden}#poem-detail.hidden{opacity:0;transform:translateY(-50%) translate(50px);pointer-events:none}#detail-scroll{padding:30px 26px;overflow-y:auto;max-height:82vh;scroll-behavior:smooth}#detail-scroll::-webkit-scrollbar{width:3px}#detail-scroll::-webkit-scrollbar-track{background:transparent}#detail-scroll::-webkit-scrollbar-thumb{background:#8b775026;border-radius:2px}#close-detail{position:absolute;top:12px;right:12px;background:none;border:none;color:#c8aa7880;font-size:1.1rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .25s;z-index:5;font-family:serif}#close-detail:hover{color:#f0d78c;background:#c8aa5a1a}#detail-seal{position:absolute;top:18px;left:18px;width:40px;height:40px;border:1.5px solid #d4886b;border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:Ma Shan Zheng,KaiTi,cursive;font-size:1.5rem;color:#d4886b;opacity:.7;transform:rotate(-8deg);z-index:5;background:#c88c640d}#detail-header{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid rgba(200,170,90,.15);text-align:center}#detail-title{font-family:Ma Shan Zheng,ZCOOL XiaoWei,KaiTi,cursive;font-size:1.9rem;color:#f0d78c;font-weight:400;margin-bottom:8px;letter-spacing:.18em}#detail-meta{display:flex;gap:14px;align-items:baseline;justify-content:center}#detail-author{font-size:.95rem;color:#d5c0a0;font-weight:400}#detail-dynasty{font-size:.75rem;color:#c8aa7880;letter-spacing:.15em}#detail-poem-wrapper{margin-bottom:24px;padding:22px 18px;background:#c8aa5a0d;border:1px solid rgba(200,170,90,.1);border-radius:3px;display:flex;justify-content:center}#detail-poem{writing-mode:vertical-rl;text-orientation:mixed;font-family:Ma Shan Zheng,ZCOOL XiaoWei,KaiTi,cursive;font-size:1.15rem;line-height:2.3;color:#e8dcc8;letter-spacing:.18em;max-height:300px}#detail-poem p{margin:0;padding:2px 0}#detail-bio{margin-bottom:20px;padding:16px 18px;background:#c8aa5a0a;border-left:3px solid rgba(200,170,90,.25);border-radius:0 3px 3px 0}#detail-bio h3,#detail-notes h3{font-size:.8rem;color:#c4956a;margin-bottom:10px;letter-spacing:.2em;font-weight:400;text-align:center}#detail-bio-text{font-size:.84rem;color:#c8b496b3;line-height:1.85}#detail-notes{padding:16px 18px;background:#c8aa5a0a;border-radius:3px}.note-item{margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed rgba(200,170,90,.12)}.note-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.note-word{font-size:.84rem;color:#d4a060;font-weight:600;margin-bottom:2px}.note-explain{font-size:.8rem;color:#c8b49699;line-height:1.65}#hover-preview{position:fixed;z-index:15;pointer-events:none;max-width:260px;background:#080614f2;border:1px solid rgba(200,170,90,.22);border-radius:12px;padding:16px 18px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 50px #50321426;transition:opacity .12s}#hover-preview.hidden{opacity:0}#hover-title{font-size:.95rem;color:#f0d78c;margin-bottom:4px;font-family:Ma Shan Zheng,KaiTi,cursive}#hover-author{font-size:.74rem;color:#b4966e73;margin-bottom:8px}#hover-preview-text{font-size:.8rem;color:#c8b4968c;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#poem-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:opacity .5s cubic-bezier(.4,0,.2,1)}#poem-overlay.hidden{opacity:0;pointer-events:none}#poem-overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(8,6,22,.55) 0%,rgba(8,6,22,.35) 40%,rgba(8,6,22,.15) 70%,transparent 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}#poem-overlay-card{position:relative;width:min(620px,88vw);max-height:82vh;padding:40px 36px 36px;background:linear-gradient(135deg,#14102da6,#120e268c,#0e0a2099 60%,#14102da6);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(200,170,100,.18);border-radius:16px;box-shadow:0 0 80px #b48c3c14,0 0 40px #c896320f,0 20px 60px #00000080,inset 0 1px #fff0c80f,inset 0 -1px #0003;overflow:hidden;animation:poemOverlayIn .6s cubic-bezier(.22,.61,.36,1)}#poem-overlay-card:before{content:"";position:absolute;top:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(240,210,140,.25),transparent);z-index:1}#poem-overlay-card:after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,160,90,.15),transparent);z-index:1}@keyframes poemOverlayIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.poem-overlay-border{position:absolute;z-index:0;pointer-events:none}.poem-overlay-border-top{top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,170,100,.3) 20%,rgba(240,200,120,.4) 50%,rgba(200,170,100,.3) 80%,transparent)}.poem-overlay-border-bottom{bottom:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,170,100,.2) 30%,rgba(220,180,100,.3) 50%,rgba(200,170,100,.2) 70%,transparent)}.poem-overlay-border-left{top:6%;bottom:6%;left:0;width:1px;background:linear-gradient(180deg,transparent,rgba(200,170,100,.15) 25%,rgba(220,180,100,.25) 50%,rgba(200,170,100,.15) 75%,transparent)}.poem-overlay-border-right{top:6%;bottom:6%;right:0;width:1px;background:linear-gradient(180deg,transparent,rgba(200,170,100,.15) 25%,rgba(220,180,100,.25) 50%,rgba(200,170,100,.15) 75%,transparent)}.poem-overlay-corner{position:absolute;width:20px;height:20px;z-index:1;pointer-events:none}.poem-overlay-corner-tl{top:8px;left:8px;border-top:1.5px solid rgba(220,180,100,.5);border-left:1.5px solid rgba(220,180,100,.5);border-radius:2px}.poem-overlay-corner-tr{top:8px;right:8px;border-top:1.5px solid rgba(220,180,100,.5);border-right:1.5px solid rgba(220,180,100,.5);border-radius:2px}.poem-overlay-corner-bl{bottom:8px;left:8px;border-bottom:1.5px solid rgba(220,180,100,.5);border-left:1.5px solid rgba(220,180,100,.5);border-radius:2px}.poem-overlay-corner-br{bottom:8px;right:8px;border-bottom:1.5px solid rgba(220,180,100,.5);border-right:1.5px solid rgba(220,180,100,.5);border-radius:2px}#poem-overlay-close{position:absolute;top:14px;left:14px;z-index:5;background:#14102d80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(200,170,100,.25);color:#c8aa7899;font-size:1rem;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:serif;line-height:1}#poem-overlay-close:hover{color:#f0d78c;background:#c8963c33;border-color:#f0c87880;box-shadow:0 0 20px #c8963c33;transform:scale(1.08)}#poem-overlay-esc-hint{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:5;font-size:.7rem;color:#b4966e59;letter-spacing:.12em;font-family:"Noto Serif SC",KaiTi,serif;transition:opacity .5s;pointer-events:none}#poem-overlay-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-height:calc(82vh - 80px);overflow-y:auto;scroll-behavior:smooth}#poem-overlay-content::-webkit-scrollbar{width:3px}#poem-overlay-content::-webkit-scrollbar-track{background:transparent}#poem-overlay-content::-webkit-scrollbar-thumb{background:#8b775026;border-radius:2px}#poem-overlay-title{font-family:Ma Shan Zheng,ZCOOL XiaoWei,KaiTi,cursive;font-size:2.2rem;font-weight:400;color:#f0d78c;letter-spacing:.18em;margin-bottom:8px;text-align:center;text-shadow:0 0 20px rgba(240,210,120,.3),0 0 40px rgba(220,180,80,.15),0 0 80px rgba(200,150,50,.08)}#poem-overlay-meta{display:flex;gap:16px;align-items:baseline;margin-bottom:18px}#poem-overlay-author{font-size:1rem;color:#d5c0a0;font-weight:400;font-family:"Noto Serif SC",KaiTi,serif}#poem-overlay-dynasty{font-size:.78rem;color:#c8aa7880;letter-spacing:.15em;font-family:"Noto Serif SC",KaiTi,serif}.poem-overlay-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,170,100,.35),transparent);margin-bottom:22px}#poem-overlay-poem{writing-mode:vertical-rl;text-orientation:mixed;font-family:Ma Shan Zheng,ZCOOL XiaoWei,KaiTi,cursive;font-size:1.3rem;line-height:2.4;color:#f0e6d0;letter-spacing:.22em;max-height:400px;text-align:start;text-shadow:0 0 8px rgba(240,210,140,.25),0 0 20px rgba(220,180,100,.12),0 0 40px rgba(200,150,60,.06)}#poem-overlay-poem p{margin:0;padding:2px 0}#loading{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background:#010314;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s}#loading.hidden{opacity:0;pointer-events:none}#loading-text{font-family:Ma Shan Zheng,ZCOOL XiaoWei,KaiTi,cursive;font-size:1.7rem;color:#c4956a;margin-bottom:24px;letter-spacing:.3em}#loading-bar{width:280px;height:2px;background:#c8aa6e1a;border-radius:1px;overflow:hidden}#loading-progress{height:100%;width:0%;background:linear-gradient(90deg,#c4956a,#f0d78c);border-radius:1px;transition:width .35s ease-out}@media(max-width:768px){#site-title{font-size:2.6rem;letter-spacing:.4em}#header{top:18px}#search-input{width:180px;font-size:.8rem}#poem-detail{right:4px;width:calc(100vw - 8px);max-width:400px;max-height:65vh;box-shadow:0 6px 30px #00000080,0 0 0 3px #3c28141a,0 0 0 4px #8b77501f}#detail-scroll{padding:20px 14px}#detail-title{font-size:1.4rem}#detail-poem{font-size:.95rem;max-height:220px}#hint-bar{flex-direction:column;gap:6px;bottom:16px;font-size:.7rem}#roam-btn{bottom:80px;right:12px;font-size:.75rem;padding:8px 16px}#poem-overlay-card{width:92vw;padding:30px 20px 28px;border-radius:12px}#poem-overlay-title{font-size:1.6rem}#poem-overlay-poem{font-size:1.05rem;max-height:300px}#poem-overlay-close{top:10px;left:10px;width:28px;height:28px;font-size:.85rem}#poem-overlay-esc-hint{top:14px;font-size:.65rem}.poem-overlay-corner{width:14px;height:14px}.poem-overlay-corner-tl,.poem-overlay-corner-tr{top:6px}.poem-overlay-corner-bl,.poem-overlay-corner-br{bottom:6px}.poem-overlay-corner-tl,.poem-overlay-corner-bl{left:6px}.poem-overlay-corner-tr,.poem-overlay-corner-br{right:6px}}#roam-btn{position:fixed;bottom:80px;right:32px;z-index:15;padding:10px 22px;background:#140f28b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(200,170,90,.25);border-radius:24px;color:#c8aa78b3;font-family:"Noto Serif SC",KaiTi,serif;font-size:.82rem;letter-spacing:.12em;cursor:pointer;transition:all .35s;pointer-events:auto}#roam-btn:hover{background:#1e143cd9;border-color:#f0c86473;color:#f0d78c;box-shadow:0 0 30px #c8963c26}#roam-btn.active{background:#b4782833;border-color:#f0b43c80;color:#f0c060;box-shadow:0 0 25px #c88c2833}