@charset "UTF-8";.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg, #FFF9F0);padding:20px}.login-card{width:100%;max-width:340px;background:#fff;border-radius:16px;padding:40px 28px 32px;box-shadow:0 4px 24px #4a372814;text-align:center}.login-logo{font-size:48px;margin-bottom:8px}.login-title{font-size:24px;font-weight:600;color:var(--color-primary, #4A3728);margin-bottom:4px;font-family:var(--font-family-serif, "Noto Serif SC", serif)}.login-subtitle{font-size:13px;color:#9a8b7a;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:14px}.login-input{width:100%;padding:12px 16px;border:1.5px solid #e8ddd0;border-radius:10px;font-size:15px;color:var(--color-primary, #4A3728);background:var(--color-bg, #FFF9F0);outline:none;transition:border-color .2s;font-family:var(--font-family-serif, "Noto Serif SC", serif)}.login-input:focus{border-color:var(--color-accent, #2D4A3E)}.login-input::placeholder{color:#b8a99a;font-size:13px}.login-error{font-size:13px;color:#d4564a;text-align:left;padding:0 4px}.login-btn{width:100%;padding:13px;background:var(--color-accent, #2D4A3E);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s;font-family:var(--font-family-serif, "Noto Serif SC", serif);margin-top:4px}.login-btn:active{opacity:.85}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-switch{font-size:13px;color:var(--color-accent, #2D4A3E);cursor:pointer;margin-top:4px}.login-switch:active{opacity:.7}.tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid rgba(74,55,40,.15)}.tab{padding:10px 6px;font-size:15px;color:var(--color-primary);opacity:.6;cursor:pointer}.tab.active{opacity:1;border-bottom:3px solid var(--color-accent);font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.book-card{display:flex;flex-direction:column;align-items:center;cursor:pointer}.cover{width:90px;height:120px;border-radius:6px;background:#eee;margin-bottom:8px;object-fit:cover}.cover.placeholder{display:flex;align-items:center;justify-content:center;font-size:36px;background:#f0e8dc}.title{font-size:13px;font-weight:500;color:var(--color-primary);text-align:center}.author{font-size:11px;color:var(--color-accent);opacity:.7;margin-top:3px}.empty .emoji{font-size:60px;margin-bottom:16px}.empty .text{font-size:15px;color:var(--color-accent)}.fab{position:fixed;right:20px;bottom:90px;width:48px;height:48px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 12px #2d4a3e4d;cursor:pointer}.status-row{display:flex;flex-wrap:wrap;gap:8px}.status-chip{padding:6px 14px;border-radius:14px;background:#fff9;border:1px solid rgba(74,55,40,.2);font-size:13px;cursor:pointer}.status-chip.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag{font-size:12px;color:var(--color-accent);padding:3px 8px;background:#2d4a3e14;border-radius:8px}.meta{margin-bottom:16px}.author-line{font-size:14px;color:var(--color-accent);display:block}.status-badge{display:inline-block;margin-top:8px;padding:4px 10px;background:var(--color-accent);color:#fff;border-radius:10px;font-size:12px}.action-row{display:flex;gap:10px;margin-bottom:16px;position:relative;z-index:10;align-items:center}.tabs{display:flex;border-bottom:1px solid rgba(74,55,40,.15);margin-bottom:16px;position:relative;z-index:10}.tab{padding:10px 14px;font-size:14px;opacity:.6;cursor:pointer}.card{background:#fff9;padding:14px;border-radius:10px;margin-bottom:12px;border:1px solid rgba(74,55,40,.1)}.quote-text{display:block;font-size:14px;color:var(--color-primary);line-height:1.6;font-style:italic}.page-num{display:block;font-size:12px;color:var(--color-accent);margin-top:6px;opacity:.7}.note{display:block;font-size:13px;color:var(--color-primary);margin-top:8px;padding-top:8px;border-top:1px dashed rgba(74,55,40,.2)}.date{display:block;font-size:12px;color:var(--color-accent);margin-bottom:4px}.preview{font-size:13px;color:var(--color-primary);line-height:1.5}.rating{display:block;font-size:16px;color:var(--color-highlight);margin-bottom:8px}.empty-text{display:block;text-align:center;color:var(--color-accent);opacity:.6;padding:30px 0;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;position:relative;z-index:10;white-space:nowrap}.btn.small{padding:6px 14px;font-size:13px;background:#4a37281a;color:var(--color-primary);width:auto;flex-shrink:0}.btn.small.danger{background:#f4a8964d;color:#c0392b}.btn.primary.small{background:var(--color-accent);color:#fff;margin:0 0 14px;padding:8px 16px;font-size:13px;width:auto;display:inline-flex}.back-btn{display:inline-block;font-size:14px;color:var(--color-accent);cursor:pointer;margin-bottom:12px;position:relative;z-index:10}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.view-toggle{display:flex;gap:6px}.view-toggle-btn{padding:8px 14px;border-radius:8px;font-size:13px;cursor:pointer;opacity:.6;background:#fff9;border:1px solid rgba(74,55,40,.1)}.view-toggle-btn.active{opacity:1;background:var(--color-accent);color:#fff}.btn.primary.small{background:var(--color-accent);color:#fff;padding:8px 18px;border-radius:10px;font-size:14px;display:inline-flex;align-items:center;cursor:pointer}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.empty .emoji{font-size:50px;margin-bottom:14px}.empty .title-hint{font-size:15px;color:var(--color-primary);font-weight:500;margin-bottom:6px}.empty .sub-hint{font-size:13px;color:var(--color-accent);opacity:.7;margin-bottom:16px}.list{display:flex;flex-direction:column}.journal-card{background:#fff9;padding:14px 16px;border-radius:10px;margin-bottom:12px;border:1px solid rgba(74,55,40,.1);cursor:pointer}.head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.date{font-size:14px;color:var(--color-primary);font-weight:500}.book-name{font-size:13px;color:var(--color-accent)}.weather{font-size:13px;margin-left:auto}.content{font-size:13px;color:var(--color-primary);line-height:1.6}.timeline{display:flex;flex-direction:column;gap:20px}.month-title{font-size:14px;color:var(--color-accent);font-weight:600;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(74,55,40,.1)}.timeline-card{display:flex;gap:14px;margin-bottom:12px;padding:12px;background:#fff9;border-radius:10px;border:1px solid rgba(74,55,40,.1);cursor:pointer}.timeline-left{flex-shrink:0;width:70px}.timeline-date{font-size:13px;color:var(--color-accent);font-weight:500}.timeline-right{flex:1;min-width:0}.timeline-preview{display:block;font-size:13px;color:var(--color-primary);line-height:1.6}.timeline-meta{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.timeline-weather{font-size:12px;opacity:.7}.book-tag{font-size:12px;color:var(--color-accent)}.back-btn{display:inline-block;font-size:14px;color:var(--color-accent);cursor:pointer;margin-bottom:16px}.dark .view-toggle-btn,.dark .journal-card,.dark .timeline-card{background:#32323299}.dark .content,.dark .timeline-preview{color:#d4e8df!important}.theme-green .view-toggle-btn.active{background:#2d4a3e}.theme-pink .view-toggle-btn.active{background:#9e5a6a}.theme-blue .view-toggle-btn.active{background:#2a5a7a}.theme-orange .view-toggle-btn.active{background:#9a6a2a}.theme-purple .view-toggle-btn.active{background:#6a4a7a}.meta-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.field{display:flex;flex-direction:column}.field .label{font-size:12px;color:var(--color-accent);margin-bottom:4px}.date-input,.select{padding:8px 10px;border:1px solid rgba(74,55,40,.15);border-radius:6px;background:#fff9;font-size:14px;font-family:inherit;color:var(--color-primary)}.book-name{font-size:14px;color:var(--color-accent);display:block;margin-bottom:12px}.read-view{background:#ffffff80;padding:16px;border-radius:10px;margin-bottom:16px}.read-view .content{font-size:14px;line-height:1.8;color:var(--color-primary);white-space:pre-wrap}.textarea{width:100%;min-height:200px;padding:14px;border:1px solid rgba(74,55,40,.15);border-radius:8px;background:#fff9;font-size:14px;font-family:inherit;color:var(--color-primary);line-height:1.8;resize:vertical;box-sizing:border-box}.btn.primary{background:var(--color-accent);color:#fff;margin-top:16px}.input{width:100%;padding:10px 12px;border-radius:6px;background:#fff9;border:1px solid rgba(74,55,40,.15);font-size:14px;color:var(--color-primary);box-sizing:border-box;font-family:inherit}.textarea{width:100%;padding:10px 12px;border-radius:6px;background:#fff9;border:1px solid rgba(74,55,40,.15);font-size:14px;color:var(--color-primary);box-sizing:border-box;font-family:inherit;resize:vertical;line-height:1.6}.book-name{font-size:14px;color:var(--color-accent);display:block;margin-bottom:16px}.rating-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.rating-label{font-size:14px;color:var(--color-primary);font-weight:500}.stars{display:flex;gap:4px}.star{font-size:24px;cursor:pointer;color:var(--color-accent);transition:transform .15s}.star:hover{transform:scale(1.2)}.star.filled{color:var(--color-highlight)}.form{margin-bottom:24px}.label{display:block;font-size:14px;color:var(--color-primary);margin:16px 0 6px;font-weight:500}.textarea{width:100%;padding:10px 12px;border-radius:6px;background:#fff9;border:1px solid rgba(74,55,40,.15);font-size:14px;color:var(--color-primary);box-sizing:border-box;font-family:inherit;resize:vertical;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer}.btn.primary{background:var(--color-accent);color:#fff;margin-top:16px;width:100%}.btn.danger{background:#f4a8964d;color:#c0392b;margin-top:10px;width:auto;padding:8px 16px}.back-btn{display:inline-block;font-size:14px;color:var(--color-accent);cursor:pointer;margin-bottom:12px}.search-bar{display:flex;align-items:center;background:#fff;border-radius:16px;padding:10px 14px;margin-bottom:14px;box-shadow:0 2px 8px #4a372814}.search-icon{font-size:18px;margin-right:8px}.search-input{flex:1;font-size:14px;color:#4a3728;border:none;outline:none;background:transparent}.clear-btn{font-size:16px;color:#4a3728;opacity:.4;padding:0 6px;cursor:pointer}.search-hint{font-size:12px;color:#2d4a3e;opacity:.6;margin-bottom:12px}.tabs{display:flex;gap:12px;border-bottom:1px solid rgba(74,55,40,.15);margin-bottom:14px}.tab{padding:8px 10px;font-size:13px;opacity:.6;cursor:pointer}.tab.active{opacity:1;border-bottom:3px solid var(--color-accent);font-weight:500}.journal-entry{display:flex;align-items:center;background:linear-gradient(135deg,#e8f5e9,#f0f7f4);padding:14px 16px;border-radius:12px;margin-bottom:14px;border:1px solid rgba(45,74,62,.12);cursor:pointer}.journal-entry:active{opacity:.85}.journal-entry-icon{font-size:22px;margin-right:10px}.journal-entry-text{flex:1;font-size:14px;color:#2d4a3e;font-weight:500}.journal-entry-arrow{font-size:18px;color:#5da08a}.scroll{max-height:70vh;overflow-y:auto}.item{background:#fff9;padding:14px 16px;border-radius:10px;margin-bottom:10px;border:1px solid rgba(74,55,40,.1);cursor:pointer}.item .title{display:block;font-size:14px;color:var(--color-primary);font-weight:500;line-height:1.5}.item .sub{display:block;font-size:12px;color:var(--color-accent);margin-top:4px;opacity:.8;line-height:1.5}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.empty .emoji{font-size:50px;margin-bottom:12px}.empty .text{font-size:14px;color:var(--color-accent);opacity:.6}.dark .search-bar{background:#2a2a2a}.dark .search-input{color:#e0d8cf}.dark .item{background:#32323299}.dark .item .title{color:#d4e8df!important}.dark .item .sub{color:#b8cfc5!important;opacity:.9}.dark .tab{color:#999!important}.dark .tab.active{color:#e0d8cf!important;opacity:1}.dark .journal-entry{background:linear-gradient(135deg,#1e3a2f,#1a332c);border-color:#4f7a6a4d}.dark .journal-entry-text{color:#d4e8df}.dark .journal-entry-arrow{color:#8fbf9f}.theme-green .tab.active{border-bottom-color:#2d4a3e}.theme-pink .tab.active{border-bottom-color:#9e5a6a}.theme-blue .tab.active{border-bottom-color:#2a5a7a}.theme-orange .tab.active{border-bottom-color:#9a6a2a}.theme-purple .tab.active{border-bottom-color:#6a4a7a}.theme-pink .journal-entry{background:linear-gradient(135deg,#fce4ec,#f8e8f0)}.theme-pink .journal-entry-text{color:#9e5a6a}.theme-pink .journal-entry-arrow{color:#d4887a}.theme-blue .journal-entry{background:linear-gradient(135deg,#e3f2fd,#e8f0f8)}.theme-blue .journal-entry-text{color:#2a5a7a}.theme-blue .journal-entry-arrow{color:#5a9abe}.theme-orange .journal-entry{background:linear-gradient(135deg,#fff3e0,#f8f0e0)}.theme-orange .journal-entry-text{color:#9a6a2a}.theme-orange .journal-entry-arrow{color:#d4a060}.theme-purple .journal-entry{background:linear-gradient(135deg,#f3e5f5,#f0e8f5)}.theme-purple .journal-entry-text{color:#6a4a7a}.theme-purple .journal-entry-arrow{color:#9a7aae}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}.stat-card{background:#ffffffb3;padding:20px 14px;border-radius:12px;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(74,55,40,.1)}.stat-card .emoji{font-size:32px;margin-bottom:8px}.stat-card .value{font-size:28px;font-weight:600;color:var(--color-accent)}.stat-card .label{font-size:13px;color:var(--color-primary);margin-top:4px}.calendar-section{background:#fff9;padding:16px;border-radius:12px;margin-bottom:16px;border:1px solid rgba(74,55,40,.1)}.calendar-title{font-size:15px;color:var(--color-primary);font-weight:600;margin-bottom:12px}.calendar-months{display:flex;margin-left:30px;margin-bottom:4px;overflow-x:hidden}.calendar-month-cell{width:14px;height:16px;margin-right:2px}.calendar-month-text{font-size:9px;color:var(--color-accent);opacity:.8}.calendar-day-label-spacer{width:30px;flex-shrink:0}.calendar-row{display:flex;align-items:center;margin-bottom:2px}.calendar-day-label{width:30px;flex-shrink:0;text-align:right;padding-right:6px}.calendar-day-label-text{font-size:9px;color:var(--color-accent);opacity:.7}.calendar-cell{width:14px;height:14px;border-radius:2px;margin-right:2px}.calendar-legend{display:flex;align-items:center;gap:4px;margin-top:10px;justify-content:flex-end}.calendar-legend-text{font-size:10px;color:var(--color-accent);opacity:.7}.calendar-legend-block{width:12px;height:12px;border-radius:2px}.streak-section{display:flex;gap:16px;margin-bottom:16px}.streak-item{flex:1;background:#fff9;padding:14px;border-radius:12px;border:1px solid rgba(74,55,40,.1);display:flex;align-items:center;gap:10px}.streak-emoji{font-size:24px}.streak-text{font-size:14px;color:var(--color-primary);font-weight:500}.detail-section{background:#fff9;padding:16px;border-radius:12px;margin-bottom:16px;border:1px solid rgba(74,55,40,.1)}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(74,55,40,.06)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:13px;color:var(--color-primary);opacity:.8}.detail-value{font-size:14px;color:var(--color-accent);font-weight:600}.year-report-card{background:#ffffffb3;border-radius:12px;margin-bottom:16px;border:1px solid rgba(74,55,40,.1);overflow:hidden}.year-report-header{display:flex;align-items:center;padding:14px 16px;cursor:pointer}.year-report-header-emoji{font-size:24px;margin-right:12px}.year-report-header-center{flex:1}.year-report-title{display:block;font-size:15px;color:var(--color-primary);font-weight:600;margin-bottom:4px}.year-report-summary{display:block;font-size:12px;color:var(--color-primary);opacity:.7}.year-report-arrow{font-size:16px;color:var(--color-accent);margin-left:10px}.year-report-body{padding:16px;border-top:1px solid rgba(74,55,40,.06)}.year-report-overview{display:flex;justify-content:space-around;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(74,55,40,.06)}.year-report-overview-item{display:flex;flex-direction:column;align-items:center}.year-report-overview-emoji{font-size:28px;margin-bottom:4px}.year-report-overview-value{font-size:24px;font-weight:700;color:var(--color-accent)}.year-report-overview-label{font-size:12px;color:var(--color-primary);opacity:.7;margin-top:2px}.year-report-section{margin-bottom:20px}.year-report-section:last-child{margin-bottom:0}.year-report-section-title{display:block;font-size:13px;color:var(--color-primary);opacity:.8;margin-bottom:12px;font-weight:500}.year-report-status-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-bottom:10px;background:#ebe6de}.year-report-status-segment{height:100%}.year-report-status-legend{display:flex;flex-wrap:wrap;gap:12px}.year-report-status-legend-item{display:flex;align-items:center;gap:6px}.year-report-status-dot{width:8px;height:8px;border-radius:50%}.year-report-status-text{font-size:12px;color:var(--color-primary);opacity:.7}.year-report-tags{display:flex;flex-wrap:wrap;gap:8px}.year-report-tag-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px}.year-report-tag-name{font-size:12px;font-weight:500}.year-report-tag-count{font-size:11px;opacity:.7}.year-report-chart{display:flex;align-items:flex-end;height:100px;gap:4px;padding-top:10px}.year-report-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.year-report-chart-count{font-size:10px;color:var(--color-accent);font-weight:600;margin-bottom:4px;min-height:14px}.year-report-chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.year-report-chart-bar{width:100%;border-radius:3px 3px 0 0;min-height:3px}.year-report-chart-label{font-size:10px;color:var(--color-primary);opacity:.6;margin-top:6px}.empty-hint{text-align:center;padding:40px 0;font-size:14px;color:var(--color-primary);opacity:.6}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid rgba(74,55,40,.1);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:100}.nav-item{flex:1;text-align:center;font-size:12px;padding:4px 0;cursor:pointer;opacity:.6}.nav-item.active{opacity:1;color:var(--color-accent);font-weight:600}.dark .stat-card{background:#32323299}.dark .stat-card .label{color:#999!important}.dark .calendar-section{background:#32323299}.dark .calendar-title{color:#e0d8cf!important}.dark .calendar-month-text{color:#999!important}.dark .calendar-day-label-text,.dark .calendar-legend-text{color:#777!important}.dark .streak-item{background:#32323299}.dark .streak-text{color:#e0d8cf!important}.dark .detail-section{background:#32323299}.dark .detail-label{color:#999!important}.dark .detail-value{color:#e0d8cf!important}.dark .year-report-card{background:#32323299}.dark .year-report-title{color:#e8e0d6!important}.dark .year-report-summary,.dark .year-report-section-title,.dark .year-report-overview-label,.dark .year-report-status-text{color:#999!important}.dark .year-report-chart-label{color:#777!important}.theme-green .stat-card .value{color:#2d4a3e}.theme-pink .stat-card .value{color:#9e5a6a}.theme-blue .stat-card .value{color:#2a5a7a}.theme-orange .stat-card .value{color:#9a6a2a}.theme-purple .stat-card .value{color:#6a4a7a}.theme-pink .calendar-title,.theme-pink .streak-text,.theme-pink .detail-value,.theme-pink .calendar-legend-text{color:#9e5a6a!important}.theme-blue .calendar-title,.theme-blue .streak-text,.theme-blue .detail-value{color:#2a5a7a!important}.theme-orange .calendar-title,.theme-orange .streak-text,.theme-orange .detail-value{color:#9a6a2a!important}.theme-purple .calendar-title,.theme-purple .streak-text,.theme-purple .detail-value{color:#6a4a7a!important}.page-container{min-height:100vh;background:var(--bg-primary);padding-bottom:80px}.page-container.dark{--bg-primary: #1a1a1a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--bg-secondary: #2a2a2a;--border-color: #3a3a3a}.page-title{font-size:1.8rem;font-weight:600;color:var(--text-primary);padding:1.5rem 1rem 1rem;margin:0}.user-info{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:var(--bg-secondary);margin:0 1rem 1rem;border-radius:12px;font-size:.95rem;color:var(--text-primary)}.user-info .admin-badge{background:#f0ad4e;color:#fff;padding:.2rem .5rem;border-radius:10px;font-size:.75rem;font-weight:500}.section{margin-bottom:1.5rem}.section .section-title{font-size:.85rem;color:var(--text-secondary);padding:.5rem 1rem;margin-bottom:.5rem;font-weight:500}.section .theme-section-label{font-size:.85rem;color:var(--text-secondary);padding:.5rem 1rem;margin-bottom:.5rem}.menu{background:var(--bg-secondary);margin:0 1rem .5rem;border-radius:12px;overflow:hidden}.menu .item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.menu .item:last-child{border-bottom:none}.menu .item:hover{background:#00000008}.menu .item.danger,.menu .item.logout{color:#d32f2f}.menu .item .label{font-size:1rem;color:var(--text-primary)}.menu .item .sync-status{font-size:.85rem;color:var(--text-secondary)}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:28px}.switch .slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.switch input:checked+.slider{background-color:var(--theme-accent, #F4A896)}.switch input:checked+.slider:before{transform:translate(22px)}.theme-picker{display:flex;flex-wrap:wrap;gap:.8rem;padding:.5rem 1rem 1rem}.theme-picker .theme-card{display:flex;flex-direction:column;align-items:center;padding:.8rem;background:var(--bg-secondary);border-radius:12px;cursor:pointer;transition:all .2s;min-width:80px;position:relative}.theme-picker .theme-card:hover{transform:translateY(-2px)}.theme-picker .theme-card.active{box-shadow:0 0 0 2px var(--theme-primary, #2D4A3E)}.theme-picker .theme-card .theme-dot{width:32px;height:32px;border-radius:50%;margin-bottom:.3rem}.theme-picker .theme-card .theme-emoji{font-size:1.5rem;margin-bottom:.2rem}.theme-picker .theme-card .theme-name{font-size:.8rem;color:var(--text-primary)}.theme-picker .theme-card .theme-check{position:absolute;top:.3rem;right:.3rem;color:var(--theme-primary, #2D4A3E);font-weight:700}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);display:flex;justify-content:space-around;padding:.8rem 0;border-top:1px solid var(--border-color);z-index:100}.bottom-nav .nav-item{font-size:.85rem;color:var(--text-secondary);cursor:pointer;padding:.3rem .5rem;border-radius:8px;transition:all .2s}.bottom-nav .nav-item.active{color:var(--theme-primary, #2D4A3E);font-weight:600}.bottom-nav .nav-item:hover{background:#0000000d}:root{--color-bg: #FFF9F0;--color-primary: #4A3728;--color-accent: #2D4A3E;--color-highlight: #F4A896;--font-family-serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--color-bg);font-family:var(--font-family-serif);color:var(--color-primary);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh}.page-container{min-height:100vh;background-color:var(--color-bg);padding:16px 16px 72px}.page-title{font-size:22px;font-weight:600;color:var(--color-primary);margin-bottom:16px}.app-root.dark{--color-bg: #1a1a1a;--color-primary: #e0e0e0;--color-accent: #2D4A3E;--color-highlight: #F4A896}.app-root.dark .page-container{background-color:var(--color-bg)}.app-root.dark .page-title{color:var(--color-primary)}.app-root.theme-green{--color-accent: #2D4A3E;--color-highlight: #F4A896}.app-root.theme-blue{--color-accent: #2A5C8B;--color-highlight: #F59E0B}.app-root.theme-purple{--color-accent: #6B46C1;--color-highlight: #F472B6}.app-root.theme-orange{--color-accent: #C2410C;--color-highlight: #FDE047}.app-root.theme-pink{--color-accent: #9E5A6A;--color-highlight: #D4887A}