pengyuthon/game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(index): 公告居左 + 剧情目录放大并与规则菜单左对齐

Browse Source
This commit is contained in:
yuthonyun 2026-07-24 19:09:48 +08:00
parent c4c95926d7
commit 146da5e8e4
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@ -210,22 +210,22 @@
.f-main{flex:1;min-height:0;} .f-main{flex:1;min-height:0;}
.threads{max-width:900px;width:100%;} .threads{max-width:900px;width:100%;}
/* ===== 公告（居中竖排） ===== */ /* ===== 公告（居左竖排） ===== */
#announce{align-items:center;} #announce{align-items:stretch;}
#announce .notes{max-width:880px;width:100%;margin:0 auto;} #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-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;} .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-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-list{flex:1;overflow-y:auto;padding:0 12px 24px;}
.toc-loading{padding:30px 16px;color:var(--text-dim);font-size:14px;} .toc-loading{padding:30px 16px;color:var(--text-dim);font-size:14px;}
.toc-vol{margin-top:10px;} .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-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: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);} .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);} .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;} #worlddata{padding:28px 16px 80px;}
#background{padding:30px 16px 80px;} #background{padding:30px 16px 80px;}
.story-toc{flex-basis:auto;} .story-toc{flex-basis:auto;}
#story{padding:18px 18px;}
.tier-row{grid-template-columns:72px 92px 1fr;gap:8px;} .tier-row{grid-template-columns:72px 92px 1fr;gap:8px;}
} }
@media (max-width:480px){ @media (max-width:480px){
@ -346,6 +347,7 @@
.codex-search{width:118px;flex:1 1 100%;} .codex-search{width:118px;flex:1 1 100%;}
.codex-subrow{flex-wrap:wrap;} .codex-subrow{flex-wrap:wrap;}
.reader-inner{padding:22px 14px 70px;} .reader-inner{padding:22px 14px 70px;}
#story{padding:14px 14px;}
.tier-row{grid-template-columns:60px 76px 1fr;gap:6px;} .tier-row{grid-template-columns:60px 76px 1fr;gap:6px;}
.codex-cats button,.codex-subs button{padding:7px 11px;font-size:13px;} .codex-cats button,.codex-subs button{padding:7px 11px;font-size:13px;}
} }