html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{--nav-h: 64px;--header-h: 56px;--sun: #ffb703;--orange: #ff8f1f;--sky: #38bdf8;--grass: #5fc96e;--candy: #ff5d8f;--ink: #4a3f35;--ink-soft: #8a7a68;--cream: #fff9f0;--card-shadow: 0 10px 28px rgba(255, 143, 31, .12);--font-cute: "ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}body{-webkit-tap-highlight-color:transparent;color:var(--ink);background-color:#fff8ec;background-image:radial-gradient(rgba(255,143,31,.06) 2.5px,transparent 2.6px),radial-gradient(rgba(56,189,248,.06) 2.5px,transparent 2.6px),linear-gradient(180deg,#fff6e3,#eef8ff 55%,#f2fbf2);background-size:30px 30px,44px 44px,100% 100%;background-position:0 0,14px 18px,0 0}.font-cute{font-family:var(--font-cute);letter-spacing:.02em}.page{max-width:720px;margin:0 auto;padding:12px 14px 24px}.page.center{display:flex;justify-content:center;padding-top:80px}.app-layout{min-height:100vh;background:transparent}.app-header{position:sticky;top:0;z-index:100;height:var(--header-h);padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 22px 22px;box-shadow:0 6px 18px #ff8f1f1f}.app-logo{font-family:var(--font-cute);font-size:21px;color:var(--orange);text-shadow:0 2px 0 rgba(255,183,3,.25)}.app-header-right .ant-btn{border-radius:999px;font-weight:600;box-shadow:0 4px 12px #ff8f1f59}.app-user{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 10px 4px 4px;border-radius:999px;background:#fff3e2}.app-username{font-size:13px;font-weight:600;color:var(--ink);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content{padding-bottom:calc(var(--nav-h) + 12px)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:var(--nav-h);z-index:100;display:flex;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px 22px 0 0;box-shadow:0 -6px 18px #ff8f1f1f;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#b8a88f;font-size:11px;font-weight:600}.bottom-nav-item .anticon{font-size:21px;padding:4px 14px;border-radius:999px;transition:background .2s}.bottom-nav-item.active{color:var(--orange)}.bottom-nav-item.active .anticon{background:#ffe9cf}.home-search{margin-bottom:12px;box-shadow:0 6px 16px #ff8f1f1a}.home-search .ant-input{font-size:15px}.hero{position:relative;overflow:hidden;border-radius:24px;padding:22px 18px 20px;margin-bottom:14px;background:linear-gradient(120deg,#a8e0ff,#d6f2ff 45%,#fff1bd);box-shadow:var(--card-shadow)}.hero-title{font-size:27px;color:#9a5b00;margin-bottom:4px}.hero-sub{font-size:13px;color:#7a6a55;font-weight:600}.hero .deco{position:absolute;pointer-events:none}.hero .deco-sun{width:92px;top:-14px;right:8px;animation:spin-slow 26s linear infinite}.hero .deco-cloud{width:110px;bottom:-12px;right:70px;opacity:.9;animation:drift 7s ease-in-out infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(14px)}}.today-card{margin-bottom:18px;border:none;background:linear-gradient(135deg,#ffe9d2,#ffd9e8 60%,#ffeef5);box-shadow:var(--card-shadow);overflow:hidden;position:relative}.today-card:after{content:"🌈";position:absolute;right:10px;bottom:6px;font-size:44px;opacity:.5;pointer-events:none}.today-preview{width:124px;flex-shrink:0;background:#fff;border-radius:18px;padding:6px;box-shadow:0 6px 14px #ff5d8f26;transform:rotate(-2deg)}.home-category{margin-bottom:20px}.home-category-title{display:inline-flex!important;align-items:center;background:#fff;border-radius:999px;padding:7px 16px;margin-bottom:10px!important;box-shadow:0 6px 14px #4a3f3514;font-family:var(--font-cute);font-size:19px!important;font-weight:400!important}.home-foot{display:block;text-align:center;margin-top:10px;color:var(--ink-soft);font-weight:600}.tut-card-link{display:block;height:100%;color:inherit}.tut-card{border:none;border-radius:20px;overflow:hidden;box-shadow:0 8px 20px #4a3f3517;transition:transform .2s ease;height:100%}.tut-card:hover{transform:translateY(-3px) rotate(-.6deg)}.tut-accent{height:6px;border-radius:6px;margin:-2px -2px 4px}.tut-card-preview{position:relative;background:linear-gradient(135deg,#fffdf7,#fff4e3);border-radius:14px;padding:4px}.tut-mini{width:100%;height:auto;display:block}.tut-done-badge{position:absolute;top:6px;right:6px;color:var(--grass);font-size:20px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001f}.tut-card-name{font-size:13px;font-weight:700;margin:6px 0 4px;text-align:center;color:var(--ink)}.tut-progress{display:block;font-size:11px;line-height:18px;min-height:18px;text-align:center}.empty-deco{display:flex;justify-content:center;margin-bottom:4px}.empty-deco svg{width:96px}.tutorial-title{text-align:center;margin:6px 0 14px;font-size:26px;color:var(--ink)}.player-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.player-head .ant-btn{border-radius:999px;font-weight:600}.player-canvas-card{margin-bottom:12px;border:3px solid #ffe1b8;box-shadow:var(--card-shadow)}.player-svg{width:100%;max-width:360px;height:auto;display:block;margin:0 auto;background:#fffdf8;border-radius:16px}.step-pop{animation:pop .38s ease}@keyframes pop{0%{transform:scale(.94)}55%{transform:scale(1.025)}to{transform:scale(1)}}.player-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}.player-dots .dot{width:10px;height:10px;border-radius:50%;background:#ffe3c2;transition:all .25s}.player-dots .dot.on{background:var(--orange);transform:scale(1.3);box-shadow:0 2px 6px #ff8f1f80}.player-tip-card{margin-bottom:14px;background:#fff8e1;border:2px solid #ffd93b;border-radius:22px;position:relative;box-shadow:0 6px 16px #ffb7032e}.player-tip-card:before{content:"";position:absolute;top:-9px;left:44px;width:16px;height:16px;background:#fff8e1;border-left:2px solid #ffd93b;border-top:2px solid #ffd93b;transform:rotate(45deg)}.player-tip{font-size:17px;font-weight:600;margin-left:4px;color:var(--ink)}.player-controls{display:flex;justify-content:center;margin-bottom:14px}.player-controls .ant-btn{border-radius:999px;font-weight:600}.player-controls .ant-btn-primary.ant-btn-circle{width:56px;height:56px;box-shadow:0 8px 20px #ff8f1f66}.player-options{display:flex;justify-content:center;margin-bottom:16px;color:var(--ink-soft);font-size:13px;font-weight:600}.player-options .ant-segmented{border-radius:999px;background:#fff;box-shadow:0 4px 10px #4a3f3512}.player-finish{margin-bottom:8px;height:50px;font-size:17px;box-shadow:0 8px 20px #ff8f1f59}.player-login-hint{display:block;text-align:center;font-size:12px;color:var(--ink-soft)}.draw-stroke{fill:none;stroke:#3d3428;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.draw-anim{stroke-dasharray:1;stroke-dashoffset:1;animation-name:drawStroke;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes drawStroke{to{stroke-dashoffset:0}}.tpl-stroke{fill:none;stroke:#ead9c2;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.print-stroke{fill:none;stroke:#b8b2a6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.my-page .ant-typography{font-family:var(--font-cute);font-weight:400}.login-card{margin-top:36px;text-align:center;border:none;box-shadow:var(--card-shadow);background:linear-gradient(160deg,#fff,#fff6e6)}.login-rainbow{width:150px;margin:0 auto 4px;display:block;animation:drift 6s ease-in-out infinite}.badge-card{margin-bottom:14px;border:none;box-shadow:var(--card-shadow);background:linear-gradient(150deg,#fff,#f2fbff)}.badge-card .ant-card-head-title{font-family:var(--font-cute);font-size:19px;font-weight:400}.badge{text-align:center;opacity:.4;filter:grayscale(1);transition:transform .2s}.badge.earned{opacity:1;filter:none}.badge.earned:hover{transform:scale(1.08) rotate(-3deg)}.badge-icon{font-size:44px;line-height:1.2;filter:drop-shadow(0 4px 8px rgba(255,183,3,.35))}.badge-name{font-size:13px;font-weight:700;margin:4px 0;color:var(--ink)}.my-tabs{background:#fff;border-radius:20px;padding:4px 14px 14px;box-shadow:0 8px 20px #4a3f3512;border:none}.print-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.print-sheet{background:#fff;border-radius:20px;padding:18px;box-shadow:0 8px 20px #4a3f3512}.print-title{text-align:center;margin-bottom:4px!important;font-family:var(--font-cute);font-weight:400}.print-subtitle{display:block;text-align:center;margin-bottom:12px}.print-step{border:2px dashed #e8d9bd;border-radius:16px;padding:10px;margin-bottom:12px;break-inside:avoid}.print-step-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.print-step-num{width:28px;height:28px;border-radius:50%;background:var(--orange);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 3px 8px #ff8f1f66}.print-svg{width:100%;max-width:300px;height:auto;display:block;margin:0 auto}@media print{.app-header,.bottom-nav,.no-print{display:none!important}body,.app-layout{background:#fff}.app-content{padding-bottom:0}.page{max-width:none;padding:0}.print-sheet{padding:0;box-shadow:none}.print-step{break-inside:avoid}}.tutorial-mode{display:flex;justify-content:center;margin:4px 0 12px}.coloring-canvas-card{border:none;border-radius:20px;overflow:hidden;box-shadow:var(--card-shadow);margin-bottom:12px}.coloring-svg{width:100%;height:auto;display:block;background:linear-gradient(135deg,#fffdf7,#fff4e3);border-radius:14px;touch-action:manipulation}.coloring-hint{display:block;text-align:center;margin-top:8px;font-size:12px}.coloring-palette-card{border:none;border-radius:20px;box-shadow:var(--card-shadow);margin-bottom:12px}.palette-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.swatch{width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px #4a3f352e;cursor:pointer;padding:0;transition:transform .15s ease;position:relative;overflow:hidden}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:var(--orange);transform:scale(1.18);box-shadow:0 0 0 3px #ff8f1f59,0 2px 8px #4a3f352e}.swatch.eraser{border-style:dashed;border-color:#d9d9d9}.swatch.custom{display:flex;align-items:center;justify-content:center;background:conic-gradient(#ff5252,#ffee58,#43a047,#42a5f5,#ab47bc,#ff5252);font-size:18px}.swatch.custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.swatch.custom span{pointer-events:none}.palette-current{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.swatch-preview{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px #4a3f3533;display:inline-block}.coloring-actions{display:flex;justify-content:center;width:100%;margin-bottom:8px}