.books-page[data-v-afb6fac1]{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;background:linear-gradient(180deg,var(--rice-paper-light) 0%,var(--rice-paper) 50%,var(--rice-paper-dark) 100%)}.ink-wash[data-v-afb6fac1]{position:absolute;pointer-events:none;z-index:0}.ink-wash-1[data-v-afb6fac1]{top:8%;right:-12%;width:380px;height:380px;background:radial-gradient(ellipse at 40% 50%,rgba(26,26,26,.07) 0%,rgba(26,26,26,.03) 40%,transparent 65%);filter:blur(35px);animation:ink-spread-afb6fac1 22s ease-in-out infinite}.ink-wash-2[data-v-afb6fac1]{bottom:25%;left:-18%;width:420px;height:420px;background:radial-gradient(ellipse at 60% 40%,rgba(196,59,47,.05) 0%,transparent 60%);filter:blur(40px);animation:ink-spread-afb6fac1 26s ease-in-out infinite reverse}@keyframes ink-spread-afb6fac1{0%,to{transform:scale(1) translate(0);opacity:.8}33%{transform:scale(1.08) translate(8px,-12px);opacity:1}66%{transform:scale(.96) translate(-6px,8px);opacity:.6}}.ink-particle[data-v-afb6fac1]{position:absolute;width:3px;height:3px;background:var(--ink-black);border-radius:50%;opacity:0;pointer-events:none;z-index:0;animation:float-particle-afb6fac1 18s ease-in-out infinite}.ink-particle-1[data-v-afb6fac1]{top:15%;left:20%;animation-delay:0s}.ink-particle-2[data-v-afb6fac1]{top:50%;left:80%;animation-delay:4s}.ink-particle-3[data-v-afb6fac1]{top:70%;left:30%;animation-delay:8s}.ink-particle-4[data-v-afb6fac1]{top:85%;left:70%;animation-delay:12s}@keyframes float-particle-afb6fac1{0%,to{opacity:0;transform:translate(0)}10%{opacity:.3}50%{opacity:.15;transform:translate(25px,-35px)}90%{opacity:.3}}.page-container[data-v-afb6fac1]{position:relative;z-index:1;max-width:none;margin:0 auto;width:100%;background:transparent}.books-page .page-content[data-v-afb6fac1]{padding:1rem 1.25rem 3rem;position:relative;z-index:1}@media (min-width: 768px){.page-container[data-v-afb6fac1]{max-width:720px}.books-page .page-content[data-v-afb6fac1]{padding:1.5rem 2rem 4rem}.books-bamboo-list[data-v-afb6fac1]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.section-title[data-v-afb6fac1]{font-size:2rem}.bamboo-card-content[data-v-afb6fac1]{gap:1rem}.bamboo-icon-wrapper[data-v-afb6fac1]{width:52px;height:52px}.bamboo-icon[data-v-afb6fac1]{font-size:2rem}}@media (min-width: 1024px){.page-container[data-v-afb6fac1]{max-width:960px}.books-page .page-content[data-v-afb6fac1]{padding:2rem 2.5rem 5rem}.stats-bar[data-v-afb6fac1]{padding:2rem 2.5rem}.progress-scroll[data-v-afb6fac1]{padding:2.5rem 2rem}.bamboo-card[data-v-afb6fac1]{padding:2rem}.section-title[data-v-afb6fac1]{font-size:2.25rem}.section-title-zh[data-v-afb6fac1]{font-size:3.5rem;right:2rem}.cta-button[data-v-afb6fac1]{max-width:480px;margin-left:auto;margin-right:auto}.stat-number[data-v-afb6fac1]{font-size:2rem}.progress-title[data-v-afb6fac1]{font-size:1.5rem}}.header[data-v-afb6fac1]{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#f5f0e8f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid rgba(139,134,128,.15)}.header-left[data-v-afb6fac1]{display:flex;align-items:center;gap:.75rem}.back-arrow[data-v-afb6fac1]{width:36px;height:36px;border:1.5px solid var(--ink-light);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--ink-stone);text-decoration:none;transition:all .3s}.back-arrow[data-v-afb6fac1]:hover{border-color:var(--cinnabar);color:var(--cinnabar);background:var(--cinnabar-faint)}.seal[data-v-afb6fac1]{width:38px;height:38px;background:var(--cinnabar);border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:Ma Shan Zheng,cursive;color:#fff;font-size:1.125rem;transform:rotate(-2deg);box-shadow:0 2px 8px #c43b2f4d;animation:seal-stamp-afb6fac1 .6s cubic-bezier(.34,1.56,.64,1) both}.logo[data-v-afb6fac1]{font-family:Cinzel,serif;font-size:1.125rem;font-weight:700;letter-spacing:.1em;color:var(--ink-black)}.header-lang-btn[data-v-afb6fac1]{padding:.35rem .75rem;border-radius:2px;border:1.5px solid var(--ink-light);background:transparent;color:var(--ink-stone);cursor:pointer;font-size:.75rem;font-weight:600;font-family:inherit;white-space:nowrap;transition:all .3s}.header-lang-btn[data-v-afb6fac1]:hover{border-color:var(--cinnabar);color:var(--cinnabar);background:var(--cinnabar-faint)}.stats-section[data-v-afb6fac1]{padding:2.5rem 0;position:relative;z-index:1}.progress-section[data-v-afb6fac1]{padding:0 0 2.5rem;position:relative;z-index:1}.books-section[data-v-afb6fac1]{padding:2rem 0;position:relative;z-index:1}.cta-section[data-v-afb6fac1]{padding:2.5rem 0 3rem;position:relative;z-index:1}.stats-bar[data-v-afb6fac1]{background:#fffc;border-radius:4px;padding:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:relative;margin-bottom:1.5rem;box-shadow:0 1px 3px #1a1a1a0a,0 4px 12px #1a1a1a08;animation:fade-in-up-afb6fac1 .6s ease-out .2s both}.stats-bar[data-v-afb6fac1]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cinnabar) 0%,var(--gold) 50%,var(--cinnabar) 100%)}.stat-item[data-v-afb6fac1]{text-align:center}.stat-emoji[data-v-afb6fac1]{font-size:1.5rem;margin-bottom:.5rem}.stat-number[data-v-afb6fac1]{font-family:Cinzel,serif;font-size:1.75rem;font-weight:700;color:var(--ink-black);line-height:1}.stat-text[data-v-afb6fac1]{font-size:.7rem;color:var(--ink-stone);text-transform:uppercase;letter-spacing:.08em;margin-top:.5rem}.progress-scroll[data-v-afb6fac1]{background:#fffc;border-radius:4px;padding:2rem 1.5rem;display:flex;align-items:center;gap:2rem;position:relative;margin-bottom:2.5rem;box-shadow:0 1px 3px #1a1a1a0a,0 4px 12px #1a1a1a08;animation:fade-in-up-afb6fac1 .6s ease-out .3s both}.progress-scroll[data-v-afb6fac1]:before,.progress-scroll[data-v-afb6fac1]:after{content:"";position:absolute;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,var(--ink-faint) 20%,var(--ink-faint) 80%,transparent 100%)}.progress-scroll[data-v-afb6fac1]:before{top:0}.progress-scroll[data-v-afb6fac1]:after{bottom:0}.progress-ring-wrapper[data-v-afb6fac1]{position:relative;width:90px;height:90px;flex-shrink:0}.progress-ring[data-v-afb6fac1]{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg[data-v-afb6fac1]{fill:none;stroke:var(--ink-faint);stroke-width:5}.progress-ring-fill[data-v-afb6fac1]{fill:none;stroke:var(--cinnabar);stroke-width:5;stroke-linecap:round;stroke-dasharray:226;transition:stroke-dashoffset .5s ease}.progress-ring-text[data-v-afb6fac1]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-percent[data-v-afb6fac1]{font-family:Cinzel,serif;font-size:1.375rem;font-weight:700;color:var(--cinnabar)}.progress-label[data-v-afb6fac1]{font-size:.6rem;color:var(--ink-stone);text-transform:uppercase;letter-spacing:.1em}.progress-info[data-v-afb6fac1]{flex:1}.progress-title[data-v-afb6fac1]{font-family:"Noto Serif SC",serif;font-size:1.25rem;font-weight:600;color:var(--ink-black);margin-bottom:.5rem}.progress-detail[data-v-afb6fac1]{display:flex;gap:2rem;margin-top:.75rem}.progress-detail-item[data-v-afb6fac1]{display:flex;flex-direction:column}.progress-detail-number[data-v-afb6fac1]{font-family:Cinzel,serif;font-size:1.25rem;font-weight:700;color:var(--ink-black)}.progress-detail-text[data-v-afb6fac1]{font-size:.75rem;color:var(--ink-stone);margin-top:.25rem}.section-header[data-v-afb6fac1]{margin-bottom:2.5rem;position:relative;animation:fade-in-up-afb6fac1 .6s ease-out .4s both}.section-title-zh[data-v-afb6fac1]{font-family:Ma Shan Zheng,cursive;font-size:2.5rem;color:var(--ink-black);writing-mode:vertical-rl;text-orientation:upright;position:absolute;right:0;top:0;line-height:1.4;opacity:.15;pointer-events:none}.section-label[data-v-afb6fac1]{font-family:"Noto Serif SC",serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-stone);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.section-label[data-v-afb6fac1]:before{content:"";width:24px;height:2px;background:var(--cinnabar)}.section-title[data-v-afb6fac1]{font-family:"Noto Serif SC",serif;font-size:1.75rem;font-weight:700;color:var(--ink-black);margin-bottom:.5rem;letter-spacing:.02em}.section-subtitle[data-v-afb6fac1]{font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic;color:var(--ink-stone)}.books-bamboo-list[data-v-afb6fac1]{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem;animation:fade-in-up-afb6fac1 .6s ease-out .5s both}.bamboo-card[data-v-afb6fac1]{background:#ffffffb3;border-radius:4px;padding:1.75rem;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 2px #1a1a1a08,0 2px 8px #1a1a1a0a;border:none;width:100%;text-align:left;font-family:inherit}.bamboo-card[data-v-afb6fac1]:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:linear-gradient(180deg,var(--cinnabar) 0%,var(--gold) 100%);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.bamboo-card[data-v-afb6fac1]:hover:before{transform:scaleY(1)}.bamboo-card[data-v-afb6fac1]:hover{box-shadow:0 2px 4px #1a1a1a0f,0 8px 24px #1a1a1a14;transform:translateY(-2px)}.bamboo-card[data-v-afb6fac1]:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}.bamboo-card.selected[data-v-afb6fac1]{background:#c43b2f05;box-shadow:0 2px 4px #c43b2f0f,0 8px 24px #c43b2f14}.bamboo-card.selected[data-v-afb6fac1]:before{transform:scaleY(1)}.bamboo-card-content[data-v-afb6fac1]{display:grid;grid-template-columns:60px 1fr;gap:1.5rem;align-items:start}.bamboo-icon-wrapper[data-v-afb6fac1]{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.bamboo-icon-bg[data-v-afb6fac1]{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(26,26,26,.04) 0%,transparent 70%);border-radius:2px}.bamboo-icon[data-v-afb6fac1]{font-size:2.25rem;position:relative;z-index:1}.bamboo-info[data-v-afb6fac1]{display:flex;flex-direction:column}.bamboo-title[data-v-afb6fac1]{font-family:"Noto Serif SC",serif;font-size:1.25rem;font-weight:600;color:var(--ink-black);margin-bottom:.25rem;letter-spacing:.02em}.bamboo-subtitle[data-v-afb6fac1]{font-family:Cormorant Garamond,serif;font-size:.875rem;font-style:italic;color:var(--ink-stone);margin-bottom:.75rem}.bamboo-desc[data-v-afb6fac1]{font-size:.875rem;color:var(--ink-charcoal);line-height:1.5;margin-bottom:1rem}.bamboo-meta[data-v-afb6fac1]{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--ink-stone)}.bamboo-progress[data-v-afb6fac1]{display:flex;align-items:center;gap:.75rem}.progress-track[data-v-afb6fac1]{width:80px;height:3px;background:var(--ink-faint);border-radius:2px;overflow:hidden}.progress-fill[data-v-afb6fac1]{height:100%;background:linear-gradient(90deg,var(--cinnabar) 0%,var(--gold) 100%);border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.bamboo-seal[data-v-afb6fac1]{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;background:var(--cinnabar);border-radius:2px;display:none;align-items:center;justify-content:center;font-family:Ma Shan Zheng,cursive;color:#fff;font-size:1rem;transform:rotate(-3deg);box-shadow:0 2px 8px #c43b2f4d}.bamboo-card.selected .bamboo-seal[data-v-afb6fac1]{display:flex;animation:seal-stamp-afb6fac1 .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes seal-stamp-afb6fac1{0%{transform:rotate(-2deg) scale(1.5);opacity:0}to{transform:rotate(-2deg) scale(1);opacity:1}}.cta-button[data-v-afb6fac1]{width:100%;padding:1.375rem 2rem;font-family:"Noto Serif SC",serif;font-size:1rem;font-weight:600;letter-spacing:.08em;background:var(--ink-black);color:var(--rice-paper);border:2px solid var(--ink-black);border-radius:2px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin-bottom:2rem}.cta-button[data-v-afb6fac1]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#c43b2f33;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button[data-v-afb6fac1]:hover:before{width:400px;height:400px}.cta-button[data-v-afb6fac1]:hover:not(:disabled){background:var(--cinnabar);border-color:var(--cinnabar);transform:translateY(-2px);box-shadow:0 6px 24px #c43b2f4d}.cta-button[data-v-afb6fac1]:disabled{opacity:.5;cursor:not-allowed}.cta-text[data-v-afb6fac1]{position:relative;z-index:1}@keyframes fade-in-up-afb6fac1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}