:root{--color-primary: #07c160;--color-primary-dark: #06ad56;--color-bg: #ededed;--color-bg-white: #ffffff;--color-bg-grey: #f7f7f7;--color-bg-input: rgba(247, 247, 247, .85);--color-text: #191919;--color-text-secondary: #999999;--color-text-link: #576b95;--color-text-tertiary: #b2b2b2;--color-text-placeholder: #bbbbbb;--color-border: #e5e5e5;--color-border-light: #ececec;--color-divider: #d9d9d9;--color-danger: #fa5151;--color-like: #07c160;--color-news-sudden: #ff4d4f;--color-news-heaven: #07c160;--color-news-mortal: #faad14;--color-news-demon: #1890ff;--font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-title: 17px;--font-body: 15px;--font-secondary: 13px;--font-small: 11px;--font-name: 15px;--weight-normal: 400;--weight-medium: 500;--weight-bold: 600;--radius-small: 4px;--radius-medium: 6px;--radius-large: 8px;--radius-avatar: 6px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--color-avatar-user: #4f46e5;--color-bubble-user: #95ec69;--color-bubble-character: #ffffff;--tabbar-height: 50px;--header-height: 44px;--input-height: 56px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}a{color:var(--color-text-link);text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.page-container{padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom))}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-grey);padding:24px}.auth-container{width:100%;max-width:384px}.auth-header{text-align:center;margin-bottom:32px}.logo-box{width:80px;height:80px;background:var(--color-primary);border-radius:24px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px #10b9814d}.logo-icon{width:40px;height:40px;color:#fff}.auth-title{font-size:28px;font-weight:700;color:var(--color-text);letter-spacing:-.025em;margin-bottom:4px}.auth-subtitle{font-size:14px;color:var(--color-text-secondary)}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px -12px #00000014;overflow:hidden}.card-body{padding:24px;display:flex;flex-direction:column;gap:16px}.field-group{display:flex;flex-direction:column;gap:4px}.field-label{font-size:11px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-left:4px}.field-wrapper{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:12px;width:20px;height:20px;color:var(--color-text-tertiary);pointer-events:none}.field-input{width:100%;height:48px;padding-left:40px;padding-right:16px;border:1px solid var(--color-border-light);border-radius:12px;background:var(--color-bg-grey);font-size:15px;color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.field-input::placeholder{color:var(--color-text-tertiary)}.field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.error-box{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;background:#fef2f2;border:1px solid #fee2e2;animation:shake .2s ease-in-out 0s 2}.error-dot{width:6px;height:6px;border-radius:50%;background:var(--color-danger);flex-shrink:0}.error-text{font-size:12px;color:var(--color-danger);font-weight:500}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.submit-btn{width:100%;height:48px;border-radius:12px;background:var(--color-primary);color:#fff;font-size:15px;font-weight:700;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #10b98126;transition:all .15s ease}.submit-btn:hover{background:var(--color-primary-dark)}.submit-btn:active{transform:scale(.97)}.submit-btn:disabled{background:var(--color-border);box-shadow:none;cursor:not-allowed}.toggle-text{text-align:center;margin-top:24px;font-size:14px;color:var(--color-text-secondary)}.toggle-link{color:var(--color-primary-dark);font-weight:700;text-decoration:none;margin-left:4px}.toggle-link:hover{text-decoration:underline}.news-category-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:3px;color:#fff;font-weight:500}.news-category-tag.sudden{background:var(--color-news-sudden)}.news-category-tag.heaven{background:var(--color-news-heaven)}.news-category-tag.mortal{background:var(--color-news-mortal)}.news-category-tag.demon{background:var(--color-news-demon)}.news-source{font-size:12px;color:var(--color-text-link)}.news-time{font-size:11px;color:var(--color-text-tertiary)}