:root{--paper-cream:#fff5e8;--paper-oat:#ebd8c2;--paper-white:#fffdf8;--ink:#3b302c;--ink-soft:#6b5a52;--ink-faint:#a08d82;--safe-green:#8fcdb5;--buddy-blue:#91bedd;--liu-orange:#f2a260;--wang-red:#d96f67;--reward-yellow:#f5cd62;--kpi-red:#e45f59;--meeting-blue:#6978a8;--overtime-purple:#8c73a6;--finance-lime:#afce58;--line:#4a3c35;--line-w:2px;--line-w-detail:1.25px;--r-card:16px;--r-btn:22px;--r-bubble:18px;--r-chip:999px;--shadow-paper:0 2px 0 var(--line), 0 4px 10px #3b302c1f;--shadow-paper-sm:0 1.5px 0 var(--line), 0 2px 6px #3b302c1a;--shadow-paper-lg:0 4px 0 var(--line), 0 10px 24px #3b302c29;--shadow-pressed:0 0px 0 var(--line), 0 1px 3px #3b302c24;--t-press:80ms;--t-pop:.21s;--t-count:.32s;--t-react:.48s;--t-ending:2s;--t-page:.28s;--ease-paper:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, .61, .36, 1);--font-body:ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;--font-num:ui-rounded, "SF Pro Rounded", var(--font-body)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--paper-oat);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-size:16px;line-height:1.6}.paper-grain:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:multiply;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.22'/%3E%3C/svg%3E");position:absolute;inset:0}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.25}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}.tnum{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.paper{background:var(--paper-white);border:var(--line-w) solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-paper);position:relative}.paper-btn{background:var(--reward-yellow);border:var(--line-w) solid var(--line);border-radius:var(--r-btn);box-shadow:var(--shadow-paper);transition:transform var(--t-press) var(--ease-out), box-shadow var(--t-press) var(--ease-out);will-change:transform;justify-content:center;align-items:center;gap:8px;padding:14px 26px;font-size:17px;font-weight:800;display:inline-flex;position:relative}.paper-btn:active{box-shadow:var(--shadow-pressed);transform:translateY(3px)}.paper-btn:disabled{opacity:.45;cursor:not-allowed}.tilt-l{transform:rotate(-1.4deg)}.tilt-r{transform:rotate(1.6deg)}.tilt-l2{transform:rotate(-2.4deg)}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.015)}}.char-idle{transform-origin:50% 90%;animation:3.2s ease-in-out infinite breathe}@keyframes react-pop{0%{transform:scale(1)rotate(0)}35%{transform:scale(1.14)rotate(-3deg)}65%{transform:scale(.97)rotate(2deg)}to{transform:scale(1)rotate(0)}}.char-react{animation:react-pop var(--t-react) var(--ease-paper)}@keyframes stamp-hit{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)rotate(-18deg)}55%{opacity:1;transform:translate(-50%,-50%)scale(.92)rotate(-8deg)}70%{transform:translate(-50%,-50%)scale(1.06)rotate(-11deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1)rotate(-10deg)}}.stamp-fx{pointer-events:none;animation:stamp-hit .62s var(--ease-out) forwards;z-index:5;position:absolute;top:50%;left:50%}@keyframes fly-in{0%{transform:translate(var(--fx), var(--fy)) scale(.4) rotate(-30deg);opacity:0}30%{opacity:1}to{transform:translate(0, 0) scale(1) rotate(var(--fr,-4deg));opacity:1}}.fly-in{animation:fly-in .52s var(--ease-paper) forwards}@keyframes quip-float{0%{opacity:0;transform:translateY(6px)scale(.94)}18%{opacity:1;transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.quip{animation:quip-float 2.2s var(--ease-out) forwards}@keyframes delta-rise{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.delta{animation:delta-rise .9s var(--ease-out) forwards}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.shake{animation:.32s ease-in-out shake}@keyframes card-pop{0%{opacity:0;transform:scale(.86)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.card-pop{animation:card-pop var(--t-pop) var(--ease-paper) forwards}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-in{animation:page-in var(--t-page) var(--ease-out)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}