:root{--bg:#0e1621;--bg-2:#16202e;--card:#1c2a3c;--card-2:#223349;--border:#2e4259;--text:#e8eef5;--text-dim:#9db0c4;--accent:#d8a83a;--accent-2:#8aa9c9;--good:#4cae67;--mid:#c98a2b;--bad:#6b7684}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;overflow-x:hidden}.app{flex-direction:column;height:100dvh;display:flex}.app-header{border-bottom:1px solid var(--accent);text-align:center;background:linear-gradient(135deg,#1c2a3c,#20374f);flex:none;padding:14px 16px}.app-header h1{color:var(--accent);letter-spacing:1px;font-size:18px}.app-main{-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.page{padding:14px 12px 16px}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.controls .seg{border:1px solid var(--border);border-radius:10px;flex:auto;display:flex;overflow:hidden}.seg-btn{background:var(--bg-2);color:var(--text-dim);cursor:pointer;border:none;flex:1;padding:8px 0;font-size:14px}.seg-btn.active{background:var(--accent);color:#1a1b00;font-weight:600}.sort-select{border:1px solid var(--border);background:var(--bg-2);color:var(--text);border-radius:10px;flex:none;padding:8px 10px;font-size:13px}.chips-row{gap:8px;margin-bottom:8px;padding:4px 0 12px;display:flex;overflow-x:auto}.month-group{margin-bottom:20px}.month-acc+.month-acc{margin-top:8px}.month-acc{background:var(--card);border:1px solid var(--border);border-radius:12px}.month-acc-head{cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:10px;padding:12px 14px;display:flex}.month-acc-name{text-align:left;color:var(--accent-2);flex:1;font-size:15px;font-weight:600}.month-acc-head .badge{background:var(--card-2);color:var(--text-dim)}.month-acc-head .chevron{color:var(--muted)}.chapter-block{margin-bottom:22px}.chapter-header{color:var(--accent);border-left:4px solid var(--accent);background:linear-gradient(90deg,#223349,#0000);border-radius:8px;align-items:center;margin-bottom:12px;padding:10px 14px;font-size:17px;font-weight:700;display:flex}.month-header{color:var(--accent);border-left:3px solid var(--accent);z-index:3;background:#14202e;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 14px;font-size:15px;font-weight:700;display:flex;position:sticky;top:0}.chapter-tag{color:var(--text-dim);background:var(--card-2);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:400}.search-bar{background:linear-gradient(to top, var(--bg) 78%, transparent);align-items:center;gap:10px;margin-top:12px;padding:10px 4px 6px;display:flex;position:sticky;bottom:0}.search-bar input{border:1px solid var(--border);background:var(--bg-2);width:100%;min-width:0;color:var(--text);border-radius:22px;outline:none;flex:1;padding:11px 44px 11px 14px;font-size:15px}.search-bar input:focus{border-color:var(--accent)}.search-bar .search-count{white-space:nowrap;color:var(--text-dim);flex:none;margin-right:6px;font-size:12px}.list{flex-direction:column;gap:10px;list-style:none;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.lost-title{align-items:center;gap:8px;margin-bottom:4px;display:flex}.lost-item{color:var(--accent-2);font-size:17px;font-weight:600}.lost-loc{color:var(--muted);margin-bottom:4px;font-size:13px}.lost-desc{font-size:14px}.gift-name{color:var(--accent);margin-bottom:8px;font-size:16px;font-weight:600}.gift-tags{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.gift-tag{background:var(--bg-2);color:var(--text)}.list.inner{flex-direction:column;gap:8px;margin-top:8px;list-style:none;display:flex}.tea-head,.letter-head{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:16px;font-weight:600;display:flex}.tea-head>span:first-child,.letter-head>span:first-child{flex:1}.tea-drink{color:var(--muted);font-size:13px;font-weight:400}.chevron{color:var(--muted)}.tea-body,.letter-pairs{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.tea-block+.tea-block{margin-top:12px}.tea-label{color:var(--muted);margin-bottom:6px;font-size:12px}.tea-topics{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.tea-topic{background:var(--bg-2)}.tea-group-row{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.tea-letter{background:var(--accent);color:#1a1b00;border-radius:6px;flex:0 0 24px;justify-content:center;align-items:center;height:24px;font-size:13px;font-weight:700;display:flex}.tea-letter-topics{flex-wrap:wrap;gap:6px;display:flex}.ending-item+.ending-item{margin-top:8px}.ending-topic{color:var(--accent-2);margin-bottom:4px;font-size:13px}.ending-choice{background:var(--card-2);color:var(--text)}.letter-pairs{flex-direction:column;gap:8px;list-style:none;display:flex}.letter-pair{background:var(--bg-2);border-radius:8px;padding:8px}.letter-q{color:var(--text);font-size:13px}.letter-a{color:var(--accent-2);margin-top:2px;font-size:13px}.teach-section+.teach-section{margin-top:20px}.teach-section-title{color:var(--accent);border-left:3px solid var(--accent);margin-bottom:10px;padding-left:10px;font-size:15px}.teach-qhead{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.qe-badge{background:var(--accent);color:#1a1b00;flex:none;font-weight:600}.teach-q{color:var(--text);font-size:14px}.teach-answers{flex-direction:column;gap:6px;list-style:none;display:flex}.teach-answer{background:var(--bg-2);border-radius:8px;align-items:flex-start;gap:8px;padding:8px;display:flex}.badge{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px;display:inline-block}.teach-t{flex:1;font-size:13px}.teach-c{color:var(--muted);font-size:12px}.mood{color:#fff;font-weight:700}.mood-50{background:var(--good)}.mood-25{background:var(--mid)}.mood-0{background:var(--bad)}.chapter-tabs{gap:8px;margin-bottom:8px;padding:4px 0 12px;display:flex;overflow-x:auto}.chip{border:1px solid var(--border);background:var(--bg-2);color:var(--text-dim);cursor:pointer;border-radius:16px;flex:none;padding:6px 14px;font-size:13px}.chip.active{border-color:var(--accent);color:var(--accent);font-weight:600}.guide-day+.guide-day{margin-top:8px}.guide-day{background:var(--card);border:1px solid var(--border);border-radius:12px}.guide-day-head{cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:8px;padding:12px 14px;display:flex}.guide-day-name{color:var(--accent-2);text-align:left;flex:1;font-size:15px;font-weight:600}.guide-day-meta{gap:6px;display:flex}.guide-day-body{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 14px 14px;display:flex}.guide-conv-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:stretch;gap:8px;display:grid}.guide-support{background:var(--bg-2);border-radius:10px;flex-direction:column;padding:8px 10px;display:flex}.guide-support-top{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.guide-choice{flex:1}.char-badge{background:var(--accent);color:#1a1b00;font-weight:600}.v-good{background:var(--good);color:#fff}.v-bad{color:#fff;background:#b04a3a}.v-none{background:var(--bad);color:#fff}.note-badge{background:var(--card-2);color:var(--text-dim)}.guide-choice{font-size:14px}.guide-where{color:var(--muted);margin-top:2px;font-size:12px}.guide-remark{color:var(--accent-2);margin-top:4px;font-size:11px;line-height:1.35}.guide-note{color:var(--text-dim);border-left:2px solid var(--border);padding-left:10px;font-size:12px}.guide-note.note-birthday{color:var(--accent);border-left-color:var(--accent)}.guide-note.note-task{color:var(--accent-2);border-left-color:var(--accent-2)}.guide-note.note-action{color:var(--text-dim)}.side-note{margin:0 0 12px;font-size:12px}.side-card{flex-direction:column;gap:6px;display:flex}.side-head{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}.side-head .side-title{flex:1}.side-head .chevron{color:var(--muted);font-size:12px}.side-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.side-name{font-size:14px;font-weight:600}.side-chars{background:var(--card-2);color:var(--text-dim)}.side-routes{flex-wrap:wrap;gap:6px;display:flex}.side-route{border-radius:10px;padding:2px 8px;font-size:11px}.side-route.ok{background:var(--good);color:#fff}.side-route.no{background:var(--card-2);color:var(--text-dim);opacity:.55}.side-detail{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:4px;padding-top:10px;display:flex}.side-basic{border-collapse:collapse;width:100%;font-size:12px}.side-basic th{text-align:left;white-space:nowrap;color:var(--accent-2);vertical-align:top;width:84px;padding:3px 10px 3px 0;font-weight:600}.side-basic td{color:var(--text-dim);padding:3px 0}.side-points{flex-direction:column;gap:6px;list-style:none;display:flex}.side-points li{color:var(--text-dim);padding-left:14px;font-size:12.5px;line-height:1.55;position:relative}.side-points li:before{content:"›";color:var(--accent);position:absolute;left:2px}.guide-line-list{flex-direction:column;display:flex}.guide-section{margin-top:12px}.guide-section:first-child{margin-top:0}.guide-section-head{color:var(--accent);letter-spacing:.02em;background:var(--card-2);border-radius:6px;margin-bottom:8px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.guide-line-list .separator+.separator{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.guide-day-tag{color:var(--text-dim);background:var(--card-2);white-space:nowrap;border-radius:8px;margin-right:6px;padding:1px 7px;font-size:11px;display:inline-block}.chapter-tag{margin-left:auto}.qa-card .qa-char{color:var(--accent);margin-bottom:4px;font-size:13px;font-weight:600}.guide-empty{text-align:center;color:var(--muted);padding:40px 20px}.guide-empty h2{color:var(--accent);margin-bottom:8px;font-size:18px}.guide-title{color:var(--accent-2);margin-bottom:6px;font-size:15px;font-weight:600}.guide-detail{color:var(--text);flex-direction:column;gap:4px;font-size:13px;list-style:none;display:flex}.guide-detail li{padding-left:14px;position:relative}.guide-detail li:before{content:"•";color:var(--accent);position:absolute;left:0}.empty{text-align:center;color:var(--muted);padding:30px 0}.page-indexed{padding-right:36px}.pinyin-index{z-index:20;touch-action:none;-webkit-user-select:none;user-select:none;background:#14202e8c;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 3px;display:flex;position:fixed;top:50%;right:5px;transform:translateY(-50%)}.pinyin-idx-letter{width:22px;height:16px;color:var(--text-dim);border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:600;line-height:1;display:flex}.pinyin-idx-letter.active{background:var(--accent);color:#1a1b00;font-weight:700}.app-nav{border-top:1px solid var(--border);background:var(--bg-2);padding-bottom:env(safe-area-inset-bottom);flex:none;display:flex}.nav-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;flex:1;padding:12px 0;font-size:13px}.nav-btn.active{color:var(--accent);border-top-color:var(--accent);background:#3ca83a0f;font-weight:700}