:root{--paper: #f9f0e5;--paper-2: #f5e7d8;--panel: #fdf8f1;--walnut: #7d5546;--walnut-soft: #a87f6a;--ink: #43332c;--ink-soft: #8a7466;--gold: #d89a6a;--gold-soft: #eec39a;--serif: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--num: Arial, "Noto Sans SC", sans-serif;--topbar-h: 56px;--wecom: #07c160}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}#scene-container{position:absolute;inset:0;outline:none}#scene-container canvas{display:block}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(14px,3vw,28px);background:#2e2420;border-bottom:1px solid rgba(255,240,214,.08);color:#f9f0e5}.topbar-left{display:flex;align-items:baseline;gap:12px;min-width:0;overflow:hidden;white-space:nowrap}.topbar-title{font-family:var(--serif);font-weight:700;font-size:15px;color:#f7f0e0}.topbar-meta{font-family:var(--num);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft)}.topbar-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.topbar-note{font-family:var(--serif);font-weight:700;font-size:15px;color:#f7f0e0;white-space:nowrap}.wecom-fab{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--wecom);color:#fff;text-decoration:none;cursor:pointer;transition:background .2s,transform .15s;flex-shrink:0}.wecom-fab:hover{background:#06a853;transform:translateY(-1px)}.wecom-fab:active{transform:translateY(0)}.wecom-fab:focus-visible{outline:3px solid rgba(7,193,96,.45);outline-offset:2px}.wecom-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:var(--wecom);color:#fff;font-size:13px;font-weight:600;border:none;border-radius:999px;text-decoration:none;cursor:pointer;transition:background .2s,transform .15s}.wecom-btn:hover{background:#06a853;transform:translateY(-1px)}.wecom-btn:active{transform:translateY(0)}.wecom-btn:focus-visible{outline:3px solid rgba(7,193,96,.45);outline-offset:2px}.wecom-btn-lg{padding:12px 20px;font-size:14px}.inspect-card{position:fixed;left:clamp(14px,3vw,34px);top:50%;transform:translateY(-50%);z-index:20;width:min(300px,78vw);padding:22px 22px 20px;background:#fdf8f1e0;border:1px solid rgba(125,85,70,.22);border-radius:16px;box-shadow:0 16px 48px #583a2c47;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto;opacity:1;transition:opacity .25s ease,transform .25s ease}.inspect-card.is-hidden{opacity:0;pointer-events:none;transform:translateY(-48%)}.shelf-prompt{position:fixed;top:clamp(104px,15vh,158px);left:50%;z-index:15;margin:0;transform:translate(-50%);color:#8b604b;font-family:var(--serif);font-size:clamp(16px,1.55vw,22px);font-weight:700;letter-spacing:.08em;text-shadow:0 1px 0 rgba(255,255,255,.7);pointer-events:none;animation:shelf-prompt-pulse 2.8s ease-in-out infinite}.shelf-prompt.is-hidden{display:none}@keyframes shelf-prompt-pulse{0%,to{opacity:.28;transform:translate(-50%,2px)}50%{opacity:1;transform:translate(-50%,-2px)}}.ic-rank{margin:0 0 6px;font-family:var(--num);font-size:13px;font-weight:700;letter-spacing:.16em;color:#b8763f}.ic-title{margin:0 0 6px;font-family:var(--serif);font-weight:700;font-size:clamp(20px,2.4vw,26px);line-height:1.15;color:var(--ink);word-break:break-word}.ic-author{margin:0 0 18px;font-size:13px;font-weight:600;color:var(--ink)}.ic-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.ic-inspect{padding:9px 16px;background:var(--walnut);color:#f7f0e0;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .15s}.ic-inspect:hover{background:var(--gold);transform:translateY(-1px)}.ic-inspect:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.ic-indicator{font-family:var(--num);font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--walnut);font-variant-numeric:tabular-nums}.shelf-nav{position:absolute;bottom:clamp(16px,3vw,30px);left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:12px;width:max-content}.shelf-nav .nav-row{display:flex;align-items:center;gap:14px}.nav-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(125,85,70,.3);background:#fdf8f1e6;color:var(--walnut);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s}.nav-btn:hover{background:var(--gold-soft);transform:translateY(-1px)}.nav-btn:active{transform:translateY(0)}.nav-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.markers{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fdf8f1d1;border:1px solid rgba(125,85,70,.18);border-radius:999px;backdrop-filter:blur(4px)}.marker{width:11px;height:11px;padding:0;border-radius:50%;border:1.5px solid var(--walnut-soft);background:transparent;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.marker:hover{transform:scale(1.2)}.marker.active{background:var(--gold);border-color:var(--gold);transform:scale(1.25)}.marker:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.nav-hint{margin:0;font-size:12.5px;font-weight:600;color:var(--walnut);letter-spacing:.04em;text-align:center;padding:7px 16px;background:#fdf8f1e6;border:1px solid rgba(125,85,70,.2);border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.detail-panel{position:fixed;top:var(--topbar-h);right:0;height:calc(100% - var(--topbar-h));width:min(400px,92vw);background:var(--panel);border-left:1px solid rgba(125,85,70,.18);box-shadow:-14px 0 44px #583a2c2e;padding:30px 28px 36px;overflow-y:auto;z-index:30;transform:translate(100%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s linear .45s;font-family:var(--serif)}.detail-panel.open{transform:translate(0);visibility:visible;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.detail-panel[aria-hidden=true]{visibility:hidden}.detail-panel[aria-hidden=false]{visibility:visible}.detail-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(125,85,70,.25);background:transparent;color:var(--walnut);font-size:20px;line-height:1;cursor:pointer}.detail-close:hover{background:#7d554614}.detail-close:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.detail-rank{font-family:var(--num);font-size:14px;font-weight:700;letter-spacing:.16em;color:#b8763f}.detail-name{margin:6px 0 4px;font-size:clamp(22px,4vw,30px);font-weight:700;line-height:1.15;color:var(--ink)}.detail-meta{margin:0 0 18px;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--walnut)}.detail-summary{margin:0 0 20px;font-size:15px;line-height:1.75;color:var(--ink);padding-bottom:18px;border-bottom:1px solid rgba(125,85,70,.14)}.detail-sections{display:grid;gap:18px;margin-bottom:22px}.detail-section{margin:0}.detail-section-title{margin:0 0 8px;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:8px}.detail-section-title:before{content:"";width:16px;height:1.5px;background:var(--gold);display:inline-block}.detail-section-text{margin:0;font-size:14px;line-height:1.8;color:var(--ink)}.detail-section-list{margin:0;padding-left:18px;display:grid;gap:8px}.detail-section-list li{font-size:13.5px;line-height:1.7;color:var(--ink)}.detail-section-list li::marker{color:var(--gold)}.detail-links{margin:0 0 18px;display:grid;gap:14px}.detail-links dt{font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px}.detail-links dd{margin:0}.detail-links a{font-family:var(--sans);font-size:13px;color:var(--walnut);word-break:break-all;text-decoration:none;border-bottom:1px solid var(--gold-soft);padding-bottom:1px}.detail-links a:hover{color:var(--gold)}.detail-stars{margin:0 0 12px;font-family:var(--num);font-size:15px;font-weight:700;color:#b8763f}.detail-download{margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid rgba(125,85,70,.14)}.download-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 16px;background:#7d55460f;border:1px solid rgba(125,85,70,.2);border-radius:12px;color:var(--walnut);font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;text-align:center}.download-btn:hover{background:#b8893b24;border-color:var(--gold)}.download-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.download-btn .dl-label{display:flex;align-items:center;justify-content:center;gap:9px}.download-btn .dl-label-text{display:grid;justify-items:center;gap:1px;line-height:1.2}.download-btn .dl-status{font-size:11px;font-weight:500;color:var(--ink-soft)}.download-btn.unlocked{background:#07c16014;border-color:#07c16066;color:#0a7a3e}.download-note{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--ink-soft)}.unlock-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#583a2c66;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.unlock-overlay[hidden]{display:none}.unlock-modal{position:relative;width:min(420px,90vw);background:var(--panel);border:1px solid rgba(125,85,70,.2);border-radius:18px;box-shadow:0 24px 70px #583a2c59;padding:28px 26px 26px;font-family:var(--serif)}.unlock-modal h3{margin:0 0 10px;font-size:21px;font-weight:700;color:var(--ink)}.unlock-desc{margin:0 0 18px;font-size:13.5px;line-height:1.7;color:var(--ink-soft);font-family:var(--sans)}.unlock-input-row{display:flex;gap:10px;margin-top:16px}.unlock-input-row input{flex:1;padding:11px 14px;border:1px solid rgba(125,85,70,.3);border-radius:10px;background:#fff;font-size:14px;color:var(--ink);font-family:var(--sans)}.unlock-input-row input:focus{outline:2px solid var(--gold);border-color:var(--gold)}.unlock-input-row button{padding:11px 20px;background:var(--walnut);color:#f7f0e0;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.unlock-input-row button:hover{background:var(--gold)}.unlock-error{margin:12px 0 0;font-size:12.5px;color:#b23b3b;font-family:var(--sans);min-height:1em}.unlock-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(125,85,70,.25);background:transparent;color:var(--walnut);font-size:18px;line-height:1;cursor:pointer}.unlock-close:hover{background:#7d554614}.loading{position:fixed;inset:0;display:grid;place-items:center;font-family:var(--serif);font-size:16px;color:var(--ink-soft);background:var(--paper);z-index:40}.load-error{max-width:min(520px,84vw);padding:0 24px;text-align:center}.load-error-title{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--walnut)}.load-error-msg{margin:0 0 14px;font-family:var(--sans);font-size:13px;color:var(--ink);word-break:break-word}.load-error-hint{margin:0;font-family:var(--sans);font-size:12px;line-height:1.6;color:var(--ink-soft)}.a11y-list{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.a11y-list:focus-within{position:fixed;left:12px;top:12px;width:min(360px,80vw);height:auto;max-height:60vh;overflow:auto;z-index:50;background:var(--panel);border:1px solid var(--walnut);border-radius:10px;padding:10px;list-style:none;margin:0;box-shadow:0 12px 40px #583a2c40}.a11y-list button{display:block;width:100%;text-align:left;padding:10px 12px;margin-bottom:4px;border:none;border-radius:6px;background:transparent;color:var(--ink);font-family:var(--sans);font-size:13px;cursor:pointer}.a11y-list button:hover,.a11y-list button:focus-visible{background:#7d554614;outline:2px solid var(--gold)}@media (max-width: 760px){.topbar{padding:0 14px}.topbar-title{display:none}.topbar-note{font-size:12px}.topbar-count{display:none}.inspect-card{inset:auto 12px 92px;width:auto;transform:none;padding:16px 18px 14px}.ic-author{margin-bottom:12px}.detail-panel{inset:auto 0 0;width:100%;height:auto;max-height:74vh;border-left:none;border-top:1px solid rgba(125,85,70,.18);border-radius:18px 18px 0 0;padding:24px 20px 30px;transform:translateY(100%)}.detail-panel.open{transform:translateY(0)}.shelf-nav{bottom:12px}.nav-hint{display:none}}@media (prefers-reduced-motion: reduce){.detail-panel,.detail-panel.open,.nav-btn,.marker{transition:none}}