*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;position:fixed;touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto}#app{width:100%;height:100%;position:relative}canvas{display:block}.hover-tooltip{position:absolute;z-index:10;pointer-events:none;color:#333;font-family:system-ui,-apple-system,sans-serif;background:#ffffffeb;backdrop-filter:blur(8px);border-radius:6px;padding:6px 12px;box-shadow:0 2px 8px #0000001f;opacity:0;transform:translate(-50%);transition:opacity .15s ease;white-space:nowrap}.hover-tooltip.visible{opacity:1;transform:translate(-50%)}.hover-tooltip .tooltip-title{font-size:13px;font-weight:600;letter-spacing:.03em}.hover-tooltip .tooltip-meta{font-size:10px;font-weight:400;color:#888;margin-top:2px}.detail-overlay{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:0}.detail-overlay.visible{pointer-events:auto;opacity:1}.detail-panel{position:absolute;z-index:30;padding:24px;overflow-y:auto;opacity:0;font-family:system-ui,-apple-system,sans-serif;touch-action:pan-y;pointer-events:none;color:#111;right:5%;top:50%;transform:translateY(-50%);width:40%;max-width:480px;min-width:280px;max-height:85vh}.detail-panel.visible{pointer-events:auto}.detail-panel h2{font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.detail-panel .detail-meta{font-size:13px;color:#888;margin-bottom:12px}.detail-panel .detail-desc{font-size:15px;color:#444;line-height:1.5;margin-bottom:20px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-btn{padding:10px 24px;font-size:14px;font-weight:600;border-radius:8px;border:1.5px solid #111;cursor:pointer;font-family:system-ui,-apple-system,sans-serif;transition:all .2s ease;background:transparent;color:#111}.detail-btn:hover{background:#0000000d}.detail-btn.primary{background:#111;color:#fff;border-color:transparent}.detail-btn.primary:hover{background:#333}@media(max-width:768px){.detail-panel{position:absolute;inset:0;width:100%;max-width:none;min-width:0;max-height:none;transform:none;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent}.detail-panel:before{content:"";display:block;height:55vh;pointer-events:none}.detail-panel .detail-inner{position:relative;padding:32px 20px 40px;min-height:50vh;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.detail-panel .detail-inner:before{content:"";position:absolute;top:-40px;left:0;right:0;height:40px;background:linear-gradient(to bottom,#fff0,#ffffffeb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}}@media(max-width:768px){.detail-panel h2{font-size:20px}}.book-reader{position:absolute;inset:0;z-index:50;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.book-reader.visible{opacity:1}.nav-btn{width:40px;height:40px;border:none;background:#0000000f;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;font-family:system-ui,-apple-system,sans-serif}.nav-btn:hover{background:#0000001f}.nav-btn.back-btn{width:auto;border-radius:20px;padding:0 16px;font-size:14px}.detail-container{position:absolute;inset:0;z-index:25;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.detail-container.visible{pointer-events:auto;opacity:1;visibility:visible}.detail-container>.close-btn{position:absolute;top:16px;right:16px;z-index:40;pointer-events:auto}.reader-nav{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;z-index:51}.reader-prev{position:absolute;bottom:16px;left:16px;z-index:51}.reader-next{position:absolute;bottom:16px;right:16px;z-index:51}.reader-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:51;font-family:system-ui,-apple-system,sans-serif}.reader-page-counter{font-size:11px;color:#bbb;white-space:nowrap}.reader-slider{width:150px;accent-color:#333}@media(max-width:768px){.reader-slider{width:80px}}.disqus-panel{position:absolute;inset:0;z-index:50;background:#fff;display:flex;flex-direction:column;opacity:0;transition:opacity .4s ease}.disqus-panel.visible{opacity:1}.disqus-content{flex:1;overflow-y:auto;padding:60px 24px 24px;max-width:720px;margin:0 auto;width:100%}.disqus-content h2{font-size:24px;font-weight:700;margin-bottom:4px;font-family:system-ui,-apple-system,sans-serif}.disqus-subtitle{font-size:14px;color:#888;margin-bottom:24px;font-family:system-ui,-apple-system,sans-serif}#disqus_thread{min-height:300px}.reader-flip-container{width:90%;height:80%;display:flex;align-items:center;justify-content:center;overflow:visible}.reader-page{background:#fff}.reader-page img{width:100%;height:100%;object-fit:contain;display:block}