:root{--color-bg: #fafaf7;--color-bg-elevated: #ffffff;--color-bg-sepia: #f4ecd8;--color-bg-dark: #1a1a1a;--color-text: #1f2328;--color-text-muted: #5a6473;--color-text-inverse: #f4f4f4;--color-border: #e5e7eb;--color-border-strong: #c9ccd1;--color-primary: #c0392b;--color-primary-hover: #962d22;--color-accent: #2c3e50;--color-link: #2563eb;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif: "Source Han Serif SC", "Noto Serif SC", "Songti SC", SimSun, Georgia, serif;--font-mono: "JetBrains Mono", Menlo, Consolas, monospace;--fs-base: 16px;--lh-base: 1.6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--container-max: 1200px;--reader-max: 720px;--transition: .2s ease-in-out}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-link);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all var(--transition)}button:hover{border-color:var(--color-border-strong)}button.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}button.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}input,textarea,select{font-family:inherit;font-size:inherit;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #c0392b26}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.25rem}.site-header{position:sticky;top:0;z-index:100;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:1.5rem}.site-header__brand{font-family:var(--font-serif);font-weight:700;font-size:1.25rem;color:var(--color-text)}.site-header__nav{display:flex;align-items:center;gap:1.25rem;flex:1}.site-header__nav a{color:var(--color-text-muted);font-size:.95rem}.site-header__nav a:hover,.site-header__nav a.active{color:var(--color-primary)}.site-header__actions{display:flex;align-items:center;gap:.5rem}.site-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);font-size:.875rem}.site-footer__inner{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center}.site-footer__links{display:flex;gap:1rem}.hero{padding:4rem 0 3rem;text-align:center;background:linear-gradient(180deg,var(--color-bg-elevated) 0%,var(--color-bg) 100%)}.hero h1{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);margin:0 0 1rem}.hero p{font-size:1.125rem;color:var(--color-text-muted);margin:0 0 2rem}.hero__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;padding:1.5rem 0}.book-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column}.book-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.book-card__cover{aspect-ratio:3 / 4;background:linear-gradient(135deg,#ddd,#bbb);position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-serif);text-align:center;padding:1rem}.book-card__cover img{width:100%;height:100%;object-fit:cover}.book-card__body{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.25rem}.book-card__title{font-weight:600;font-size:1rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-card__meta{font-size:.8rem;color:var(--color-text-muted);display:flex;gap:.5rem;flex-wrap:wrap}.book-card__badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.7rem;background:var(--color-bg-sepia);color:var(--color-accent)}.book-card__badge--completed{background:#dcfce7;color:#166534}.book-card__badge--ongoing{background:#fef3c7;color:#92400e}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin:2.5rem 0 1rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.section-heading h2{margin:0;font-family:var(--font-serif);font-size:1.5rem}.section-heading a{font-size:.9rem;color:var(--color-text-muted)}.category-nav{display:flex;gap:.5rem;flex-wrap:wrap;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.category-nav__item{padding:.4rem .9rem;border-radius:999px;background:var(--color-bg-elevated);border:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-muted);cursor:pointer}.category-nav__item.active,.category-nav__item:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.reader{max-width:var(--reader-max);margin:2rem auto;padding:0 1rem;font-family:var(--font-serif);font-size:1.0625rem;line-height:1.9;color:var(--color-text);transition:background var(--transition),color var(--transition)}.reader--light{background:var(--color-bg)}.reader--sepia{background:var(--color-bg-sepia);color:#3b2a1a}.reader--dark{background:var(--color-bg-dark);color:var(--color-text-inverse)}.reader__title{font-size:1.5rem;margin:1.5rem 0 .5rem;text-align:center}.reader__meta{text-align:center;color:var(--color-text-muted);font-size:.875rem;margin-bottom:2rem}.reader__body p{margin:0 0 1.25rem;text-indent:2em}.reader__controls{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem;box-shadow:var(--shadow-md);z-index:50}.reader__controls button{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center}.reader__nav{display:flex;justify-content:space-between;margin:2rem 0 4rem;gap:1rem}.chapter-list{list-style:none;margin:0;padding:0}.chapter-list__item{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;border-bottom:1px solid var(--color-border);font-size:.95rem}.chapter-list__item:hover{background:var(--color-bg-elevated)}.chapter-list__meta{color:var(--color-text-muted);font-size:.8rem}.comment-section{margin-top:3rem;padding:1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.comment-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.comment-form textarea{min-height:80px;resize:vertical}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.comment{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.comment__header{display:flex;gap:.5rem;align-items:center;font-size:.85rem;color:var(--color-text-muted);margin-bottom:.25rem}.comment__author{font-weight:600;color:var(--color-text)}.segment{position:relative}.segment-comment{position:absolute;right:-2.5rem;top:.25rem;width:28px;height:28px;border-radius:50%;background:var(--color-bg-elevated);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition)}.segment-comment:hover,.segment-comment--has{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.reward-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.reward-modal__panel{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:1.5rem;width:min(420px,92vw);box-shadow:var(--shadow-md)}.reward-modal__title{margin:0 0 1rem;font-family:var(--font-serif);font-size:1.25rem}.reward-modal__amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.reward-modal__amounts button{padding:.75rem;font-size:1rem}.reward-modal__amounts button.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.reward-modal__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.page{padding:2rem 0}.page__title{font-family:var(--font-serif);font-size:1.75rem;margin:0 0 .5rem}.page__subtitle{color:var(--color-text-muted);margin:0 0 2rem}.empty-state{text-align:center;padding:4rem 1rem;color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.flex{display:flex}.gap-1{gap:.5rem}.gap-2{gap:1rem}.mt-2{margin-top:1rem}.mb-2{margin-bottom:1rem}@media (max-width: 640px){.site-header__nav{display:none}.book-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.reader__controls{bottom:1rem;right:1rem}}