:root{--teal-50:#e0f2f1;--teal-100:#b2dfdb;--teal-200:#80cbc4;--teal-300:#4db6ac;--teal-400:#26a69a;--teal-500:#009688;--teal-600:#00897b;--teal-700:#00796b;--teal-800:#00695c;--teal-900:#004d40;--accent:#00bfa5;--accent-light:#1de9b6;--accent-lighter:#64ffda;--accent-glow:rgba(0,191,165,.25);--bg-primary:#e8f5e9;--bg-secondary:#f1f8e9;--bg-card:#fff;--bg-card-hover:#f9fbe7;--bg-elevated:#fff;--bg-dark:#004d40;--text-primary:#1a1a2e;--text-secondary:#546e7a;--text-muted:#90a4ae;--text-on-dark:#fff;--text-on-accent:#fff;--success:#00c853;--warning:#ff9100;--error:#ff1744;--info:#00b0ff;--border:#e0e0e0;--border-light:#f0f0f0;--border-accent:#00bfa5;--shadow-sm:0 0.05rem 0.2rem rgba(0,0,0,.06);--shadow-md:0 0.1rem 0.5rem rgba(0,0,0,.08);--shadow-lg:0 0.2rem 1rem rgba(0,0,0,.12);--shadow-accent:0 0.1rem 0.5rem rgba(0,191,165,.2);--radius-sm:0.2rem;--radius-md:0.3rem;--radius-lg:0.4rem;--radius-xl:0.6rem;--gradient-primary:linear-gradient(135deg,#009688,#00bfa5 50%,#1de9b6);--gradient-card:linear-gradient(135deg,#fff,#f1f8e9);--gradient-cta:linear-gradient(135deg,#00897b,#00bfa5)}body,page{background:var(--bg-primary);background-image:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(0,191,165,.08) 0,transparent 100%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(0,150,136,.05) 0,transparent 100%);box-sizing:border-box;color:var(--text-primary);font-family:Noto Sans SC,Source Han Sans SC,思源黑体,-apple-system,PingFang SC,sans-serif;font-size:.7rem;font-weight:500;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}.h-bold,h1,h2,h3,h4{font-weight:700;letter-spacing:-.01em}.h-black{font-weight:900;letter-spacing:-.02em}.punch-section{margin-bottom:.7rem}.punch-header{align-items:center;display:flex;margin-bottom:.4rem;padding:0 .1rem}.punch-icon{align-items:center;border-radius:.25rem;display:flex;flex-shrink:0;font-size:.5rem;height:1rem;justify-content:center;margin-right:.3rem;width:1rem}.punch-title{color:var(--text-primary);flex:1;font-size:.8rem;font-weight:700}.punch-badge{background:var(--bg-secondary);border-radius:.5rem;color:var(--text-muted);font-size:.45rem;font-weight:500;padding:.1rem .35rem}.teal-tag{background:var(--teal-50);border-radius:.15rem;color:var(--teal-600);display:inline-block;font-size:.45rem;font-weight:700;letter-spacing:.02em;padding:.1rem .35rem}.punch-card{background:var(--bg-card);border:.025rem solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .25s ease}.punch-card:active{box-shadow:var(--shadow-md);transform:scale(.98)}.punch-grid{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem}.punch-grid-item{box-sizing:border-box;width:calc(50% - .15rem)}.safe-bottom{padding-bottom:calc(env(safe-area-inset-bottom, 0rem) + .5rem)}@media screen and (min-width:480px){#app{box-shadow:0 0 1rem rgba(0,0,0,.08);margin:0 auto!important;max-width:12rem!important;min-height:100vh;position:relative}body{background:#e0e0e0!important;background-image:none!important}}@media screen and (min-width:768px){#app{margin:0 auto!important;max-width:12rem!important;min-height:100vh}body{background:#eee!important;background-image:none!important}body,page{font-size:.4rem}}.punch-divider{background:linear-gradient(90deg,var(--accent) 0,rgba(0,191,165,.1) 100%);border:none;border-radius:.05rem;height:.05rem;margin:.6rem 0}