:root{--primary-green: #4caf50;--light-green: #e8f5e9;--text-color: #222;--border-radius: 16px;--max-width: 480px}body{margin:0;font-family:Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--light-green);color:var(--text-color)}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 8px 16px}.card{background:#fff;border-radius:var(--border-radius);box-shadow:0 2px 12px #4caf5014;padding:24px 20px;margin:16px 0;width:100%;max-width:var(--max-width)}button{background:var(--primary-green);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;cursor:pointer;margin-top:16px;transition:background .2s}button:hover{background:#388e3c}@media (max-width: 600px){.app-container{padding:16px 2px 8px}.card{padding:16px 8px}}