:root{--bg1:#FFF8F0;--bg2:#FFFFFF;--bg3:#FFF0E8;--bgH:#FFF5ED;--t1:#2D3436;--t2:#636E72;--t3:#B2BEC3;--bd:#F0E6DC;--bdH:#E0D0C0;--or:#FF6B35;--orL:#FFF0E8;--orG:rgba(255,107,53,.2);--tl:#4ECDC4;--tlL:#E8FAF8;--tlG:rgba(78,205,196,.2);--yl:#FFE66D;--ylD:#8B6914;--s1:0 2px 8px rgba(0,0,0,.04);--s2:0 4px 20px rgba(0,0,0,.07);--s3:0 8px 32px rgba(0,0,0,.1);--r1:10px;--r2:16px;--rf:50px;--nav:72px;--tr:.25s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--bg1:#1A1A2E;--bg2:#222240;--bg3:#2A2A4A;--bgH:#2E2E50;--t1:#EAEAEA;--t2:#A0A0B8;--t3:#6C6C80;--bd:#333355;--bdH:#444466;--orL:rgba(255,107,53,.15);--tlL:rgba(78,205,196,.12);--s1:0 2px 8px rgba(0,0,0,.2);--s2:0 4px 20px rgba(0,0,0,.3);--s3:0 8px 32px rgba(0,0,0,.4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:18px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{font-family:"Baloo 2",Noto Sans SC,sans-serif;background:var(--bg1);color:var(--t1);min-height:100vh;padding-bottom:calc(var(--nav) + 24px);transition:background var(--tr),color var(--tr);overflow-x:hidden;-webkit-font-smoothing:antialiased;touch-action:manipulation}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}body:before{top:-100px;right:-100px;width:350px;height:350px;background:radial-gradient(circle,var(--tlG),transparent 70%)}body:after{bottom:-60px;left:-60px;width:280px;height:280px;background:radial-gradient(circle,var(--orG),transparent 70%)}.page{max-width:720px;margin:0 auto;padding:20px 16px;position:relative;z-index:1;display:none}.page.active{display:block}.nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav);background:var(--bg2);border-top:1.5px solid var(--bd);display:flex;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 16px #0000000f;transition:background var(--tr),border-color var(--tr)}.nav-i{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--t3);font-size:.6rem;font-weight:700;padding:6px 14px;border-radius:var(--r1);transition:color var(--tr),background var(--tr);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;background:none;font-family:"Baloo 2",Noto Sans SC,sans-serif}.nav-i:hover,.nav-i.on{color:var(--or);background:var(--orL)}.nav-i .ico{font-size:1.5rem;line-height:1}.hdr{text-align:center;margin-bottom:24px;animation:fU .6s ease}.hdr h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--or),#E55A2B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.hdr p{font-size:1rem;color:var(--t2);font-weight:600;margin-top:2px;font-family:Noto Sans SC,sans-serif}.cd{background:var(--bg2);border-radius:var(--r2);box-shadow:var(--s2);padding:20px;transition:transform var(--tr),box-shadow var(--tr),background var(--tr);margin-bottom:16px}.inp-row{display:flex;gap:10px}.inp-row textarea{flex:1;border:2.5px solid var(--bd);border-radius:12px;padding:14px 16px;font-size:1.15rem;font-family:"Baloo 2",Noto Sans SC,sans-serif;font-weight:600;resize:none;height:60px;transition:border-color .25s,box-shadow .25s;outline:none;background:var(--bg3);color:var(--t1)}.inp-row textarea:focus{border-color:var(--or);box-shadow:0 0 0 4px var(--orG);background:var(--bg2)}.inp-row textarea::placeholder{color:var(--t3);font-weight:600}.btn-go{width:60px;height:60px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--or),#E55A2B);color:#fff;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;flex-shrink:0}.btn-go:hover{transform:scale(1.05);box-shadow:0 4px 16px var(--orG)}.btn-go:active{transform:scale(.95)}.sent{display:none}.sent-t{font-size:1.2rem;font-weight:700;line-height:1.6;margin-bottom:12px;word-spacing:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--rf);font-family:"Baloo 2",Noto Sans SC,sans-serif;font-weight:700;font-size:.95rem;padding:10px 22px;cursor:pointer;transition:transform var(--tr),box-shadow var(--tr);user-select:none}.btn:hover{transform:scale(1.03)}.btn:active{transform:scale(.97)}.btn-tl{background:linear-gradient(135deg,var(--tl),#3CB8B0);color:#fff}.btn-tl:hover{box-shadow:0 4px 14px var(--tlG)}.btn-gh{background:var(--bg3);color:var(--t1);border:2px solid var(--bd)}.btn-gh:hover{border-color:var(--bdH);background:var(--bgH)}.wl{display:flex;flex-direction:column;gap:10px}.wc{background:var(--bg2);border-radius:14px;box-shadow:0 2px 12px #0000000d;padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;user-select:none;animation:fU .4s ease both;border-left:4px solid transparent}.wc:hover{transform:translate(6px);box-shadow:var(--s3);border-left-color:var(--or)}.wc.spk{background:var(--orL);border-left-color:var(--or);transform:translate(6px) scale(1.01)}.wc .ix{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--yl),#FFD93D);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:var(--ylD);flex-shrink:0}.wc .wi{flex:1;min-width:0}.wc .we{font-size:1.3rem;font-weight:800;letter-spacing:.3px}.wc .wm{font-size:1rem;font-weight:600;color:var(--or);margin-top:2px;font-family:Noto Sans SC,sans-serif}.wc .wm a{color:var(--tl);text-decoration:underline;font-size:.85rem;cursor:pointer}.wc .wm a:hover{color:var(--or)}.wc .ws{width:40px;height:40px;border-radius:50%;background:var(--tlL);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .2s}.wc:hover .ws{background:var(--tl);transform:scale(1.1)}.wc:hover .ws svg{stroke:#fff}.wc .ws svg{width:20px;height:20px;stroke:var(--tl)}.wc .star{width:36px;height:36px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem;transition:transform .2s,background .2s;border:none;cursor:pointer;padding:0}.wc .star:hover{transform:scale(1.15)}.wc .star.on{background:var(--yl);animation:cel .5s ease}.empty{text-align:center;padding:48px 20px;animation:fU .5s ease}.empty .emo{font-size:3.5rem;margin-bottom:12px}.empty p{color:var(--t2);font-weight:600;font-size:1rem;font-family:Noto Sans SC,sans-serif}.tip{text-align:center;color:var(--t2);font-size:.85rem;font-weight:600;margin-top:24px;padding:14px;border-radius:12px;background:var(--tlL);font-family:Noto Sans SC,sans-serif}.tip span{color:var(--tl)}.wb-empty{text-align:center;padding:60px 20px}.wb-empty .emo{font-size:3rem;margin-bottom:10px}.wb-empty p{color:var(--t2);font-weight:600;font-family:Noto Sans SC,sans-serif}.wb-stats{text-align:center;color:var(--t2);font-size:.9rem;font-weight:600;margin-bottom:16px;font-family:Noto Sans SC,sans-serif}.wb-actions{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.tpl-cat{margin-bottom:20px}.tpl-cat h3{font-size:1.1rem;font-weight:800;margin-bottom:10px;color:var(--or);display:flex;align-items:center;gap:8px}.tpl-item{background:var(--bg2);border-radius:12px;padding:14px 16px;margin-bottom:8px;box-shadow:var(--s1);cursor:pointer;transition:transform .2s,box-shadow .2s;border-left:3px solid var(--tl)}.tpl-item:hover{transform:translate(4px);box-shadow:var(--s2)}.tpl-item .en{font-size:1.05rem;font-weight:700;margin-bottom:4px}.tpl-item .cn{font-size:.9rem;color:var(--or);font-family:Noto Sans SC,sans-serif;font-weight:600}.tpl-item .act{display:flex;gap:8px;margin-top:8px}.set-group{margin-bottom:24px}.set-group h3{font-size:.8rem;font-weight:800;margin-bottom:12px;color:var(--t2);text-transform:uppercase;letter-spacing:1px}.set-row{display:flex;gap:10px;flex-wrap:wrap}.set-btn{padding:10px 20px;border:2.5px solid var(--bd);border-radius:var(--rf);background:var(--bg2);color:var(--t1);font-family:"Baloo 2",Noto Sans SC,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.set-btn:hover{border-color:var(--or);background:var(--orL)}.set-btn.on{border-color:var(--or);background:var(--or);color:#fff}.set-info{font-size:.8rem;color:var(--t3);margin-top:8px;font-family:Noto Sans SC,sans-serif}@keyframes fU{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cel{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.3) rotate(-8deg)}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}@media(max-width:480px){html{font-size:16px}.page{padding:14px 12px}.wc{padding:14px;gap:10px}.wc .we{font-size:1.15rem}}@media(min-width:768px){html{font-size:20px}}