:root{--font-base: 20px;--font-large: 26px;--font-xl: 34px;--color-bg: #FFF9F0;--color-surface: #FFFFFF;--color-text: #4A3728;--color-accent: #C79A63;--color-accent-hover: #b58953;--color-accent2: #4E7C59;--color-danger: #C0392B;--color-border: #EADBCE;--shadow-soft: 0 6px 18px rgba(74, 55, 40, .08);--shadow-hover: 0 10px 25px rgba(74, 55, 40, .12);--radius: 20px;font-family:PingFang SC,Microsoft YaHei,-apple-system,sans-serif;font-size:var(--font-base);color:var(--color-text);background-color:var(--color-bg)}.large-mode{--font-base: 26px;--font-large: 34px;--font-xl: 44px}.xlarge-mode{--font-base: 32px;--font-large: 42px;--font-xl: 54px}*{margin:0;padding:0;box-sizing:border-box}body{line-height:1.8;-webkit-font-smoothing:antialiased;background-color:var(--color-bg)}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;transition:all .2s ease-in-out}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}.card{background:var(--color-surface);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-soft);margin-bottom:1.8rem;border:1px solid var(--color-border);transition:box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-hover)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animated-fade{animation:fadeIn .4s ease-out forwards}.app-container{max-width:960px;margin:0 auto;padding:1rem 1.5rem 4rem}.main-content{margin-top:5.5rem}@media (max-width: 640px){.app-container{padding:.8rem 1rem 3rem}.main-content{margin-top:7rem}}