:root{--bamboo: #2f6b4f;--bamboo-light: #4caf7a;--bamboo-pale: #e8f5e9;--wood: #8d6e63;--wood-dark: #5d4037;--red: #c62828;--cream: #fff8e7;--ink: #1b2b22;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;height:100%}body{background:linear-gradient(180deg,#dff3e4 0%,var(--cream) 45%,#f3e5d8 100%)}.app-shell{min-height:100%;max-width:430px;margin:0 auto;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}button,.tap{min-height:48px;min-width:48px;border:none;border-radius:16px;font-size:1.05rem;font-weight:700;cursor:pointer;touch-action:manipulation}.btn-primary{background:var(--bamboo);color:#fff;box-shadow:0 4px #1f4a36}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px #1f4a36}.btn-accent{background:var(--red);color:#fff;box-shadow:0 4px #8e1b1b}.page{min-height:100%;padding:1rem 1.1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.card{background:#ffffffeb;border:2px solid rgba(47,107,79,.18);border-radius:20px;padding:1rem;box-shadow:0 8px 20px #3d2a1c14}.tip{display:flex;gap:.75rem;align-items:flex-start;background:#fff;border-left:6px solid var(--bamboo);border-radius:14px;padding:.85rem 1rem}.tip img{width:56px;height:56px;object-fit:cover;border-radius:50%;background:var(--bamboo-pale)}h1,h2{margin:0;color:var(--bamboo)}p{margin:0;line-height:1.45}