/* Shared visual language with the user's live BodyWords reference. */
:root{--paper:#edf5ff;--white:#fff;--ink:#1c254b;--muted:#7f89a5;--green:#6554f0;--line:#dfe3f6;--orange:#6252ed;font-family:system-ui,-apple-system,'Segoe UI','Microsoft YaHei','PingFang SC',Arial,sans-serif;background:#edf5ff;color:var(--ink)}
body{background:linear-gradient(115deg,#e8f7ff,#eef0ff);background-attachment:fixed}.shell{grid-template-columns:270px 1fr}.sidebar{width:270px;padding:28px 22px;background:#ffffffed;border-right:1px solid #e0e5f5;overflow-y:auto}.brand{gap:12px;min-height:49px}.brand-mark{width:46px;height:46px;min-width:46px;border-radius:15px;transform:none;background:linear-gradient(135deg,#7650ef,#4679ff);color:white;font-size:18px;font-weight:800;box-shadow:0 9px 23px #6554f02b}.brand strong{font-size:20px;letter-spacing:0}.brand small{font-size:12px;letter-spacing:0;color:#7581a5;margin-top:3px}.side-label{margin:36px 8px 10px;font-size:12px;color:#7883a3;letter-spacing:.12em}.nav-item{border-radius:15px;padding:12px 14px;margin:4px 0;font-size:14px;color:#233052;font-weight:650;min-height:46px}.nav-item.active{background:linear-gradient(135deg,#7650ef,#4679ff);color:white;box-shadow:0 10px 24px #6652e72b}.nav-item.active b{background:#ffffff26;color:white}.nav-item b{background:#efedff;color:#7568ce}.nav-item:hover:not(.active){background:#f1f1ff}.chapter-link{display:grid;grid-template-columns:35px 1fr auto;text-align:left;align-items:center;width:100%;padding:12px 14px;border-radius:15px;background:transparent;color:#1c254b;margin:3px 0;min-height:46px;font-size:14px;font-weight:650}.chapter-link:hover{background:#efedff;color:#6554f0}.chapter-link>span{font-weight:800}.chapter-link>em{font-style:normal}.side-bottom{display:none}.workspace{padding:18px clamp(22px,4vw,56px) 45px;max-width:1700px}.topbar{height:64px;border-bottom:0;margin-bottom:18px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:#7054ff}.topbar h1{font-size:25px;margin-top:5px;font-weight:800}.audio-pill{background:#f2efff;color:#6652ef;border:1px solid #ded9ff;font-weight:600}.audio-pill i{background:#7561ed}.avatar{background:#eeebff;color:#6652ed}.hero{display:none}.section-head{margin:0;padding:30px 30px 20px;align-items:center}.section-head h2{font-size:30px;font-weight:800;margin-bottom:10px}.section-head p{font-size:13px;color:#7a85a3}.workspace>section[aria-label='绘本书架']{background:#ffffffc9;border:1px solid white;border-radius:30px;box-shadow:0 18px 55px #4652a00b;padding-bottom:25px;overflow:hidden}.chip{color:#7784a7;font-size:12px;font-weight:700;border-radius:11px}.chip.active{background:linear-gradient(135deg,#7650ef,#4679ff);color:white;box-shadow:0 5px 15px #6051ef1a}.search-row{margin:0 30px 22px;padding-bottom:20px;border-bottom:1px solid #e2e6f7}.search{background:white;border-color:#dce1f6;width:300px;border-radius:16px;padding:13px 14px}.search input{font-size:13px}.small-note{font-size:11px;color:#8776d7}.book-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 30px}.book-card{border:1px solid #dfe3f5;border-radius:22px;background:white;overflow:hidden;box-shadow:none;transition:transform .18s,box-shadow .18s}.book-card:hover{transform:translateY(-3px);box-shadow:0 12px 27px #5a62ab18}.book-picture{border-radius:0;padding:0;aspect-ratio:1.474;background:#edf3fc}.book-picture:before{display:none}.book-thumb{width:100%;height:100%;border:0;transform:none;border-radius:0;box-shadow:none;object-fit:contain}.book-number{top:10px;left:10px;background:#ffffffed;color:#6554ee;border:1px solid #e8e2ff;border-radius:20px;font-size:10px;padding:5px 9px;letter-spacing:.07em}.book-meta{padding:16px 16px 15px}.book-meta .category{font-size:11px;color:#8c83b3}.book-meta h3{font-size:18px;color:#1d274b;margin:8px 0 5px}.book-meta h3 svg{color:#7565e8}.book-meta p{font-size:12px;color:#8791ad}.book-footer{color:#8e99b5;font-size:10px;margin-top:12px}.shelf-footer{color:#8b95b2;border-color:#dce2f5;padding:22px 3px 0}.primary{background:linear-gradient(135deg,#7650ef,#4679ff);box-shadow:0 7px 20px #6b54ed22;border-radius:13px}.icon-button{background:#fff;border-color:#dedff3;color:#6654ea}.reader{background:linear-gradient(115deg,#e8f7ff,#eef0ff)}.reader-header{background:#ffffffdc;border-bottom:1px solid #dde3f6;backdrop-filter:blur(15px)}.reader-title h1{color:#1b254b}.reader-title p{color:#8b93ae}.rate{background:#efedff;color:#6553ed;font-weight:700}.page-tabs button{background:#fff9;color:#7b85a4;border:1px solid #e0e3f6;border-radius:13px;font-weight:650}.page-tabs button.active{background:linear-gradient(135deg,#7650ef,#4679ff);color:white;border-color:transparent;box-shadow:0 7px 20px #6b54ed22}.page-stage{background:#ffffffdf;border:1px solid white;border-radius:27px;box-shadow:0 18px 50px #4e65b010}.aside-card{background:#ffffffdf;border:1px solid white;border-radius:23px;box-shadow:0 12px 35px #5b66aa0a}.read-tip{background:#f5f2ff}.word{background:#f2f1ff;border-color:#e6e2ff;border-radius:18px}.word:nth-child(3n+2){background:#edf5ff}.word:nth-child(3n){background:#f3f0fa}.word svg{color:#7561e8}.word.playing,.sentence.playing{box-shadow:inset 0 0 0 3px #8a75f2;background:#eeebff}.word span{color:#8b8ba8}.word strong{color:#243157}.sentence{background:#f6f5ff;border-color:#e5e0fb;border-radius:18px}.sentence .sound-disc{background:#e9e4ff;color:#7254ee}.sentence small{color:#8e94ac}.audio-status{color:#8d92b2}.now-playing{color:#6752ee}.toggle.on{background:#7460ed}.nav-page{background:white;border-color:#dbe0f4;color:#6555eb;border-radius:13px}.page-dots i{background:#d5d7ed}.page-dots i.active{background:#7560f1}.qa-line>span{background:#ebe7ff;color:#7154eb}.qa-line.answer>span{background:#e5edff;color:#4975d8}.qa-line.playing strong{color:#7155ec}.dialog{background:#fcfcff;color:#1b254b}.progress-line{background:#e5e4f6}.progress-line i{background:#7460ef}.book-done{background:#7760f1}.hotspot .spot-sound{background:#7560f1}#toast{background:#6250d9}
@media(min-width:1450px){.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.shell{grid-template-columns:225px 1fr}.sidebar{width:225px;padding:25px 16px}.workspace{padding:18px 25px 35px}.chapter-link{grid-template-columns:28px 1fr auto;font-size:13px;padding:11px}.section-head{padding:25px 24px 18px}.book-grid{padding:0 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.search-row{margin:0 24px 20px}.section-head h2{font-size:27px}.book-meta h3{font-size:17px}}
@media(max-width:850px){.shell{grid-template-columns:200px 1fr}.sidebar{width:200px;padding:25px 12px}.brand strong{font-size:18px}.chapter-link{font-size:12px;padding:11px 8px}.workspace{padding:16px 20px 30px}.section-head{display:block}.section-head .filter-row{margin-top:15px}.search-row .small-note{display:none}.search{width:100%}.topbar h1{font-size:22px}.audio-pill{font-size:10px}.top-actions{gap:6px}.book-grid{gap:15px;padding:0 20px}.book-meta{padding:13px}.book-meta h3{font-size:15px}}
@media(max-width:650px){.shell{display:block}.sidebar{display:none}.workspace{padding:14px 13px 24px}.topbar{height:65px;margin-bottom:14px}.topbar h1{font-size:20px}.eyebrow{font-size:9px;letter-spacing:.08em}.audio-pill{font-size:9px;padding:7px}.section-head{padding:24px 18px 17px}.section-head h2{font-size:27px}.section-head p{font-size:11px}.workspace>section[aria-label='绘本书架']{border-radius:24px;padding-bottom:20px}.book-grid{padding:0 14px;gap:13px}.book-card{border-radius:17px}.book-meta{padding:11px}.book-meta h3{font-size:14px}.book-meta .category{font-size:9px}.book-meta p{font-size:10px}.book-footer{font-size:8px;gap:4px}.search-row{margin:0 18px 18px}.book-number{font-size:8px;padding:4px 7px;left:6px;top:6px}.book-done{width:21px;height:21px;right:6px;top:6px}.shelf-footer{font-size:9px;margin:25px 3px 0}.reader-body{padding:12px}.page-stage{border-radius:20px}.aside-card{border-radius:20px}}