:root{--ink:#173f37;--muted:#73877e;--paper:#fffdf6;--bg:#f5f2e9;--line:#e1e5da;--lime:#dcea98;--yellow:#f5cd64;--orange:#e9946c;--shadow:0 10px 35px #173f3709;--radius:25px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #da9967;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #95b680;outline-offset:1px}button svg{width:19px;height:19px}svg{vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:STKaiti,KaiTi,serif}h1{font-size:52px;line-height:1.12}h2{font-size:29px}h3{font-size:21px}small,.muted{color:var(--muted)}strong{font-weight:700}.num{font-family:Georgia,serif;font-variant-numeric:tabular-nums}a{color:inherit}[hidden]{display:none!important}.demo{background:#ebeddf;color:#627468;font-size:11px;text-align:center;padding:8px 14px;line-height:1.5;border-bottom:1px solid #dce2d4}.shell{max-width:1140px;margin:auto;padding:0 28px 125px}.top{height:88px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:2px}.brandmark{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:var(--ink);color:var(--lime)}.brandmark svg{width:24px;height:24px}.top-actions,.inline,.row{display:flex;align-items:center;gap:10px}.row{justify-content:space-between}.top-actions{flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:7px 12px;font-size:12px;background:#eee9d7}.pill.yellow{background:#f9e8af}.pill.green{background:#e6efd5}.btn{border:0;border-radius:13px;padding:12px 17px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;background:var(--ink);color:#fff;transition:transform .16s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn.light{background:#edf1e4;color:var(--ink)}.btn.gold{background:var(--yellow);color:var(--ink)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.small{padding:8px 12px;min-height:38px;font-size:12px}.btn.wide{width:100%}.danger{color:#a43f32!important;background:#fbece6!important}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:270px;background:#e9eed6;border-radius:32px;position:relative;overflow:hidden;padding:34px 38px;margin-bottom:24px}.hero:after{content:"";position:absolute;width:230px;height:230px;border:1px dashed #cad3b6;border-radius:50%;right:24px;top:-85px;pointer-events:none}.hero .eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:15px;color:#718364}.hero h1{font-size:46px;margin-bottom:12px}.hero p{max-width:430px;color:#627969;line-height:1.9}.hero-art{height:220px;z-index:1;display:grid;place-items:center}.hero-art>svg{width:260px;height:225px}.hero-badge{background:var(--paper);border:1px solid #dae1c8;border-radius:12px;padding:9px 14px;transform:rotate(-7deg);position:absolute;right:32px;bottom:24px;box-shadow:0 5px 20px #173f370d;font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-head p{margin-top:6px;font-size:12px;color:var(--muted);line-height:1.7}.grid2{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:22px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-width:0}.panel+.panel{margin-top:18px}.stack{display:grid;gap:18px;align-content:start}.stack .panel+.panel{margin-top:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.stat{border:1px solid var(--line);background:var(--paper);border-radius:19px;padding:18px}.stat strong{font-family:Georgia,serif;font-size:28px;display:block;margin:9px 0 4px}.stat small{font-size:11px}.stat .label{font-size:12px;color:var(--muted)}label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}input,select,textarea{display:block;width:100%;min-width:0;margin-top:7px;padding:12px;background:#fff;border:1px solid #d8dfd3;border-radius:11px;min-height:44px}textarea{min-height:105px;resize:vertical;line-height:1.6}input[type=file]{font-size:12px}.fields{display:grid;grid-template-columns:1fr 135px;gap:12px}.form-block{padding:18px 0;border-top:1px dashed var(--line)}.form-block>h3{margin-bottom:14px;display:flex;align-items:center;gap:9px}.tag-icon{width:33px;height:33px;border-radius:11px;display:inline-grid;place-items:center;background:#f8e5be}.form-block:nth-of-type(2) .tag-icon{background:#dcebdc}.form-block:nth-of-type(3) .tag-icon{background:#e9e3f4}.tag-icon svg{width:19px;height:19px}.english-row{padding:13px;background:#f4f6ee;border-radius:14px;margin-bottom:10px}.english-row .fields{grid-template-columns:minmax(0,1fr) 100px}.english-row label{margin-bottom:8px}.help{font-size:11px;line-height:1.7;color:var(--muted)}.error{color:#a43f32;background:#fff1eb;padding:11px 14px;border-radius:12px;line-height:1.7;margin:10px 0}.success{background:#edf4db;padding:16px;border-radius:16px;line-height:1.9}.submit-line{border-top:1px solid var(--line);padding-top:18px;margin-top:4px}.progress{height:9px;border-radius:9px;background:#e9ebdf;overflow:hidden;margin:12px 0}.progress>i{display:block;height:100%;border-radius:9px;background:#84a886}.progress.orange>i{background:#e6ab73}.progress.blue>i{background:#8baabc}.step{padding:15px 0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step-title{display:flex;justify-content:space-between;gap:8px}.step-title strong{font-size:13px}.step-title span{font-size:11px;color:var(--muted)}.mini-art{width:100%;height:155px;display:grid;place-items:center;background:#f8efd9;border-radius:16px}.mini-art svg{width:170px;height:145px}.bottom{position:fixed;bottom:18px;left:50%;transform:translate(-50%);width:480px;max-width:calc(100% - 24px);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--ink);padding:8px;border-radius:21px;box-shadow:0 12px 40px #173f3738;z-index:20}.bottom button{border:0;background:transparent;color:#d1dfd6;border-radius:15px;min-height:58px;font-size:11px;display:flex;gap:5px;align-items:center;justify-content:center;flex-direction:column}.bottom button.active{background:var(--lime);color:var(--ink);font-weight:700}.bottom svg{width:21px;height:21px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.tabs button{border:1px solid var(--line);background:var(--paper);padding:10px 14px;border-radius:12px;font-size:12px;min-height:40px}.tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.rank-me{position:sticky;top:9px;z-index:5;background:#dce99c;border:1px solid #c3d47d;border-radius:18px;padding:17px 20px;margin:14px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 6px 24px #173f3715}.rank-me strong{font-size:21px;font-family:Georgia,Microsoft YaHei,serif}.leader{display:grid;grid-template-columns:35px 40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:17px 10px;border-bottom:1px solid var(--line)}.leader.mine{border:2px solid #86a252;background:#f1f6dd;border-radius:14px;margin:5px 0}.leader .place{font-family:Georgia,serif;font-size:20px;text-align:center}.avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#e5ecd9;font-size:22px}.leader .details{min-width:0}.leader .details small{display:block;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader .value{text-align:right;font-family:Georgia,serif;font-size:19px}.leader .value small{font-family:Microsoft YaHei,sans-serif;font-size:10px;display:block}.empty{text-align:center;padding:34px 16px;color:var(--muted);line-height:1.9}.book-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.book-cover{width:36px;height:45px;background:#dce7c3;border-radius:3px 8px 8px 3px;border-left:4px solid #91a872;flex:none;display:grid;place-items:center;font-size:18px}.book-row .book-title{flex:1;min-width:0;overflow-wrap:anywhere}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.collect-card{position:relative;background:#f4f6ed;border:1px solid #d8decb;border-radius:20px;padding:12px;text-align:center;overflow:hidden;min-width:0}.collect-card .art{height:143px;display:grid;place-items:center}.collect-card .art svg{width:100%;height:100%}.collect-card h3{font-size:18px}.collect-card small{font-size:10px}.collect-card.gold{background:linear-gradient(140deg,#ffefb8,#f4ce7b,#fff2c9);border-color:#dbb258;box-shadow:inset 0 0 0 4px #fff6}.collect-card.diamond{background:linear-gradient(135deg,#e0f1f6,#becfef,#f1dafa,#e4fff8);border-color:#91adc7;box-shadow:inset 0 0 0 4px #fff8}.tier{font-size:9px;letter-spacing:1px;display:inline-block;padding:4px 8px;border-radius:20px;background:#fff9}.collect-card.locked{filter:grayscale(1);opacity:.42}.identity-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.identity{border-radius:14px;text-align:center;padding:15px 4px;background:#e6edda;border:1px solid #ccd6bf}.identity.locked{background:#f2f1e9;color:#a3aca0;border-style:dashed}.identity b{display:block;font-size:28px;margin-bottom:8px}.identity span{font-size:11px}.wallet{background:var(--ink);color:var(--paper);border-radius:24px;padding:24px;position:relative;overflow:hidden}.wallet .num{font-size:38px;margin:8px 0;display:block}.wallet .muted{color:#bdcfc0}.wallet .row{flex-wrap:wrap}.wallet:after{content:"\2727";font-size:130px;position:absolute;right:20px;top:-10px;color:#dcea9815;pointer-events:none}.receipt{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.receipt small{display:block;margin-top:4px;font-size:10px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{background:#ecefe3;border-radius:13px;padding:12px 3px;text-align:center;font-size:11px}.day.done{background:#668c6c;color:#fff}.day.today{outline:2px solid #d7b753}.day small{color:inherit;display:block;font-size:9px;margin-top:5px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:530px;font-size:12px}.table td,.table th{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:400}.table td{overflow-wrap:anywhere}.record-row{border:1px solid var(--line);border-radius:16px;padding:15px;margin-top:10px;line-height:1.9}.record-row .row{align-items:start}.record-row p{font-size:12px;color:var(--muted)}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;min-height:calc(100vh - 170px);padding:20px 35px}.login-copy h1{font-size:68px;letter-spacing:-2px}.login-copy p{line-height:2;margin-top:18px;color:var(--muted);max-width:360px}.login-art{height:240px;margin-top:20px}.login-art svg{height:100%;width:100%;max-width:360px}.login-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:32px}.login-card h2{margin-bottom:9px}.login-card form{margin-top:24px}.demo-accounts{margin-top:20px;padding-top:18px;border-top:1px dashed var(--line);line-height:1.9;font-size:12px}.demo-accounts button{margin-top:10px;margin-right:6px}.dialog{width:560px;max-width:calc(100% - 24px);border:1px solid #cfd9c2;border-radius:25px;padding:25px;background:var(--paper);color:var(--ink);box-shadow:0 24px 90px #173f3740;max-height:88dvh;overflow:auto}.dialog::backdrop{background:#173f3780;backdrop-filter:blur(5px)}.dialog .section-head{align-items:start}.dialog-body{line-height:1.8}.dialog-body>p{margin:12px 0}.dialog .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.dialog .art{height:220px;text-align:center}.dialog .art svg{height:100%;max-width:100%}.reveal{animation:reveal .7s both}.reveal-box{height:205px;display:grid;place-items:center;font-size:85px;background:#f9edbc;border-radius:20px;animation:bob 1.3s infinite}.confetti{color:#bd9141;letter-spacing:12px;font-size:26px;text-align:center}@keyframes reveal{0%{opacity:0;transform:scale(.8) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes bob{50%{transform:translateY(-6px) rotate(3deg)}}.toast{position:fixed;bottom:107px;left:50%;transform:translate(-50%);max-width:90%;background:#173f37;color:#fff;padding:12px 19px;border-radius:14px;z-index:50;box-shadow:0 10px 25px #173f3733;text-align:center;font-size:13px}.footer-note{text-align:center;margin-top:24px;font-size:11px;color:var(--muted);line-height:1.9}@media(max-width:780px){.shell{padding:0 16px 115px}.top{height:75px}.brand{font-size:20px}.brand small{display:none}.hero{padding:27px 24px;grid-template-columns:1.2fr 1fr;min-height:225px}.hero h1{font-size:36px}.hero-art{height:180px}.hero-art>svg{width:190px;height:180px}.hero-badge{display:none}.grid2,.admin-grid{grid-template-columns:1fr}.login-layout{gap:30px;padding:15px 8px}.login-copy h1{font-size:50px}.login-card{padding:25px}.identity-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:540px){.top-actions .user-name{display:none}.top-actions{gap:5px}.top-actions .btn{padding:8px 10px}.brand{gap:7px}.hero{display:block;min-height:210px;padding:27px 23px}.hero h1{font-size:38px;width:65%;position:relative;z-index:2}.hero p{font-size:12px;max-width:64%;position:relative;z-index:2}.hero .eyebrow{font-size:10px}.hero-art{position:absolute;right:-25px;bottom:4px;width:180px;height:180px;opacity:.9}.hero-art>svg{width:180px;height:180px}.hero:after{right:-100px}.stats{gap:8px}.stat{padding:13px 10px}.stat strong{font-size:23px}.stat .label{font-size:10px}.stat small{font-size:9px}.panel{padding:19px;border-radius:21px}.section-head h2{font-size:26px}.fields{grid-template-columns:minmax(0,1fr) 97px;gap:9px}.english-row .fields{grid-template-columns:minmax(0,1fr) 82px}.english-row{padding:11px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collect-card .art{height:126px}.leader{grid-template-columns:24px 32px minmax(0,1fr) auto;gap:8px;padding:16px 5px}.leader .value{font-size:17px}.avatar{width:32px;height:34px;font-size:19px}.rank-me{padding:14px 12px}.rank-me strong{font-size:18px}.tabs{gap:5px}.tabs button{padding:10px 11px;font-size:11px}.login-layout{display:block;min-height:auto;padding:10px 0}.login-copy{padding:10px 15px 26px;position:relative}.login-copy h1{font-size:42px}.login-copy p{font-size:12px;max-width:65%;margin-top:10px}.login-art{position:absolute;right:-7px;top:0;width:160px;height:170px;opacity:.85;margin:0}.login-card{padding:25px}.bottom{bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100% - 20px)}.dialog{padding:21px}.day{padding:10px 1px}.calendar{gap:6px}.wallet .num{font-size:32px}}@media(max-width:540px){.hero{min-height:275px}.hero h1{width:100%;font-size:clamp(29px,7.9vw,38px)}.hero p{max-width:56%;margin-top:16px}.stat{min-width:0}.stat strong{font-size:clamp(17px,5vw,23px);overflow-wrap:anywhere}.leader .details b{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{--ink:#244842;--muted:#586d68;--paper:#fff;--bg:#f6f8f7;--line:#e0e8e4;--lime:#e1f0e9;--yellow:#f1d69b;--shadow:0 6px 24px #294d4006;--radius:22px}body{background:var(--bg);font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:15px;line-height:1.55}h1,h2,h3,.num,.stat strong,.rank-me strong,.leader .place,.leader .value,.leader .value small,button,input,select,textarea{font-family:inherit}h1,h2,h3{font-weight:700;letter-spacing:-.5px}h1{line-height:1.25}h2{font-size:25px}h3{font-size:20px}small,.help,.label,.muted,.section-head p,.footer-note{color:var(--muted)}.help,.section-head p,.footer-note{font-size:13px;line-height:1.8}.demo{font-size:12px;background:#edf2ef;border-color:#e0e8e4;color:#536960}.brand{font-size:23px;letter-spacing:1px}.brandmark{background:#357966;color:#fff;border-radius:13px}.hero{background:linear-gradient(115deg,#e8f3ed,#f1f5ed);border-radius:26px;min-height:275px;padding:34px 36px}.hero:after{display:none}.hero h1{font-size:37px;line-height:1.3;letter-spacing:-1px}.hero .eyebrow{font-size:11px;letter-spacing:1.7px;color:#54796d}.hero p{font-size:14px;color:#4c695e;line-height:1.9}.hero-badge{display:none}.hero-art.kid-pair{display:flex;align-items:end;justify-content:center;gap:0;animation:gentle-float 3s ease-in-out 2}.hero-art.kid-pair svg{width:160px;height:210px;min-width:0}.kid-pair svg+svg{margin-left:-25px;margin-bottom:16px}.panel,.login-card,.stat{border:1px solid var(--line);box-shadow:var(--shadow)}.stat{border-radius:18px}.stat strong{font-size:28px;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.stat .label{font-size:13px}.stat small{font-size:12px}.btn{background:#317660;border:1px solid transparent;border-radius:12px;min-height:46px;padding:11px 16px;box-shadow:none;font-size:14px;font-weight:600}.btn:hover:not(:disabled){transform:translateY(-1px);background:#276650}.btn.light{background:#edf4ef;color:#315e4e}.btn.light:hover{background:#e1ede5}.btn.ghost{border-color:#dbe5df;background:transparent}.btn.ghost:hover{background:#edf4ef}.btn.gold{background:#f3dfaf;color:#5c481c}.btn.gold:hover{background:#eed29a}.btn.small{min-height:42px;font-size:13px;padding:8px 12px}.pill{font-size:12px;font-weight:500;padding:6px 11px}.pill.green{background:#e5f2ea;color:#326550}.pill.yellow{background:#fbefcf;color:#705623}input,select,textarea{font-family:inherit;font-size:16px;line-height:1.5;border:1px solid #ccd9d2;background:#fff;border-radius:10px;min-height:46px;padding:11px}label{font-size:14px;font-weight:500}fieldset{padding:0;margin:0;border:0;min-width:0}fieldset:disabled{opacity:.6}.form-block>h3{font-size:19px;font-weight:600}.form-block>h3 small{font-size:12px!important;font-weight:400}.tag-icon{background:#eff4e8!important;color:#617957;border-radius:10px}.english-row{background:#f6f8f6}.form-block{border-top:1px solid var(--line)}.progress{height:8px}.progress>i{background:#70a58d}.step-title strong{font-size:14px}.step-title span{font-size:12px}.bottom{background:#fffffff5;border:1px solid #dce6df;box-shadow:0 8px 30px #1b473a15;backdrop-filter:blur(12px);border-radius:19px}.bottom button{color:#61746c;font-size:12px}.bottom button.active{background:#e8f3ec;color:#2b6b51}.bottom svg{stroke-width:1.8}.tabs button{font-size:13px;border-radius:10px}.tabs button.active{background:#317660;border-color:#317660}.rank-me{background:#e6f2e9;border-color:#cbded0;box-shadow:none}.rank-me strong{font-size:19px}.leader.mine{border-color:#71a58a;background:#f0f8f2}.leader .value{font-size:19px;font-variant-numeric:tabular-nums}.leader .value small,.leader .details small{font-size:12px}.calendar-shell{background:#fafcfb;border:1px solid #dce6df;border-radius:18px;padding:16px;margin:12px 0 22px;scroll-margin-top:12px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-heading strong{font-size:18px}.calendar-heading .btn{width:44px;padding:6px;font-size:22px}.availability-note{margin:12px 0;font-size:12px;text-align:center;line-height:1.8;color:#526d61;overflow-wrap:anywhere}.calendar.weekdays{margin-bottom:9px;text-align:center;font-size:12px;color:#5c7066}.calendar{gap:6px}.day{border:1px solid #e0e9e3;min-height:49px;min-width:0;padding:6px 0;background:#fff;border-radius:11px;color:#38544a;box-shadow:none}.day b{font-size:14px;font-weight:500}.day small{font-size:10px;margin-top:2px}.day.done{background:#e4f1e8;color:#30654b;border-color:#d3e5d9}.day.today{outline:1px dashed #78a58f;outline-offset:1px}.day.selected{background:#317660;color:#fff;border:1px solid #317660;outline:none}.day:disabled{background:#f1f4f1;color:#8b9990;opacity:.65;cursor:not-allowed}.calendar-legend{margin:12px 0 4px;font-size:12px}.availability-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collect-card{border:1px solid #bacbd3;border-radius:19px;padding:15px 12px;background:linear-gradient(145deg,#f6fbfd,#dde7ec);box-shadow:0 4px 12px #2c45590a;isolation:isolate;transition:transform .25s}.collect-card:before{content:"";position:absolute;inset:5px;border:1px solid #fffc;border-radius:14px;z-index:-1;pointer-events:none}.collect-card:after{content:"";position:absolute;inset:-60%;background:linear-gradient(115deg,transparent 44%,#fff8 49%,transparent 54%);transform:translate(-60%);animation:soft-foil 2s ease-out 1;pointer-events:none}.collect-card:not(.locked):hover{transform:translateY(-4px)}.collect-card .art{height:185px;margin:8px 0;border-radius:12px;overflow:hidden}.collect-card h3{font-size:17px;font-weight:600}.collect-card small{font-size:12px}.collect-card .tier{font-size:11px;background:#ffffffad;border:1px solid #ffffffd0;border-radius:7px;letter-spacing:.5px;color:#4a6270}.collect-card.gold{background:linear-gradient(140deg,#fff9e9,#eedcb5);border-color:#d3b878;box-shadow:0 4px 15px #94732a0d}.collect-card.diamond{background:linear-gradient(140deg,#eef8fc,#e5e6f5 55%,#e2f4ee);border-color:#a4bccf;box-shadow:0 4px 15px #668bad17}.collect-card.locked{opacity:.58}.collect-card.locked:after{display:none}.uploaded-card-art{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px}.dialog .art .uploaded-card-art{margin:auto}.identity{background:#f0f6ef;border-color:#d7e3d7}.identity span{font-size:12px}.wallet{background:#315c52;border-radius:20px}.wallet .muted{color:#d2e3dc}.reward-card{max-width:300px;margin:18px auto;padding:22px}.reward-card .art{height:230px}.reward-card p{font-size:13px;margin-top:12px}.dialog{border:1px solid #d0ddd5;border-radius:22px}.wrap,.dialog .actions{flex-wrap:wrap}.celebration{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.celebration i{position:absolute;left:var(--x);top:-30px;color:var(--color);font-style:normal;font-size:22px;animation:star-fall 1.4s var(--delay) both}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion .celebration{display:none}.table{font-size:13px}.table small{font-size:12px}.table td{min-width:90px}.table td:last-child{min-width:160px}.table td .btn{margin:3px 0}@keyframes gentle-float{50%{transform:translateY(-5px)}}@keyframes soft-foil{0%,15%{transform:translate(-60%)}to{transform:translate(60%)}}@keyframes star-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}15%{opacity:1}to{transform:translateY(75vh) rotate(120deg);opacity:0}}@media(max-width:540px){.shell{padding-left:16px;padding-right:16px}.top{height:auto;min-height:80px;padding:12px 0;flex-wrap:wrap}.top-actions{flex:1;gap:5px}.top-actions .btn{padding:7px 8px;font-size:12px;min-height:38px}.top-actions .pill{font-size:11px;padding:6px}.brand{font-size:20px;gap:6px}.brandmark{width:34px;height:34px}.hero{min-height:315px;padding:25px 22px}.hero h1{font-size:clamp(25px,6.5vw,32px);width:100%}.hero .eyebrow{font-size:10px}.hero p{font-size:13px;max-width:58%;margin-top:18px}.hero-art.kid-pair{position:absolute;right:-12px;bottom:0;width:185px;height:160px;opacity:1}.hero-art.kid-pair svg{width:118px;height:170px;flex-shrink:0}.kid-pair svg+svg{margin-left:-37px}.stats{gap:8px}.stat{padding:13px 10px}.stat strong{font-size:clamp(18px,5vw,23px);overflow-wrap:anywhere}.stat .label{font-size:12px}.stat small{font-size:11px}.stat small:last-child{display:none}.panel{padding:18px}.section-head{flex-wrap:wrap}.section-head h2{font-size:23px}.calendar-shell{padding:11px}.availability-note{font-size:12px}.card-grid{gap:12px 10px}.collect-card{padding:10px 8px 13px}.collect-card .art{height:152px}.collect-card h3{font-size:16px}.availability-fields{grid-template-columns:1fr}.form-block>h3{flex-wrap:wrap}.login-copy h1{font-size:38px}.login-copy p{font-size:13px}.login-art{width:145px;height:155px}.login-card{padding:24px}.leader .value{font-size:17px}.leader .value small{font-size:11px}.rank-me strong{font-size:17px}.rank-me .btn{font-size:12px;padding:9px}.bottom button{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.celebration{display:none}}.collect-card .art,.dialog .art{width:100%;height:auto;aspect-ratio:2/3;display:block;position:relative;overflow:hidden;margin:12px auto;border-radius:12px}.collect-card .art>svg,.collect-card .art>img,.dialog .art>svg,.dialog .art>img{display:block;width:100%;height:100%;max-width:100%}.dialog .art{max-width:250px}.uploaded-card-art{object-fit:cover}.reward-card .art{height:auto;aspect-ratio:2/3}#artPreview{max-width:260px;margin-left:auto;margin-right:auto}.art-layout-controls{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}input[type=range]{padding:0;min-height:34px;accent-color:#317660}.art-layout-controls output{float:right;font-size:12px;color:var(--muted)}.profile-button{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:4px 10px 4px 4px;min-height:44px;max-width:170px;font:inherit;font-size:13px}.profile-button>svg{width:36px;height:36px;flex:none;border-radius:50%}.profile-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{overflow:hidden;flex:none}.avatar>svg{width:100%;height:100%}.legacy-avatar{display:inline-flex;align-items:center;justify-content:center;min-width:28px;font-size:23px}.table-avatar{display:inline-flex;vertical-align:middle;margin-right:5px}.avatar-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.avatar-option{border:2px solid transparent;background:#f5f8f6;border-radius:14px;padding:7px;min-width:0;color:var(--ink)}.avatar-option svg{width:100%;height:auto;border-radius:12px}.avatar-option span{display:block;font-size:11px;margin-top:5px}.avatar-option[aria-pressed=true]{border-color:#317660;background:#e3f2e8}.avatar-option[aria-pressed=true] span:before{content:"\2713  ";font-weight:700}.library-tools{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:12px;margin-top:18px}.pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px;font-size:13px}.pagination form{display:flex;gap:8px;align-items:center}.pagination label{display:flex;gap:8px;align-items:center;margin:0;font-size:13px}.pagination input{width:75px;margin:0;min-height:40px;padding:7px}.pagination span{font-variant-numeric:tabular-nums}@media(max-width:540px){.top{align-items:center}.top-actions{flex-basis:100%;justify-content:flex-start;margin-top:4px}.top-actions .profile-button{margin-right:auto;max-width:140px}.collect-card .art,.dialog .art,.reward-card .art{height:auto;aspect-ratio:2/3}.avatar-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.avatar-option svg{max-height:90px}.library-tools{grid-template-columns:minmax(0,1fr) 85px;gap:8px}.pagination{gap:8px}}.beian{text-align:center;font-size:12px;line-height:1.8;margin:4px 0 12px}.beian a{color:#8a908c;text-decoration:none}.beian a:hover{color:var(--brand);text-decoration:underline}.brand{text-decoration:none}.center{text-align:center}.wrap{flex-wrap:wrap}.equal{grid-template-columns:1fr 1fr}.actions{display:flex;gap:10px;margin-top:18px;justify-content:flex-end}.top-actions{min-width:0}.panel p{margin-top:10px}.login-copy h1{margin-top:22px}.login-card form{margin-bottom:20px}.collect-card .art{height:auto!important;aspect-ratio:2/3;width:100%;overflow:hidden;border-radius:13px;margin:10px auto;display:grid;place-items:center;background:#eff4f3}.art img{display:block;width:100%;height:100%;object-fit:cover}.collect-card .art svg{width:100%;height:100%;object-fit:contain}.art-preview{max-width:280px;margin:20px auto}.collect-card{border-radius:19px}.collect-card.gold:after,.collect-card.diamond:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#fff7 50%,transparent 65%);animation:card-shine 2.8s ease-out 1}.card-grid{margin-top:14px}.card-grid>div{min-width:0}.identity-grid{margin-top:20px}.avatar svg{width:100%;height:100%}.profile-button{max-width:220px}.profile-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader.mine{scroll-margin-top:140px}.book-suggestions{display:grid;gap:5px;margin:7px 0;max-height:210px;overflow:auto}.book-suggestions:empty{display:none}.book-suggestions button{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:44px;padding:9px;text-align:left;font-size:13px}.consume-list{max-height:300px;overflow:auto}.consume-list label{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:9px}.consume-list input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:none;margin:0}.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px}.pagination form{display:flex;align-items:center;gap:7px}.pagination input{width:75px;margin:0}.calendar .day{min-height:48px;border:0}.calendar .day.selected{outline:2px solid #2f7059;outline-offset:2px}.calendar .day:disabled{opacity:.35}.calendar.weekdays{margin:12px 0 7px;text-align:center}.table{min-width:420px}.reading-celebration{position:relative;overflow:hidden;text-align:center;padding:20px 10px 25px;border-radius:20px;background:linear-gradient(150deg,#f1f8f4,#fff9ed)}.reading-celebration h3{font-size:26px;margin:12px 0}.reading-celebration p{position:relative;margin:15px 0;line-height:1.85}.reading-celebration .btn{position:relative;margin-top:15px}.reading-celebration-mark{font-size:72px;line-height:1.1;color:#dca855;animation:celebration-pop .5s ease-out}.confetti-rain{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-rain i{position:absolute;top:-15px;left:calc(var(--x)*1%);width:9px;height:15px;background:var(--color);border-radius:3px;animation:confetti-fall 2.7s var(--delay) ease-out both}.confetti-rain i:nth-child(3n){border-radius:50%;width:10px;height:10px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-30px) rotate(0)}10%{opacity:1}85%{opacity:.8}to{opacity:0;transform:translateY(440px) rotate(var(--spin))}}@keyframes celebration-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes card-shine{0%{transform:translate(-150%)}to{transform:translate(150%)}}.no-motion *{animation:none!important;transition:none!important}.no-motion .confetti-rain{display:none}@media(prefers-reduced-motion:reduce){.confetti-rain{display:none}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:540px){.shell{padding-left:12px;padding-right:12px}.top{height:auto;min-height:78px;gap:8px;flex-wrap:wrap;padding:12px 0}.top-actions{gap:6px}.profile-button{max-width:145px}.top-actions .btn{font-size:12px;padding:8px}.panel{padding:17px}.hero h1{font-size:31px}.leader .value{font-size:16px}.fields.equal{grid-template-columns:1fr}.actions .btn{flex:1;min-width:120px}.identity-grid{grid-template-columns:repeat(3,1fr)}.dialog{max-height:88dvh}.login-copy h1{font-size:36px}.leader{grid-template-columns:23px 32px minmax(0,1fr) auto;gap:6px}}.fullbook-toggle{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:14px;font-weight:500;cursor:pointer}.fullbook-toggle input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:none;margin:0;accent-color:#317660}.cnWords-field{margin-top:10px}.wordsbar{height:10px;border-radius:6px;background:#e7e2cf;overflow:hidden;margin:14px 0 6px}.wordsbar i{display:block;height:100%;background:#317660;border-radius:6px;transition:width .3s ease}.ranking-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;max-width:680px;margin:26px auto 14px;padding:0 6px;border-bottom:1px solid var(--line)}.podium-place{display:flex;min-width:0;flex-direction:column;align-items:center;text-align:center;position:relative;padding-top:12px}.podium-avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#edf5f0;border:4px solid #fff;box-shadow:0 5px 16px #24484216;overflow:hidden;z-index:2}.podium-avatar svg{width:100%;height:100%}.podium-place.first .podium-avatar{width:72px;height:72px;border-color:#f5d680}.podium-place.second .podium-avatar{border-color:#dce4e8}.podium-place.third .podium-avatar{border-color:#efc5a6}.podium-place>b{display:block;max-width:100%;margin-top:7px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-place>b i{display:inline-grid;place-items:center;margin-left:4px;width:22px;height:22px;border-radius:50%;background:#dff1e6;color:#37715b;font-size:10px;font-style:normal}.podium-place>small{display:block;max-width:100%;margin:3px 0 8px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-step{width:100%;height:58px;border-radius:11px 11px 0 0;display:grid;place-items:start center;padding-top:9px;background:linear-gradient(180deg,#e7edf2,#f5f7f8);color:#73808a}.podium-place.first .podium-step{height:82px;background:linear-gradient(180deg,#f7d46f,#fff1b9);color:#9b6a08}.podium-place.third .podium-step{height:46px;background:linear-gradient(180deg,#f4c79f,#fae4d1);color:#9a5d31}.podium-step strong{font-size:25px;font-variant-numeric:tabular-nums}.podium-place.mine:after{content:"\5f53\524d\767b\5f55";position:absolute;top:0;border-radius:20px;padding:2px 7px;background:#317660;color:#fff;font-size:9px;z-index:3}@media(max-width:540px){.ranking-podium{gap:4px;margin-top:20px;padding:0}.podium-avatar{width:48px;height:48px}.podium-place.first .podium-avatar{width:58px;height:58px}.podium-place>b{font-size:12px}.podium-place>small{font-size:9px}.podium-step{height:46px}.podium-place.first .podium-step{height:65px}.podium-place.third .podium-step{height:38px}.podium-step strong{font-size:21px}.podium-place.mine:after{font-size:8px}}.agree-row{display:flex;align-items:flex-start;gap:8px;margin:10px 0;font-size:13px;color:#556}.agree-row input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex:none;accent-color:#317660}.agree-row a{color:#317660;text-decoration:underline}.agree-row a:hover{color:#235645}.book-grade-tabs{flex-wrap:wrap}.book-level-tabs{margin-bottom:14px}.book-list{display:grid;gap:14px}.book-cat-block{border:1px solid var(--line);border-radius:12px;padding:14px;border-left:4px solid var(--cat-color,#78b5a1)}.book-cat-head{display:flex;align-items:baseline;gap:8px}.book-cat-head h3{margin:0;font-size:15px}.book-cat-head small{color:var(--muted)}.book-items{display:grid;gap:7px;margin-top:10px}.book-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:9px;background:var(--surface,#f8f6f0)}.book-seq{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--cat-color,#78b5a1);color:#fff;font-size:13px;font-weight:700;flex:none}.book-info{min-width:0}.book-info b{display:block;font-size:14px;line-height:1.5}.book-info small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:2px}.hero-guide,#bookListSlot{margin-top:18px}#bookListPanel{scroll-margin-top:88px}.ledger-toggle{text-align:center;margin-top:16px}.book-lang-tabs{margin-bottom:12px;border-bottom:2px solid var(--line);padding-bottom:0;display:flex;gap:4px}.book-lang-tabs button{font-weight:600;font-size:15px;background:transparent;border:1px solid transparent;border-radius:10px 10px 0 0}.book-lang-tabs button.active{color:#317660;background:transparent;border-bottom:2px solid #317660;border-color:transparent transparent #317660 transparent;margin-bottom:-2px}.en-cat-block{border:1px solid var(--line);border-radius:12px;padding:14px;border-left:4px solid #8ba9d4}.en-cat-head{display:flex;align-items:baseline;gap:8px}.en-cat-head h3{margin:0;font-size:15px}.en-cat-head small{color:var(--muted)}.hist-intro{border:1px solid #e4d29b;border-left:4px solid #e7b457;background:linear-gradient(180deg,#fdf8ea,#fcf5e2);border-radius:12px;padding:14px 16px;margin:14px 0 18px}.hist-intro-head{display:flex;align-items:baseline;gap:8px}.hist-intro-head h3{margin:0;font-size:15px;color:#8a6d2f}.hist-intro-head small{color:#b39556}.hist-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hist-tag{display:inline-flex;align-items:baseline;gap:5px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13.5px;color:#3f4642;line-height:1.3}.hist-tag small{font-size:11px;color:var(--muted)}.hist-tag.starred{background:#fff7e3;border-color:#e7c873;color:#7a5d24;font-weight:600}.hist-tag.starred small{color:#b39556;font-weight:400}.hist-sections{display:flex;flex-direction:column;gap:14px;margin-top:4px}.hist-era{border:1px solid var(--line);border-left:4px solid #317660;border-radius:12px;padding:12px 14px;background:#fff}.hist-era h3{margin:0 0 10px;font-size:15px;color:#317660;display:flex;align-items:center;gap:8px}.hist-era-dot{width:8px;height:8px;border-radius:50%;background:#317660;flex:none}.hist-era h4{margin:10px 0 0;font-size:12.5px;color:var(--muted);font-weight:600}.hist-era .hist-group+.hist-group{margin-top:10px}.book-cover-btn{border:0;background:transparent;padding:0;flex:none;cursor:pointer;border-radius:6px;overflow:hidden;flex-shrink:0}.book-cover-btn img{display:block;width:44px;height:60px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:#fff}.book-cover-btn svg{display:block;width:44px;height:60px;border:1px solid var(--line);border-radius:6px;background:#fff9ef}.cover-zoom{max-width:80vw;max-height:70vh;margin:0 auto;display:block;border-radius:12px;background:#fff;border:1px solid var(--line)}.cover-zoom-fallback{display:none}@media(max-width:540px){.hero-guide{max-width:60%}.hero-guide .btn{min-height:42px;padding:9px 14px;font-size:13px}}.chinese-row,.english-row{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:#fffdf8}.chineseRows,.englishRows{margin-bottom:10px}.cn-min{max-width:132px;flex:none}.diff-chips{margin-top:12px}.diff-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.diff-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:76px;padding:9px 10px 7px;border:1.5px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;user-select:none;transition:border-color .15s,background .15s,box-shadow .15s}.diff-chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.diff-chip .chip-icon{font-size:22px;line-height:1.2}.diff-chip .chip-text{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}.diff-chip:hover{border-color:#9bb8a8}.diff-chip:has(input:checked){border-color:#317660;background:#e9f3ec;box-shadow:0 0 0 2px #31766024}.diff-chip:has(input:checked) .chip-text{color:#317660}.diff-chip:has(input:focus-visible){outline:2px solid #317660;outline-offset:2px}.recommend-input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14.5px;line-height:1.6;resize:vertical;background:#fff;font-family:inherit}.rec-count{text-align:right;margin:6px 2px 10px}.community-book{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:12px;background:#fff}.community-book .book-row{margin-bottom:6px}.diff-summary{margin:2px 0 8px;color:var(--muted)}.rec-offer{margin-top:8px}.rec-offer .btn{width:100%;min-height:44px}.rec-card{display:flex;gap:10px;align-items:flex-start;background:#f7f4ee;border-radius:10px;padding:10px 12px;margin-top:8px}.rec-card.mine{background:#e9f3ec;border:1px solid #b9d6c6}.rec-actions{margin-top:8px;gap:8px}.rec-avatar{flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e9efe9;display:flex;align-items:center;justify-content:center}.rec-avatar svg{width:100%;height:100%}.rec-body{min-width:0}.rec-body b{color:#317660;font-size:13px}.rec-body p{margin:2px 0 0;font-size:14px;line-height:1.5;word-break:break-word}.rec-quote{color:var(--muted);margin:4px 0 0}@media(max-width:540px){.diff-chip{flex:1;min-width:0}.chip-row{gap:6px}.cn-min{max-width:110px}}