:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #eaeaea;--text-secondary: #b8b8b8;--text-muted: #777;--accent: #e94560;--accent-hover: #d63850;--success: #4ecca3;--border: #2a3f5f;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.7;min-height:100vh}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding-bottom:65px}.header{position:sticky;top:0;z-index:100;background:var(--bg-secondary);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.header__logo{font-size:var(--font-size-xl);font-weight:800;color:var(--accent);letter-spacing:-.5px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;z-index:100}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--spacing-xs) var(--spacing-lg);color:var(--text-secondary);transition:color .15s}.bottom-nav__item:hover,.bottom-nav__item--active{color:var(--accent)}.bottom-nav__icon{width:22px;height:22px}.bottom-nav__label{font-size:11px;font-weight:500}.container{max-width:720px;margin:0 auto;padding:var(--spacing-md)}.story-card{display:block;background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-left:3px solid var(--accent);transition:background .15s}.story-card:hover{background:var(--bg-tertiary)}.story-card__title{font-size:var(--font-size-base);font-weight:600;margin-bottom:6px;color:var(--text-primary);line-height:1.4}.story-card__meta{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.story-card__category{color:var(--success);font-weight:500}.story-card__chapters{background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.section-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--accent);display:inline-block}.category-header{background:var(--bg-secondary);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.category-header__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:4px}.category-header__count{color:var(--text-secondary);font-size:var(--font-size-sm)}.category-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-md)}@media(min-width:480px){.category-list{grid-template-columns:repeat(3,1fr)}}.category-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;transition:background .15s}.category-card:hover{background:var(--bg-tertiary)}.category-card__name{font-weight:600;font-size:var(--font-size-sm);margin-bottom:4px}.category-card__count{font-size:var(--font-size-xs);color:var(--text-secondary)}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:var(--spacing-lg) var(--spacing-md);flex-wrap:wrap}.pagination__btn{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;transition:background .15s}.pagination__btn:hover{background:var(--bg-tertiary)}.pagination__btn--active{background:var(--accent);color:#fff}.pagination__btn--disabled{opacity:.4;pointer-events:none}.reading-view{max-width:720px;margin:0 auto;padding:var(--spacing-md)}.reading-view__header{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--accent)}.reading-view__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:6px;line-height:1.3}.reading-view__chapter{color:var(--success);font-size:var(--font-size-lg);font-weight:500}.reading-view__content{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-lg);line-height:2}.reading-view__content p{margin-bottom:1.2em;text-align:justify}.reading-view__nav{display:flex;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.reading-view__nav-btn{flex:1;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center;color:var(--text-primary);font-weight:500;transition:background .15s}.reading-view__nav-btn:hover{background:var(--bg-tertiary)}.reading-view__nav-btn--disabled{opacity:.35;pointer-events:none}.chapter-list{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.chapter-list__title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--accent);display:inline-block}.chapter-list__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.chapter-list__item{padding:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center;transition:background .15s}.chapter-list__item:hover{background:var(--accent);color:#fff}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--text-secondary)}.empty-state__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.badge{display:inline-block;padding:2px 8px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.badge--success{background:var(--success)}.story-detail{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.story-detail__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.3}.story-detail__info{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.story-detail__info span{background:var(--bg-tertiary);padding:4px 10px;border-radius:var(--radius-sm)}.story-detail__desc{color:var(--text-secondary);line-height:1.7}