未知

时间简史 31

这是一个发生在远古时代的故事。主人公从一个小人物逐渐成长,经历了无数的磨难和挑战,最终成为了一代传奇。故事中有友情、有爱情、有背叛、有成长。每一个角色都有血有肉,每一个情节都扣人心弦。 这是第 30...

A
匿名
👁️ 1387 ❤️ 158
未知

遮天 12

在遥远的未来,人类文明已经扩散到了银河系。主角是一名普通的太空探险家,在一次偶然的机会中,发现了一个可以改变整个宇宙格局的秘密。从此,他的人生发生了翻天覆地的变化。 这是第 11 章的内容。 这是...

A
匿名
👁️ 9633 ❤️ 165
未知

岁月神偷 4

故事发生在一个神秘的大陆上。这里有魔法、有斗气、有各种神奇的种族。主角原本是一个废柴,但是通过自己的努力和机遇,最终成为了大陆上最强的存在。 这是第 3 章的内容。 这是第 3 章的内容。 这是...

A
匿名
👁️ 8101 ❤️ 447
未知

星辰之泪 1

这是一个发生在远古时代的故事。主人公从一个小人物逐渐成长,经历了无数的磨难和挑战,最终成为了一代传奇。故事中有友情、有爱情、有背叛、有成长。每一个角色都有血有肉,每一个情节都扣人心弦。 这是第 0 ...

A
匿名
👁️ 4205 ❤️ 478
未知

人类简史 32

在遥远的未来,人类文明已经扩散到了银河系。主角是一名普通的太空探险家,在一次偶然的机会中,发现了一个可以改变整个宇宙格局的秘密。从此,他的人生发生了翻天覆地的变化。 这是第 31 章的内容。 这是...

A
匿名
👁️ 1956 ❤️ 279
未知

庆余年 8

这是一个关于爱情的故事。两个来自不同世界的人,因为一次偶然的相遇,擦出了爱的火花。但是,他们的爱情面临着来自家庭、社会、命运的种种考验。他们能否克服重重困难,走到一起呢? 这是第 7 章的内容。 ...

A
匿名
👁️ 5638 ❤️ 494
未知

明朝那些事儿 80

这是一部悬疑推理小说。在一座封闭的小镇上,发生了一系列离奇的命案。警察束手无策,最终依靠一个业余侦探的聪明才智,揭开了真相。但是,真相往往比想象中更加残酷。 这是第 79 章的内容。 这是第 79...

A
匿名
👁️ 3512 ❤️ 28
未知

活着 28

这是一个关于爱情的故事。两个来自不同世界的人,因为一次偶然的相遇,擦出了爱的火花。但是,他们的爱情面临着来自家庭、社会、命运的种种考验。他们能否克服重重困难,走到一起呢? 这是第 27 章的内容。 ...

A
匿名
👁️ 8822 ❤️ 322
未知

三生三世 22

在遥远的未来,人类文明已经扩散到了银河系。主角是一名普通的太空探险家,在一次偶然的机会中,发现了一个可以改变整个宇宙格局的秘密。从此,他的人生发生了翻天覆地的变化。 这是第 21 章的内容。 这是...

A
匿名
👁️ 9253 ❤️ 75
未知

剑来 6

这是一个发生在远古时代的故事。主人公从一个小人物逐渐成长,经历了无数的磨难和挑战,最终成为了一代传奇。故事中有友情、有爱情、有背叛、有成长。每一个角色都有血有肉,每一个情节都扣人心弦。 这是第 5 ...

A
匿名
👁️ 5281 ❤️ 179
未知

三生三世 67

在遥远的未来,人类文明已经扩散到了银河系。主角是一名普通的太空探险家,在一次偶然的机会中,发现了一个可以改变整个宇宙格局的秘密。从此,他的人生发生了翻天覆地的变化。 这是第 66 章的内容。 这是...

A
匿名
👁️ 7212 ❤️ 171
未知

如懿传 40

这是一部悬疑推理小说。在一座封闭的小镇上,发生了一系列离奇的命案。警察束手无策,最终依靠一个业余侦探的聪明才智,揭开了真相。但是,真相往往比想象中更加残酷。 这是第 39 章的内容。 这是第 39...

A
匿名
👁️ 6164 ❤️ 289
color: var(--text); line-height: 1.6; } /* ========== NAV ========== */ .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 16px 0; background: rgba(254, 249, 245, 0.95); backdrop-filter: blur(12px); box-shadow: 0 1px 0 var(--gray-200); } .nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; } .nav-logo { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; color: var(--text); text-decoration: none; display: flex; align-items: center; gap: 8px; } .nav-logo .logo-icon { width: 36px; height: 36px; background: var(--coral); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; } .nav-links { display: flex; gap: 32px; list-style: none; } .nav-links a { font-size: 0.9rem; font-weight: 500; color: var(--text-secondary); text-decoration: none; transition: color 0.2s; } .nav-links a:hover { color: var(--coral); } /* ========== STORIES PAGE ========== */ .stories-page { padding: 100px 20px 60px; min-height: 100vh; max-width: 1200px; margin: 0 auto; } .page-header { text-align: center; margin-bottom: 48px; } .page-title { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; color: var(--text); margin-bottom: 12px; } .page-desc { font-size: 1.1rem; color: var(--text-secondary); } /* ========== FILTER ========== */ .stories-filter { display: flex; justify-content: center; gap: 12px; margin-bottom: 40px; flex-wrap: wrap; } .filter-btn { padding: 10px 20px; border: 2px solid var(--gray-200); border-radius: 100px; background: var(--bg); color: var(--text-secondary); font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: all 0.3s; text-decoration: none; } .filter-btn:hover, .filter-btn.active { border-color: var(--coral); color: var(--coral); background: rgba(255, 107, 74, 0.05); } /* ========== STORIES GRID ========== */ .stories-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 32px; margin-bottom: 48px; } .story-card { background: white; border-radius: 20px; overflow: hidden; border: 2px solid transparent; transition: all 0.4s; cursor: pointer; text-decoration: none; color: inherit; display: block; } [data-theme="dark"] .story-card { background: var(--gray-800); } .story-card:hover { transform: translateY(-8px); border-color: var(--coral); box-shadow: 0 20px 60px rgba(255, 107, 74, 0.15); } .story-card-cover { height: 180px; position: relative; overflow: hidden; } .story-card-cover.scifi { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } .story-card-cover.fantasy { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); } .story-card-cover.mystery { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); } .story-card-cover-inner { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 4rem; } .story-card-body { padding: 24px; } .story-card-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; } .story-card-category { font-size: 0.8rem; font-weight: 600; color: var(--coral); text-transform: uppercase; letter-spacing: 0.05em; } .story-card-ai { font-size: 0.75rem; padding: 2px 8px; background: rgba(46, 196, 182, 0.1); color: var(--teal); border-radius: 4px; font-weight: 600; } .story-card-title { font-family: var(--font-display); font-size: 1.3rem; font-weight: 700; color: var(--text); margin-bottom: 8px; line-height: 1.3; } .story-card-desc { font-size: 0.9rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 16px; } .story-card-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; border-top: 1px solid var(--gray-200); } [data-theme="dark"] .story-card-footer { border-color: var(--gray-700); } .story-card-author { display: flex; align-items: center; gap: 8px; } .story-card-avatar { width: 32px; height: 32px; border-radius: 8px; background: var(--coral); color: white; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: 700; } .story-card-stats { display: flex; gap: 12px; font-size: 0.85rem; color: var(--text-secondary); } /* ========== PAGINATION ========== */ .pagination { display: flex; justify-content: center; gap: 8px; margin-top: 48px; } .page-btn { padding: 10px 16px; border: 2px solid var(--gray-200); border-radius: 10px; background: var(--bg); color: var(--text); font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: all 0.3s; text-decoration: none; } .page-btn:hover, .page-btn.active { border-color: var(--coral); color: var(--coral); background: rgba(255, 107, 74, 0.05); } /* ========== RESPONSIVE ========== */ @media (max-width: 768px) { .nav-links { display: none; } .stories-grid { grid-template-columns: 1fr; } .page-title { font-size: 2rem; } }
📖
未知

时间简史 31

这是一个发生在远古时代的故事。主人公从一个小人物逐渐成长,经历了无数的磨难和挑战,最终成为了一代传奇。故事中有友情、有爱情、有背叛、有成长。每一个角色都有血有肉,每一个情节都扣人心弦。 这是第 30...

A
匿名
👁️ 1387 ❤️ 158
📖
未知

遮天 12

在遥远的未来,人类文明已经扩散到了银河系。主角是一名普通的太空探险家,在一次偶然的机会中,发现了一个可以改变整个宇宙格局的秘密。从此,他的人生发生了翻天覆地的变化。 这是第 11 章的内容。 这是...

A
匿名
👁️ 9633 ❤️ 165
🧙
未知

岁月神偷 4

故事发生在一个神秘的大陆上。这里有魔法、有斗气、有各种神奇的种族。主角原本是一个废柴,但是通过自己的努力和机遇,最终成为了大陆上最强的存在。 这是第 3 章的内容。 这是第 3 章的内容。 这是...

A
匿名
👁️ 8101 ❤️ 447
📖
未知

星辰之泪 1

这是一个发生在远古时代的故事。主人公从一个小人物逐渐成长,经历了无数的磨难和挑战,最终成为了一代传奇。故事中有友情、有爱情、有背叛、有成长。每一个角色都有血有肉,每一个情节都扣人心弦。 这是第 0 ...

A
匿名
👁️ 4205 ❤️ 478
📖
未知

人类简史 32

在遥远的未来,人类文明已经扩散到了银河系。主角是一名普通的太空探险家,在一次偶然的机会中,发现了一个可以改变整个宇宙格局的秘密。从此,他的人生发生了翻天覆地的变化。 这是第 31 章的内容。 这是...

A
匿名
👁️ 1956 ❤️ 279
📖
未知

庆余年 8

这是一个关于爱情的故事。两个来自不同世界的人,因为一次偶然的相遇,擦出了爱的火花。但是,他们的爱情面临着来自家庭、社会、命运的种种考验。他们能否克服重重困难,走到一起呢? 这是第 7 章的内容。 ...

A
匿名
👁️ 5638 ❤️ 494
📖
未知

明朝那些事儿 80

这是一部悬疑推理小说。在一座封闭的小镇上,发生了一系列离奇的命案。警察束手无策,最终依靠一个业余侦探的聪明才智,揭开了真相。但是,真相往往比想象中更加残酷。 这是第 79 章的内容。 这是第 79...

A
匿名
👁️ 3512 ❤️ 28
📖
未知

活着 28

这是一个关于爱情的故事。两个来自不同世界的人,因为一次偶然的相遇,擦出了爱的火花。但是,他们的爱情面临着来自家庭、社会、命运的种种考验。他们能否克服重重困难,走到一起呢? 这是第 27 章的内容。 ...

A
匿名
👁️ 8822 ❤️ 322
📖
未知

三生三世 22

在遥远的未来,人类文明已经扩散到了银河系。主角是一名普通的太空探险家,在一次偶然的机会中,发现了一个可以改变整个宇宙格局的秘密。从此,他的人生发生了翻天覆地的变化。 这是第 21 章的内容。 这是...

A
匿名
👁️ 9253 ❤️ 75
📖
未知

剑来 6

这是一个发生在远古时代的故事。主人公从一个小人物逐渐成长,经历了无数的磨难和挑战,最终成为了一代传奇。故事中有友情、有爱情、有背叛、有成长。每一个角色都有血有肉,每一个情节都扣人心弦。 这是第 5 ...

A
匿名
👁️ 5281 ❤️ 179
📖
未知

三生三世 67

在遥远的未来,人类文明已经扩散到了银河系。主角是一名普通的太空探险家,在一次偶然的机会中,发现了一个可以改变整个宇宙格局的秘密。从此,他的人生发生了翻天覆地的变化。 这是第 66 章的内容。 这是...

A
匿名
👁️ 7212 ❤️ 171
🧙
未知

如懿传 40

这是一部悬疑推理小说。在一座封闭的小镇上,发生了一系列离奇的命案。警察束手无策,最终依靠一个业余侦探的聪明才智,揭开了真相。但是,真相往往比想象中更加残酷。 这是第 39 章的内容。 这是第 39...

A
匿名
👁️ 6164 ❤️ 289