:root{--kid-bg:#f9f5e8;--kid-card-bg:#fff;--kid-text:#2d3436;--kid-muted:#636e72;--kid-primary:#fd79a8;--kid-primary-hover:#e17055;--kid-secondary:#74b9ff;--kid-success:#00b894;--kid-warn:#ffeaa7;--kid-border:#ff9e6d;--kid-radius-lg:20px;--kid-radius-md:15px;--kid-shadow:0 8px 16px #ffb74d40;--kid-shadow-soft:0 6px 12px #ffcd5638;color:var(--kid-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Microsoft YaHei,Comic Sans MS,YouYuan,PingFang SC,Hiragino Sans GB,system-ui,Segoe UI,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background-color:var(--kid-bg);min-width:320px;min-height:100vh;color:var(--kid-text);margin:0;overflow-x:hidden}a{color:var(--kid-primary);font-weight:600;text-decoration:none}a:hover{color:var(--kid-primary-hover)}#root{min-height:100vh}.kid-app{min-height:100vh;position:relative}.kid-decor{z-index:1;pointer-events:none;filter:drop-shadow(0 6px 10px #ffb74d40);justify-content:center;align-items:center;width:clamp(56px,6vw,80px);height:clamp(110px,16vh,150px);display:flex;position:fixed}.kid-decor-left{top:clamp(120px,22vh,280px);left:clamp(6px,1.2vw,12px)}.kid-decor-right{bottom:clamp(120px,22vh,280px);right:clamp(6px,1.2vw,12px)}.kid-decor-left:before{content:"🧸";font-size:clamp(44px,5vw,64px)}.kid-decor-right:before{content:"🖍️";font-size:clamp(44px,5vw,64px)}.kid-shell{z-index:2;position:relative}.kid-shell .ant-card{border-radius:var(--kid-radius-md);border:2px solid var(--kid-border);box-shadow:var(--kid-shadow-soft)}.kid-shell .ant-input,.kid-shell .ant-input-affix-wrapper{border-radius:12px}.kid-shell .ant-form-item-label>label{color:var(--kid-text);font-weight:700}.kid-shell .ant-input:focus,.kid-shell .ant-input-affix-wrapper-focused{border-color:var(--kid-success);box-shadow:0 0 0 3px #00b89429}.kid-shell .ant-btn-primary{box-shadow:0 8px 16px #fd79a840}.kid-shell .ant-btn-primary:hover{transform:scale(1.02)}.kid-shell .ant-layout{background:0 0}@media (max-width:768px){.kid-decor{display:none}}#root{text-align:left;width:100%;min-height:100vh;margin:0;padding:0}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}@media (max-width:768px){#root{text-align:left}}