.mapping-tool[data-v-d96f923c]{padding:20px;max-width:1200px;margin:0 auto}.tool-header[data-v-d96f923c]{text-align:center;margin-bottom:24px}.tool-header h2[data-v-d96f923c]{margin:0 0 8px;color:#333}.tool-header p[data-v-d96f923c]{color:#666;margin:0}.image-viewer[data-v-d96f923c]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px}.image-container[data-v-d96f923c]{display:flex;justify-content:center;margin-bottom:20px;max-height:60vh;overflow:auto}.tool-image[data-v-d96f923c]{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.image-info[data-v-d96f923c]{margin-bottom:20px}.page-info[data-v-d96f923c]{text-align:center;font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.disc-input-section[data-v-d96f923c]{background:#f5f5f5;padding:16px;border-radius:8px}.has-disc-label[data-v-d96f923c]{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:12px;cursor:pointer}.has-disc-label input[type=checkbox][data-v-d96f923c]{width:20px;height:20px;cursor:pointer}.disc-inputs[data-v-d96f923c]{display:flex;gap:16px;justify-content:center}.input-group[data-v-d96f923c]{display:flex;flex-direction:column;gap:4px}.input-group label[data-v-d96f923c]{font-size:14px;color:#666}.input-group input[data-v-d96f923c]{padding:8px 12px;border:2px solid #ddd;border-radius:6px;font-size:16px;width:100px}.navigation[data-v-d96f923c]{display:flex;justify-content:center;gap:12px}.navigation button[data-v-d96f923c]{padding:12px 24px;border:none;border-radius:8px;background:#7c5cff;color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 3px #5a3fff;transition:transform .1s ease,box-shadow .2s ease}.navigation button[data-v-d96f923c]:active{transform:translateY(1px);box-shadow:0 2px #5a3fff}.navigation button[data-v-d96f923c]:disabled{opacity:.5;cursor:not-allowed}.mapping-summary[data-v-d96f923c]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px}.mapping-summary h3[data-v-d96f923c]{margin:0 0 16px;color:#333}.mapping-list[data-v-d96f923c]{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.mapping-item[data-v-d96f923c]{padding:12px;background:#f5f5f5;border-radius:6px;cursor:pointer;transition:background .2s ease}.mapping-item[data-v-d96f923c]:hover{background:#e8e8e8}.export-section[data-v-d96f923c]{display:flex;justify-content:center;gap:12px}.export-btn[data-v-d96f923c],.copy-btn[data-v-d96f923c]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s ease}.export-btn[data-v-d96f923c]{background:#ff8fb1;color:#fff;box-shadow:0 3px #d96a92}.copy-btn[data-v-d96f923c]{background:#6f5ae6;color:#fff;box-shadow:0 3px #5a3fff}.export-btn[data-v-d96f923c]:active,.copy-btn[data-v-d96f923c]:active{transform:translateY(1px)}.app[data-v-fc28b91e]{min-height:100dvh;background:#eabe8b;color:#333;display:flex;flex-direction:column}.app-header[data-v-fc28b91e]{text-align:center;padding:16px 12px 8px;position:sticky;top:env(safe-area-inset-top);z-index:5;background:#eabe8be6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.05);border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:0 6px #0000000a}.app-header h1[data-v-fc28b91e]{font-size:30px;margin:0}.horse-year[data-v-fc28b91e]{display:inline-block;animation:horseBounce-fc28b91e 2s ease-in-out infinite;font-size:28px}.horse-emoji[data-v-fc28b91e]{display:inline-block;animation:horseBounce-fc28b91e 2.5s ease-in-out infinite;margin-left:4px}.subtitle[data-v-fc28b91e]{margin:6px 0;color:#5a4a42;font-size:14px}.content[data-v-fc28b91e]{padding:calc(env(safe-area-inset-top) + 16px) 12px calc(200px + env(safe-area-inset-bottom)) 12px;position:relative}.disc-tabs[data-v-fc28b91e]{display:flex;gap:12px;justify-content:center;margin:10px auto;padding:0;border-radius:18px;width:fit-content}.disc-tab[data-v-fc28b91e]{border:2px solid transparent;border-radius:999px;background:#f5cc93;color:#5a4a42;padding:14px 22px;min-width:96px;font-size:16px;box-shadow:0 3px #d9b37c;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.disc-tab.active[data-v-fc28b91e]{background:#ffd98a;color:#493b2f;border-color:#bf9756;box-shadow:0 3px #bf9756,0 0 0 4px #bdb2ff;transform:translateY(-1px)}.disc-tab[data-v-fc28b91e]:focus-visible{outline:3px solid #bdb2ff;outline-offset:2px}.view-toggle[data-v-fc28b91e]{display:flex;gap:8px;justify-content:center;margin:8px auto 4px;padding:0}.view-btn[data-v-fc28b91e]{border:2px solid transparent;border-radius:999px;background:#f5cc93;color:#5a4a42;padding:8px 16px;font-size:14px;box-shadow:0 2px #d9b37c;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.view-btn.active[data-v-fc28b91e]{background:#ffd98a;color:#493b2f;border-color:#bf9756;box-shadow:0 2px #bf9756;transform:translateY(-1px)}.view-btn[data-v-fc28b91e]:focus-visible{outline:3px solid #bdb2ff;outline-offset:2px}.track-grid[data-v-fc28b91e]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;justify-items:center;margin-top:10px}.book-view[data-v-fc28b91e]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:20px 12px}.book-image-container[data-v-fc28b91e]{max-width:100%;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.book-image-wrapper[data-v-fc28b91e]{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.book-nav-buttons[data-v-fc28b91e]{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;margin-bottom:8px}.book-nav-btn[data-v-fc28b91e]{width:44px;height:44px;border-radius:50%;border:2px solid #bf9756;background:#ffd98a;color:#493b2f;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.book-nav-btn[data-v-fc28b91e]:active{transform:scale(.95)}.book-nav-btn[data-v-fc28b91e]:disabled{opacity:.4;cursor:not-allowed}.book-nav-btn-side[data-v-fc28b91e]{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:2px solid #bf9756;background:#ffd98ae6;color:#493b2f;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 3px 6px #00000026;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.book-nav-btn-side.left[data-v-fc28b91e]{left:8px}.book-nav-btn-side.right[data-v-fc28b91e]{right:8px}.book-nav-btn-side[data-v-fc28b91e]:active{transform:translateY(-50%) scale(.9);box-shadow:0 2px 4px #0003}.book-nav-btn-side[data-v-fc28b91e]:disabled{opacity:.3;cursor:not-allowed}.book-nav-btn-side[data-v-fc28b91e]:hover:not(:disabled){background:#ffd98a;box-shadow:0 4px 8px #0003}@media (max-width: 768px){.book-nav-btn-side[data-v-fc28b91e]{width:44px;height:44px;font-size:20px}.book-nav-btn-side.left[data-v-fc28b91e]{left:4px}.book-nav-btn-side.right[data-v-fc28b91e]{right:4px}}.book-page-counter[data-v-fc28b91e]{font-size:14px;color:#5a4a42;font-weight:500;min-width:120px;text-align:center}.book-audio-info[data-v-fc28b91e]{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.book-audio-badge[data-v-fc28b91e]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#7c5cff1a;border-radius:999px;border:2px solid rgba(124,92,255,.3)}.audio-label[data-v-fc28b91e]{font-size:14px;color:#5a4a42}.audio-info[data-v-fc28b91e]{font-size:14px;font-weight:600;color:#7c5cff}.book-play-btn[data-v-fc28b91e]{padding:10px 20px;border-radius:999px;border:none;background:#7c5cff;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 3px #5a3fff;transition:transform .1s ease,box-shadow .2s ease}.book-play-btn[data-v-fc28b91e]:active{transform:translateY(1px);box-shadow:0 2px #5a3fff}.book-no-audio[data-v-fc28b91e]{display:flex;align-items:center;gap:8px;padding:10px 16px;color:#999;font-size:14px;opacity:.7}.no-audio-icon[data-v-fc28b91e]{font-size:18px}.book-image[data-v-fc28b91e]{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 16px #00000026;cursor:pointer;transition:transform .2s ease;background:#fff;padding:4px}.book-image[data-v-fc28b91e]:active{transform:scale(.98)}.book-page-info[data-v-fc28b91e]{font-size:14px;color:#5a4a42;font-weight:500;padding:8px 16px;background:#fffc;border-radius:999px;box-shadow:0 2px 4px #0000001a}.book-nav-hint[data-v-fc28b91e]{font-size:12px;color:#5a4a42;opacity:.7;margin-top:8px;text-align:center}.book-placeholder[data-v-fc28b91e]{display:flex;flex-direction:column;align-items:center;gap:12px;color:#5a4a42;opacity:.6}.book-icon[data-v-fc28b91e]{font-size:48px}.tool-view[data-v-fc28b91e]{width:100%;padding:0}.image-modal[data-v-fc28b91e]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;cursor:pointer}.modal-image[data-v-fc28b91e]{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;cursor:default}.modal-close[data-v-fc28b91e]{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffffe6;border:none;font-size:24px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003;transition:transform .2s ease}.modal-close[data-v-fc28b91e]:active{transform:scale(.9)}.track-card[data-v-fc28b91e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:#fff;box-shadow:0 3px #e8e3ff;font-size:16px;line-height:1.2;color:#333;position:relative;aspect-ratio:1 / 1;transform:translateZ(0)}.track-card[data-v-fc28b91e]:active{transform:translateY(1px)}.track-card.active[data-v-fc28b91e]{outline:3px solid #7c5cff}.track-number[data-v-fc28b91e]{font-weight:800;font-size:30px}.track-name[data-v-fc28b91e]{margin-top:0;font-size:16px;color:#666}.track-number.emphasis[data-v-fc28b91e]{color:#ee9b00;text-shadow:0 2px 0 rgba(233,155,0,.5)}.track-card[data-v-fc28b91e]{width:96px;height:96px}.track-card[data-v-fc28b91e]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 #0000}.play-indicator[data-v-fc28b91e]{display:none}.player[data-v-fc28b91e]{position:fixed;left:0;right:0;bottom:0;padding:16px 16px calc(14px + env(safe-area-inset-bottom));background:#fff6e6ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:2px solid #efcf9f;z-index:10;border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 -6px #0000000a}.player-row[data-v-fc28b91e]{display:flex;align-items:center;justify-content:center;gap:20px;margin:10px 0 8px}.player-row.big .ctrl.big[data-v-fc28b91e]{font-size:24px;padding:14px 18px}.player-row.big .ctrl.huge[data-v-fc28b91e]{font-size:34px;padding:16px 22px}.ctrl[data-v-fc28b91e]{border:none;border-radius:14px;background:#6f5ae6;color:#fff;padding:12px 16px;box-shadow:0 4px #5a3fff}.ctrl.big[data-v-fc28b91e]{font-size:22px}.ctrl.huge[data-v-fc28b91e]{font-size:32px}.ctrl.primary[data-v-fc28b91e]{background:#ff8fb1;box-shadow:0 4px #d96a92}.ctrl[data-v-fc28b91e]:disabled{opacity:.5}.progress-row[data-v-fc28b91e],.volume-row[data-v-fc28b91e]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:6px 0}.volume-row[data-v-fc28b91e]{grid-template-columns:auto 1fr}.emoji[data-v-fc28b91e]{font-size:16px}.time[data-v-fc28b91e]{font-variant-numeric:tabular-nums;font-size:13px;color:#555}.slider[data-v-fc28b91e]{width:100%;accent-color:#ee9b00;height:6px}.progress-row.top[data-v-fc28b91e]{margin-bottom:14px}.slider.progress[data-v-fc28b91e]{height:8px}.slider.volume[data-v-fc28b91e]{height:6px}@media (max-width: 360px){.ctrl.big[data-v-fc28b91e]{font-size:18px}.ctrl.huge[data-v-fc28b91e]{font-size:24px}}.decor-flowers[data-v-fc28b91e]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.header-flowers[data-v-fc28b91e]{inset:auto 0 0 0;height:80px}.flower[data-v-fc28b91e]{position:absolute;width:88px;height:88px;opacity:.35;background-repeat:no-repeat;background-size:contain;animation:floatY-fc28b91e 8s ease-in-out infinite;filter:drop-shadow(0 2px 0 rgba(124,92,255,.25));mix-blend-mode:multiply}.flower[data-v-fc28b91e]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg stroke='%23e98cb6' stroke-width='1.5' fill='%23ffd1e6'%3E%3Cpath d='M32 8c3 0 6 4 6 7s-3 5-6 5-6-2-6-5 3-7 6-7z'/%3E%3Cpath d='M32 44c3 0 6 4 6 7s-3 5-6 5-6-2-6-5 3-7 6-7z'/%3E%3Cpath d='M8 32c0-3 4-6 7-6s5 3 5 6-2 6-5 6-7-3-7-6z'/%3E%3Cpath d='M44 32c0-3 4-6 7-6s5 3 5 6-2 6-5 6-7-3-7-6z'/%3E%3Cpath d='M32 24c3 0 6 2 6 8s-3 8-6 8-6-2-6-8 3-8 6-8z'/%3E%3Ccircle cx='32' cy='32' r='3' fill='%23ff9fc5'/%3E%3C/g%3E%3C/svg%3E")}.f1[data-v-fc28b91e]{left:6%;top:4%;animation-duration:9s}.f2[data-v-fc28b91e]{right:8%;top:12%;animation-duration:10s}.f3[data-v-fc28b91e]{left:12%;bottom:26%;animation-duration:11s}.f4[data-v-fc28b91e]{right:14%;bottom:34%;animation-duration:9.5s}.f5[data-v-fc28b91e]{left:46%;top:38%;animation-duration:12s}.hf1[data-v-fc28b91e]{left:8%;bottom:-10px;animation-duration:9s}.hf2[data-v-fc28b91e]{right:10%;bottom:-6px;animation-duration:10s}.hf3[data-v-fc28b91e]{left:45%;bottom:-12px;animation-duration:11s}@keyframes floatY-fc28b91e{0%{transform:translateY(0) rotate(0) scale(calc(1 + var(--beat, 0) * .2))}50%{transform:translateY(-8px) rotate(3deg) scale(calc(1.02 + var(--beat, 0) * .2))}to{transform:translateY(0) rotate(0) scale(calc(1 + var(--beat, 0) * .2))}}.horse-decoration[data-v-fc28b91e]{position:absolute;font-size:32px;opacity:.4;animation:horseFloat-fc28b91e 6s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(124,92,255,.3));pointer-events:none}.hh1[data-v-fc28b91e]{left:5%;bottom:-8px;animation-duration:7s;animation-delay:0s}.hh2[data-v-fc28b91e]{right:8%;bottom:-12px;animation-duration:8s;animation-delay:1s}.h1[data-v-fc28b91e]{left:4%;top:8%;animation-duration:9s;animation-delay:.5s}.h2[data-v-fc28b91e]{right:6%;top:15%;animation-duration:10s;animation-delay:1.5s}.h3[data-v-fc28b91e]{left:50%;bottom:20%;animation-duration:8.5s;animation-delay:2s}@keyframes horseFloat-fc28b91e{0%{transform:translateY(0) translate(0) rotate(0) scale(calc(1 + var(--beat, 0) * .15))}25%{transform:translateY(-12px) translate(5px) rotate(5deg) scale(calc(1.05 + var(--beat, 0) * .15))}50%{transform:translateY(-8px) translate(-3px) rotate(-3deg) scale(calc(1.02 + var(--beat, 0) * .15))}75%{transform:translateY(-15px) translate(3px) rotate(4deg) scale(calc(1.08 + var(--beat, 0) * .15))}to{transform:translateY(0) translate(0) rotate(0) scale(calc(1 + var(--beat, 0) * .15))}}@keyframes horseBounce-fc28b91e{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.1)}}@font-face{font-family:Rounded;src:local("Arial");font-display:swap}:root{-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Rounded,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif}button{cursor:pointer}button:focus{outline:3px solid #bdb2ff;outline-offset:2px}