#app{min-height:100vh}:root{--rpx-unit: calc(100vw / 750)}:root{--color-bg: #F5EFE6;--color-card: #FFFEF9;--color-text: #2C2C2C;--color-text-secondary: #6B6B6B;--color-text-placeholder: #A0A0A0;--color-primary: #1C5D3E;--color-primary-dark: #0E3824;--color-primary-light: #E8F5EE;--color-primary-gradient: #2D8B5E;--color-link: #1C5D3E;--color-link-light: #2D8B5E;--color-success: #3DA67A;--color-warning: #D4A84B;--color-stamp: #0E3824;--color-skeleton-bg: #E8E0D5;--color-skeleton-stripe: #D5CCC0;--color-border: #EEE8DC;--color-text-light: #8A8A8A;--color-text-lighter: #B0A99E;--color-gold: #B8860B;--color-exam-primary: #C41230;--color-exam-primary-dark: #9B0D20;--color-exam-primary-light: #FFE8EB;--color-exam-correct: #52C41A;--color-exam-correct-bg: #F0FFF4;--color-exam-wrong: #FF4D4F;--color-exam-wrong-bg: #FFF2F0;--font-h1: calc(40 * var(--rpx-unit));--font-h2: calc(32 * var(--rpx-unit));--font-h3: calc(28 * var(--rpx-unit));--font-body: calc(28 * var(--rpx-unit));--font-caption: calc(24 * var(--rpx-unit));--font-micro: calc(20 * var(--rpx-unit));--radius-sm: calc(8 * var(--rpx-unit));--radius-md: calc(12 * var(--rpx-unit));--radius-lg: calc(16 * var(--rpx-unit));--spacing-xs: calc(8 * var(--rpx-unit));--spacing-sm: calc(16 * var(--rpx-unit));--spacing-md: calc(24 * var(--rpx-unit));--spacing-lg: calc(32 * var(--rpx-unit));--spacing-xl: calc(48 * var(--rpx-unit))}*{margin:0;padding:0;box-sizing:border-box}html,body{background:#F5EFE6;color:#333;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}img{display:block}button{border:none;background:none;font:inherit;cursor:pointer}input,textarea,select{font:inherit;outline:none}html.browser-mode{--rpx-unit: calc(min(100vw, 750px) / 750);background:#EDE4D3}html.browser-mode body{background:#EDE4D3}html.browser-mode #app{max-width:750px;margin:0 auto;min-height:100vh;background:var(--color-bg);box-shadow:0 0 40px #00000014;position:relative}@media (min-width: 751px){html.browser-mode #app{min-height:100vh}}html.browser-mode [class*=btn],html.browser-mode [class*=-item],html.browser-mode [class*=-card],html.browser-mode [class*=tab],html.browser-mode [class*=menu-cell],html.browser-mode [class*=action]{cursor:pointer}html.browser-mode input:not([type=checkbox]):not([type=radio]):hover,html.browser-mode textarea:hover,html.browser-mode select:hover{border-color:var(--color-primary-light, #E8F5EE)}html.browser-mode input:focus,html.browser-mode textarea:focus,html.browser-mode select:focus{border-color:var(--color-primary, #1C5D3E)}html.browser-mode ::-webkit-scrollbar{width:6px;height:6px}html.browser-mode ::-webkit-scrollbar-thumb{background:rgba(28,93,62,.25);border-radius:3px}html.browser-mode ::-webkit-scrollbar-thumb:hover{background:rgba(28,93,62,.45)}html.browser-mode ::-webkit-scrollbar-track{background:transparent}.card{background-color:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 calc(2 * var(--rpx-unit)) calc(12 * var(--rpx-unit)) #0000000a}.btn-primary{height:calc(88 * var(--rpx-unit));min-width:calc(400 * var(--rpx-unit));background-color:var(--color-primary);color:#fff;font-size:calc(32 * var(--rpx-unit));font-weight:700;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;border:none}.btn-primary:active{opacity:.9}.btn-primary.disabled{background-color:var(--color-primary-light);color:var(--color-text-placeholder)}.btn-secondary{height:calc(80 * var(--rpx-unit));min-width:calc(320 * var(--rpx-unit));background-color:var(--color-card);color:var(--color-primary);font-size:calc(28 * var(--rpx-unit));font-weight:500;border-radius:var(--radius-lg);border:calc(1 * var(--rpx-unit)) solid var(--color-primary);display:flex;align-items:center;justify-content:center}.btn-small{height:calc(60 * var(--rpx-unit));min-width:calc(160 * var(--rpx-unit));background-color:var(--color-primary);color:#fff;font-size:calc(24 * var(--rpx-unit));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:0 calc(24 * var(--rpx-unit))}.text-link{color:var(--color-link);font-size:calc(26 * var(--rpx-unit))}.title-h1{font-size:var(--font-h1);font-weight:700;color:var(--color-text)}.title-h2{font-size:var(--font-h2);font-weight:600;color:var(--color-text)}.title-h3{font-size:var(--font-h3);font-weight:500;color:var(--color-text)}.text-secondary{color:var(--color-text-secondary);font-size:var(--font-caption)}.text-placeholder{color:var(--color-text-placeholder);font-size:var(--font-caption)}.points-number{color:var(--color-primary);font-weight:700}.status-success{color:var(--color-success)}.status-warning{color:var(--color-warning)}.tag{display:inline-flex;align-items:center;padding:calc(4 * var(--rpx-unit)) calc(16 * var(--rpx-unit));border-radius:var(--radius-sm);font-size:var(--font-caption)}.tag-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.tag-success{background-color:#3da67a1a;color:var(--color-success)}.tag-stamp{background-color:#9b1b1b1a;color:var(--color-stamp);font-weight:700}.flex-row{display:flex;flex-direction:row;align-items:center}.flex-col{display:flex;flex-direction:column}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-1{flex:1}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.ml-sm{margin-left:var(--spacing-sm)}.mr-sm{margin-right:var(--spacing-sm)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(80 * var(--rpx-unit)) calc(40 * var(--rpx-unit))}.empty-state-image{width:calc(240 * var(--rpx-unit));height:calc(240 * var(--rpx-unit));margin-bottom:var(--spacing-lg)}.empty-state-title{font-size:var(--font-h3);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.empty-state-desc{font-size:var(--font-caption);color:var(--color-text-placeholder);text-align:center}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}.divider{height:calc(1 * var(--rpx-unit));background-color:#0000000f;margin:var(--spacing-md) 0}.avatar{width:calc(96 * var(--rpx-unit));height:calc(96 * var(--rpx-unit));border-radius:50%;overflow:hidden}.avatar-large{width:calc(128 * var(--rpx-unit));height:calc(128 * var(--rpx-unit))}.list-item{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-card);border-bottom:calc(1 * var(--rpx-unit)) solid rgba(0,0,0,.04)}.list-item:last-child{border-bottom:none}.list-item-content{flex:1}.list-item-arrow{width:calc(16 * var(--rpx-unit));height:calc(16 * var(--rpx-unit));border-top:calc(2 * var(--rpx-unit)) solid var(--color-text-placeholder);border-right:calc(2 * var(--rpx-unit)) solid var(--color-text-placeholder);transform:rotate(45deg)}