:root { --bg-color: #121214; --card-bg: #1a1a1e; --neon-green: #00ff66; --text-color: #e0e0e6; --text-muted: #666; }
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Courier New', Courier, monospace, "Microsoft YaHei"; }
body { background-color: var(--bg-color); color: var(--text-color); background-image: linear-gradient(rgba(18, 18, 20, 0.95), rgba(18, 18, 20, 0.95)), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 255, 102, 0.01) 2px, rgba(0, 255, 102, 0.01) 4px); }
body.theme-amber { --bg-color: #1a1410; --card-bg: #241c16; --neon-green: #ffb300; --text-color: #f0e2d5; }
body.theme-matrix { --bg-color: #050d08; --card-bg: #0d1a11; --neon-green: #33ff33; --text-color: #a8f0a8; }
body.theme-amber .logo, body.theme-amber .section-title, body.theme-amber .content-title { text-shadow: 0 0 10px #ffb300; }
body.theme-matrix .logo, body.theme-matrix .section-title, body.theme-matrix .content-title { text-shadow: 0 0 12px #33ff33; }
body.reader-size-s .reader-content p { font-size: 0.95rem; }
body.reader-size-m .reader-content p { font-size: 1.15rem; }
body.reader-size-l .reader-content p { font-size: 1.35rem; }
header { border-bottom: 3px double var(--neon-green); padding: 20px; text-align: center; box-shadow: 0 0 15px rgba(0, 255, 102, 0.15); }
.logo { font-size: 2.5rem; font-weight: bold; color: var(--neon-green); text-transform: uppercase; letter-spacing: 4px; text-shadow: 0 0 10px var(--neon-green); margin-bottom: 15px; }
nav { margin-top: 10px; }
nav a { color: var(--neon-green); text-decoration: none; margin: 0 15px; font-size: 1rem; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; transition: all 0.2s ease; padding: 3px 8px; }
nav a:hover, nav a.active { background: var(--neon-green); color: #000; box-shadow: 0 0 10px var(--neon-green); }
.container { max-width: 1200px; margin: 40px auto; padding: 0 20px; }
.text-reader-container { max-width: 1200px; }
.toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px dashed #333; padding-bottom: 15px; }
.section-title { color: var(--neon-green); text-shadow: 0 0 5px rgba(0,255,102,0.3); }
.terminal-status { color: var(--neon-green); font-size: 0.9rem; }
.novel-container { display: flex; flex-direction: column; gap: 20px; }
.novel-item { background: var(--card-bg); border: 1px solid #333; border-radius: 4px; transition: all 0.3s ease; cursor: pointer; }
.novel-item:hover { border-color: var(--neon-green); box-shadow: 0 0 15px rgba(0, 255, 102, 0.15); }
.novel-info { padding: 25px; display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.novel-text { flex: 1; }
.novel-header-row { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; border-bottom: 1px dashed #222; padding-bottom: 8px; }
.novel-title { font-size: 1.4rem; font-weight: bold; }
.novel-title a { color: #fff; text-decoration: none; transition: all 0.2s ease; }
.novel-title a:hover { color: var(--neon-green); text-shadow: 0 0 5px var(--neon-green); }
.movie-meta { font-size: 0.9rem; color: var(--neon-green); opacity: 0.7; }
.movie-desc { font-size: 0.9rem; color: #aaa; line-height: 1.5; }
.chapter-quick-nav { margin-top: 15px; padding-top: 12px; border-top: 1px dotted #333; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.chapter-tag { font-size: 0.8rem; color: var(--neon-green); opacity: 0.6; font-weight: bold; }
.chapter-quick-nav a { font-size: 0.8rem; color: #aaa; text-decoration: none; border: 1px solid #333; padding: 2px 6px; border-radius: 2px; transition: all 0.2s ease; }
.chapter-quick-nav a:hover { background: var(--neon-green); color: #000; border-color: var(--neon-green); box-shadow: 0 0 8px var(--neon-green); }
.chapter-dots { color: var(--text-muted); font-size: 0.8rem; }
.back-bar { margin-bottom: 20px; }
.back-bar a { color: var(--neon-green); text-decoration: none; font-size: 0.9rem; font-weight: bold; padding: 3px 8px; transition: all 0.2s ease; }
.back-bar a:hover { background: var(--neon-green); color: #000; box-shadow: 0 0 10px var(--neon-green); }
.novel-detail-layout { flex-direction: column; padding: 40px; }
.detail-wrapper { display: flex; gap: 40px; background: var(--card-bg); border: 1px solid #333; border-radius: 4px; margin-bottom: 30px; }
.detail-meta-panel { flex-grow: 1; }
.detail-title { font-size: 1.8rem; color: #fff; border-bottom: 1px solid #333; padding-bottom: 15px; margin-bottom: 20px; }
.detail-serial { color: var(--neon-green); text-shadow: 0 0 5px var(--neon-green); }
.info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 25px; }
.info-item { font-size: 0.95rem; }
.info-label { color: var(--neon-green); opacity: 0.6; }
.info-val { color: #e0e0e6; }
.streaming-text { color: var(--neon-green); }
.actor-link { color: var(--neon-green); text-decoration: none; padding: 2px 4px; transition: all 0.2s ease; border-bottom: 1px dashed transparent; }
.actor-link:hover { text-shadow: 0 0 8px var(--neon-green); border-bottom-color: var(--neon-green); background: rgba(0, 255, 102, 0.1); }
.detail-tags-section { border-top: 1px dashed #333; padding-top: 15px; }
.tags-title { font-size: 0.85rem; color: var(--neon-green); margin-bottom: 10px; }
.movie-tags { margin: 8px 0; display: flex; flex-wrap: wrap; gap: 8px; }
.movie-tags a { font-size: 0.8rem; color: var(--neon-green) !important; text-decoration: none; border: 1px solid var(--neon-green); padding: 3px 8px; border-radius: 2px; transition: all 0.2s ease; }
.movie-tags a:hover { background: var(--neon-green) !important; color: #000 !important; box-shadow: 0 0 10px var(--neon-green); }
.content-section { background: var(--card-bg); border: 1px solid #333; border-radius: 4px; padding: 30px; }
.summary-section { border: none; padding: 20px 0 0 0; margin-top: 20px; border-top: 1px dashed #333; }
.content-title { color: var(--neon-green); font-size: 1.1rem; margin-bottom: 20px; text-shadow: 0 0 5px rgba(0,255,102,0.2); }
.content-text { font-size: 0.95rem; color: #aaa; line-height: 1.8; }
.chapter-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 15px; }
.chapter-link-btn { margin-top: 0; text-align: left; padding: 12px 15px; }
.chapter-id { opacity: 0.5; font-size: 0.8rem; }
.details-btn { align-self: center; padding: 8px 24px; background: transparent; border: 1px solid var(--neon-green); color: var(--neon-green); text-decoration: none; font-weight: bold; font-size: 0.9rem; transition: all 0.2s ease; flex-shrink: 0; }
.details-btn:hover { background: var(--neon-green); color: #000; box-shadow: 0 0 10px var(--neon-green); }
.detail-download-btn { display: block; border: 1px solid var(--neon-green); color: var(--neon-green) !important; font-size: 1rem; font-weight: bold; font-family: monospace; text-decoration: none; transition: all 0.2s ease; text-shadow: 0 0 5px rgba(0, 255, 102, 0.3); }
.detail-download-btn:hover { background: var(--neon-green) !important; color: #000 !important; box-shadow: 0 0 15px var(--neon-green); }
.novel-item.ad-item { border: 1px dashed var(--neon-green); background: rgba(0, 255, 102, 0.02); }
.ad-tag { display: inline-block; padding: 2px 6px; border: 1px solid var(--neon-green); font-size: 0.75rem; color: #000; background: var(--neon-green); font-weight: bold; margin-right: 10px; }
.pagination { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 40px; padding-top: 20px; border-top: 1px dashed #333; }
.pagination a, .pagination span { color: var(--neon-green); text-decoration: none; padding: 6px 12px; border: 1px solid var(--neon-green); border-radius: 2px; font-weight: bold; font-size: 0.9rem; transition: all 0.2s ease; }
.pagination a:hover, .pagination span.current { background: var(--neon-green); color: #000; border-color: var(--neon-green); box-shadow: 0 0 10px var(--neon-green); }
.pagination span.dots { border: none; background: transparent; color: var(--text-muted); }
footer { text-align: center; padding: 40px; margin-top: 60px; border-top: 1px dashed #333; color: #444; font-size: 0.9rem; }
.reader-console { display: flex; justify-content: space-between; align-items: center; background: var(--card-bg); border: 1px solid #333; padding: 10px 20px; border-radius: 4px; margin-bottom: 25px; font-size: 0.85rem; transition: background 0.3s ease; }
.console-label { color: var(--neon-green); opacity: 0.6; margin-left: 10px; }
.console-val { color: var(--text-color); }
.console-btn { background: transparent; border: 1px solid var(--neon-green); color: var(--neon-green); padding: 2px 8px; cursor: pointer; font-family: monospace; font-weight: bold; margin-left: 5px; transition: all 0.2s ease; }
.console-btn:hover { background: var(--neon-green); color: #000; box-shadow: 0 0 8px var(--neon-green); }
.reader-article { background: var(--card-bg); border: 1px solid #333; border-radius: 4px; padding: 40px; margin-bottom: 30px; transition: background 0.3s ease; }
.reader-title { font-size: 2rem; color: var(--text-color); border-bottom: 1px solid #333; padding-bottom: 20px; margin-bottom: 30px; text-align: center; }
.reader-content p { line-height: 1.9; margin-bottom: 1.8rem; color: var(--text-color); text-align: justify; letter-spacing: 0.5px; }
.reader-nav-bar { display: flex; justify-content: space-between; gap: 15px; margin-bottom: 50px; }
.reader-nav-bar .details-btn { text-align: center; flex: 1; }
.recommend-section { margin-top: 50px; padding-top: 20px; border-top: 1px dashed #333; }

.novel-grid-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.grid-item-card { background: var(--card-bg); border: 1px solid #333; border-radius: 4px; padding: 15px; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: center; }
.grid-item-card:hover { border-color: var(--neon-green); box-shadow: 0 0 15px rgba(0, 255, 102, 0.15); }
.grid-title-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
.grid-title { font-size: 1.15rem; font-weight: bold; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.grid-title a { color: #fff; text-decoration: none; transition: all 0.2s ease; }
.grid-title a:hover { color: var(--neon-green); text-shadow: 0 0 5px var(--neon-green); }
.grid-meta-status { font-size: 0.8rem; color: var(--neon-green); opacity: 0.7; flex-shrink: 0; }
.grid-data-row { display: flex; align-items: center; gap: 10px; width: 100%; }
.grid-date { color: #666; font-family: monospace; font-size: 0.8rem; flex-shrink: 0; }
.grid-tags-wrapper { display: flex; gap: 6px; flex: 1; overflow: hidden; flex-wrap: nowrap; -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%); mask-image: linear-gradient(to right, black 80%, transparent 100%); }
.grid-tag-link { color: var(--neon-green) !important; text-decoration: none; border: 1px solid #333; padding: 1px 6px; font-size: 0.75rem; border-radius: 2px; transition: all 0.2s ease; white-space: nowrap; }
.grid-tag-link:hover { background: var(--neon-green) !important; color: #000 !important; border-color: var(--neon-green); box-shadow: 0 0 8px var(--neon-green); }
.dropdown { display: inline-block; position: relative; z-index: 100; }
.dropdown-content { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: var(--bg-color); min-width: 130px; box-shadow: 0 4px 15px rgba(0, 255, 102, 0.2); border: 1px solid var(--neon-green); border-radius: 4px; padding: 5px 0; }
.dropdown-content a { color: var(--neon-green); padding: 8px 15px; text-decoration: none; display: block; margin: 0; font-size: 0.9rem; border-bottom: 1px dashed #333; }
.dropdown-content a:last-child { border-bottom: none; }
.dropdown-content a:hover { background-color: var(--neon-green); color: #000; box-shadow: none; }
.dropdown:hover .dropdown-content { display: block; }
.novel-p-content { font-size: 1.15rem; line-height: 2.0; letter-spacing: 0.6px; padding: 15px 5px; }
.novel-p-content p { text-indent: 2em !important; margin-bottom: 1.8rem !important; text-align: justify; }
.stable-chapter-btn { display: flex !important; align-items: center; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis; height: 48px; padding: 0 15px !important; }
.stable-chapter-btn .chapter-id { flex-shrink: 0; margin-right: 8px; opacity: 0.6; }
.stable-chapter-btn .chapter-title-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.info-reader-console { margin-top: 25px; margin-bottom: 20px; }
.info-tags-wrapper { border-top: none; padding-top: 0; margin-top: 5px; }
.novel-grid-container .grid-item-card { cursor: pointer; }
.info-detail-wrapper { margin-bottom: 25px !important; }
.info-reader-nav-bar { margin-top: 25px !important; }
.info-content-section { margin-top: 25px !important; }
.info-content-title { border-bottom: 1px dashed #333 !important; padding-bottom: 10px !important; }
.info-content-text { margin-top: 20px !important; }
.error-no-chapters { color: #666; font-family: monospace; padding: 20px 0; }
::-webkit-scrollbar { width: 12px !important; height: 12px !important; }
::-webkit-scrollbar-track { background: var(--bg-color) !important; }
::-webkit-scrollbar-thumb { background: var(--neon-green) !important; border: 3px solid var(--bg-color) !important; border-radius: 6px !important; }
::-webkit-scrollbar-thumb:hover { background: #ffffff !important; box-shadow: 0 0 15px var(--neon-green) !important; }
::-webkit-scrollbar-button { display: none !important; width: 0 !important; height: 0 !important; }
html { scrollbar-color: var(--neon-green) var(--bg-color) !important; scrollbar-width: auto !important; }
.search-panel { max-height: 0; overflow: hidden; opacity: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); background: rgba(0, 255, 102, 0.02); margin-top: 0; }
.search-panel.show { max-height: 80px; opacity: 1; padding: 15px 0; margin-top: 15px; border-top: 1px dashed #333; border-bottom: 1px dashed var(--neon-green); }
.search-panel-inner { display: flex; justify-content: center; align-items: center; gap: 10px; }
#dropdown-search-input { padding: 8px 15px; background: var(--card-bg); border: 1px solid #333; color: var(--neon-green); outline: none; font-family: monospace; font-size: 1rem; width: 300px; border-radius: 2px; transition: all 0.3s ease; }
#dropdown-search-input:focus { border-color: var(--neon-green); box-shadow: 0 0 10px rgba(0, 255, 102, 0.2); }
#dropdown-search-btn { padding: 8px 20px; background: var(--neon-green); color: #000; border: 1px solid var(--neon-green); font-weight: bold; font-size: 1rem; cursor: pointer; transition: all 0.2s ease; border-radius: 2px; }
#dropdown-search-btn:hover { background: #fff; border-color: #fff; box-shadow: 0 0 15px var(--neon-green); }
#nav-search-trigger.panel-active { background: var(--neon-green); color: #000; box-shadow: 0 0 10px var(--neon-green); }

@media (max-width: 768px) {
    nav { margin-top: 15px; display: flex; overflow-x: auto; white-space: nowrap; padding-bottom: 8px; -webkit-overflow-scrolling: touch; }
    nav::-webkit-scrollbar { display: none; }
    nav a { display: inline-block; margin: 0 12px; flex-shrink: 0; font-size: 0.95rem; }
    .novel-info { flex-direction: column; align-items: flex-start; padding: 20px; gap: 20px; }
    .novel-header-row { flex-direction: column; align-items: flex-start; gap: 6px; }
    .novel-title { font-size: 1.2rem; }
    .details-btn { width: 100%; text-align: center; }
    .chapter-quick-nav { width: 100%; overflow-x: auto; white-space: nowrap; flex-wrap: nowrap; padding-bottom: 5px; -webkit-overflow-scrolling: touch; }
    .chapter-quick-nav::-webkit-scrollbar { display: none; }
    .chapter-quick-nav a { display: inline-block; flex-shrink: 0; }
    .detail-wrapper { flex-direction: column; padding: 15px; }
    .info-grid { grid-template-columns: 1fr; }
    .container { padding: 0 10px; }
    .reader-article { padding: 24px 12px; }
    .reader-title { font-size: 1.5rem; margin-bottom: 20px; }
    .reader-content p { margin-left: 0; margin-right: 0; line-height: 1.7; }
    .reader-console .console-left { display: none; }
    .reader-console .console-right { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; gap: 4px; }
    .reader-console .console-right .console-label { display: none; }
    .reader-console .console-btn { flex: 1; text-align: center; padding: 6px 2px; font-size: 0.85rem; white-space: nowrap; }
    .reader-nav-bar { flex-direction: column; }
    .novel-grid-container { grid-template-columns: minmax(0, 1fr); }
    .pagination { gap: 5px; }
    .pagination a, .pagination span { padding: 5px 8px; font-size: 0.8rem; min-width: 30px; }
    .pagination .page-num { display: none; }
    #dropdown-search-input { width: 60%; }
}
.error-container { text-align: center; padding: 100px 20px; min-height: 60vh; }
.error-code { font-size: 6rem; color: var(--neon-green); text-shadow: 0 0 20px rgba(0,255,102,0.4); margin-bottom: 20px; font-weight: bold; }
.error-msg { font-size: 1.2rem; color: #aaa; margin-bottom: 40px; }
.back-home-btn { padding: 10px 25px; border: 1px solid var(--neon-green); color: var(--neon-green); text-decoration: none; font-size: 1.1rem; transition: all 0.3s ease; }
.back-home-btn:hover { background: var(--neon-green); color: #000; box-shadow: 0 0 15px var(--neon-green); }
.encodeTip {color: #666;font-size: 0.8rem;font-family: 'Courier New', Courier, monospace;opacity: 0.8;animation: pulse 2s infinite;}
@keyframes pulse { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } }
.notAnyChapter {opacity: 0.5; cursor: not-allowed;}
.reader-content a{ color: #fff; text-decoration: none;}