From 146da5e8e4563bc71cbf697b23500e8ca758914f Mon Sep 17 00:00:00 2001 From: yuthonyun Date: Fri, 24 Jul 2026 19:09:48 +0800 Subject: [PATCH] =?UTF-8?q?style(index):=20=E5=85=AC=E5=91=8A=E5=B1=85?= =?UTF-8?q?=E5=B7=A6=20+=20=E5=89=A7=E6=83=85=E7=9B=AE=E5=BD=95=E6=94=BE?= =?UTF-8?q?=E5=A4=A7=E5=B9=B6=E4=B8=8E=E8=A7=84=E5=88=99=E8=8F=9C=E5=8D=95?= =?UTF-8?q?=E5=B7=A6=E5=AF=B9=E9=BD=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index f10ed9c..3308486 100644 --- a/index.html +++ b/index.html @@ -210,22 +210,22 @@ .f-main{flex:1;min-height:0;} .threads{max-width:900px;width:100%;} - /* ===== 公告(居中竖排) ===== */ - #announce{align-items:center;} - #announce .notes{max-width:880px;width:100%;margin:0 auto;} + /* ===== 公告(居左竖排) ===== */ + #announce{align-items:stretch;} + #announce .notes{max-width:1080px;width:100%;margin:0;} /* ===== 剧情(小说阅读器:左目录 + 右正文,竖排阅读感) ===== */ - #story{padding:0;} + #story{padding:30px 44px;} .story-wrap{display:flex;flex-direction:row;width:100%;height:100%;min-height:0;} .story-toc{flex:0 0 286px;display:flex;flex-direction:column;border-right:1px solid var(--card-bd);background:rgba(8,12,26,.35);min-height:0;} - .toc-head{font-family:"ZCOOL QingKe HuangYou",sans-serif;font-size:22px;letter-spacing:3px;color:#fff;padding:24px 22px 10px;text-shadow:0 0 16px rgba(139,92,246,.5);} + .toc-head{font-family:"ZCOOL QingKe HuangYou",sans-serif;font-size:24px;letter-spacing:3px;color:#fff;padding:24px 0 12px;text-shadow:0 0 16px rgba(139,92,246,.5);} .toc-head small{display:block;font-family:"Press Start 2P",monospace;font-size:8px;color:var(--magenta);letter-spacing:1px;margin-top:6px;} .toc-list{flex:1;overflow-y:auto;padding:0 12px 24px;} .toc-loading{padding:30px 16px;color:var(--text-dim);font-size:14px;} .toc-vol{margin-top:10px;} - .toc-vol .vname{font-size:13px;color:var(--gold);letter-spacing:1px;padding:8px 10px 4px;font-weight:500;} + .toc-vol .vname{font-size:14px;color:var(--gold);letter-spacing:1px;padding:8px 10px 4px;font-weight:500;} .toc-vol .vintro{font-size:12px;color:var(--text-dim);line-height:1.6;padding:0 10px 8px;} - .toc-ch{display:block;width:100%;text-align:left;font-family:inherit;font-size:13.5px;color:var(--text-dim);background:transparent;border:none;border-left:2px solid transparent;padding:9px 12px;cursor:pointer;transition:.18s;border-radius:0 8px 8px 0;line-height:1.4;} + .toc-ch{display:block;width:100%;text-align:left;font-family:inherit;font-size:15px;color:var(--text-dim);background:transparent;border:none;border-left:2px solid transparent;padding:10px 12px;cursor:pointer;transition:.18s;border-radius:0 8px 8px 0;line-height:1.45;} .toc-ch:hover{color:#fff;background:rgba(139,92,246,.12);} .toc-ch.active{color:#fff;background:rgba(139,92,246,.20);border-left-color:var(--magenta);} .story-reader{flex:1;overflow-y:auto;min-width:0;background:linear-gradient(180deg, rgba(139,92,246,.04), transparent 240px);} @@ -331,6 +331,7 @@ #worlddata{padding:28px 16px 80px;} #background{padding:30px 16px 80px;} .story-toc{flex-basis:auto;} + #story{padding:18px 18px;} .tier-row{grid-template-columns:72px 92px 1fr;gap:8px;} } @media (max-width:480px){ @@ -346,6 +347,7 @@ .codex-search{width:118px;flex:1 1 100%;} .codex-subrow{flex-wrap:wrap;} .reader-inner{padding:22px 14px 70px;} + #story{padding:14px 14px;} .tier-row{grid-template-columns:60px 76px 1fr;gap:6px;} .codex-cats button,.codex-subs button{padding:7px 11px;font-size:13px;} }