:root{--color-primary-bg: #F3F0FF;--color-primary-light: #A594FF;--color-primary: #7B61FF;--color-primary-deep: #6A4FE0;--color-primary-dark: #5A45D1;--bg-base: #F7F7FA;--bg-card: #FFFFFF;--bg-hover: #F3F0FF;--text-base: #1F2329;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--border: #E5E7EB;--border-light: #F0F0F3;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(123,97,255,.12)}[data-theme=dark]{--bg-base: #1A1B1E;--bg-card: #25262B;--bg-hover: #2C2D33;--text-base: #E4E4E7;--text-secondary: #A1A1AA;--text-tertiary: #71717A;--border: #3F3F46;--border-light: #2C2D33;--color-primary-bg: #2A2640;--color-primary-light: #B8A6FF;--color-primary: #9D85FF;--color-primary-deep: #8B73F0;--color-primary-dark: #7B61FF;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-base);color:var(--text-base);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.bg-primary-bg{background:var(--color-primary-bg)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.n-card{border-radius:var(--radius-lg)!important}.n-button--primary-type{background:var(--color-primary)!important;color:#fff!important;border-color:transparent!important}.n-button--primary-type:hover{background:var(--color-primary-deep)!important;color:#fff!important;border-color:transparent!important}.n-button--primary-type:active{background:var(--color-primary-dark)!important;color:#fff!important}.n-button--primary-type:focus{color:#fff!important;border-color:transparent!important}.page{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;height:100%}.page-header{flex-shrink:0}.roll-area{flex:1;overflow-y:auto;min-height:0}