韩国漫画分类筛选_韩国漫画歪歪漫画 · 热搜品鉴与深度解析聚合站

🕐 1周前更新

第七位租客

悬疑 · 41话8.5

:root{ --bg:#0b0d12; --bg-soft:#11141c; --bg-card:#151925; --bg-card-hv:#1b2130; --line:#232a3a; --txt:#e8ecf5; --txt-dim:#8b95ab; --txt-mute:#5c6479; --accent:#4f8cff; --accent-2:#8a5cff; --pink:#ff5c8a; --warm:#ffb648; --green:#37d39b; --radius:14px; --shadow:0 10px 34px rgba(0,0,0,.45); } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{ background: radial-gradient(1100px 500px at 12% -8%, rgba(79,140,255,.13), transparent 62%), radial-gradient(900px 460px at 88% -4%, rgba(138,92,255,.12), transparent 60%), var(--bg); color:var(--txt); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; font-size:15px; line-height:1.65; padding-bottom:40px; overflow-x:hidden; } img{max-width:100%;display:block} a{color:inherit;text-decoration:none} button{font-family:inherit;cursor:pointer} ::selection{background:rgba(79,140,255,.4)} /* ============ 顶部导航 ============ */ .topbar{ position:sticky;top:0;z-index:60; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); background:rgba(11,13,18,.82); border-bottom:1px solid var(--line); } .topbar-in{ max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:16px; padding:11px 16px; overflow-x:auto; scrollbar-width:none; } .topbar-in::-webkit-scrollbar{display:none} .logo{ display:flex;align-items:center;gap:8px; font-weight:800;font-size:17px;letter-spacing:.5px; white-space:nowrap;flex-shrink:0; } .logo .dot{ width:26px;height:26px;border-radius:9px; background:linear-gradient(135deg,var(--accent),var(--accent-2)); display:grid;place-items:center;font-size:13px; box-shadow:0 4px 14px rgba(79,140,255,.45); } .logo em{font-style:normal;background:linear-gradient(90deg,#7fb0ff,#c09cff);-webkit-background-clip:text;background-clip:text;color:transparent} .nav-links{display:flex;gap:4px;flex-shrink:0} .nav-links a{ padding:6px 12px;border-radius:999px;font-size:13.5px;color:var(--txt-dim); white-space:nowrap;transition:.22s; } .nav-links a:hover{color:var(--txt);background:rgba(255,255,255,.05)} .nav-links a.on{color:#fff;background:linear-gradient(135deg,rgba(79,140,255,.28),rgba(138,92,255,.28));box-shadow:inset 0 0 0 1px rgba(122,160,255,.35)} .nav-search{ margin-left:auto;display:flex;align-items:center;gap:6px; background:var(--bg-card);border:1px solid var(--line); border-radius:999px;padding:5px 6px 5px 14px;flex-shrink:0; } .nav-search input{ background:transparent;border:none;outline:none;color:var(--txt); font-size:13px;width:120px;font-family:inherit; } .nav-search input::placeholder{color:var(--txt-mute)} .nav-search button{ border:none;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:600; color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2)); } /* ============ HERO ============ */ .hero{ max-width:1180px;margin:0 auto;padding:46px 16px 30px; position:relative; } .hero-tag{ display:inline-flex;align-items:center;gap:7px; font-size:12px;color:#9fc0ff;letter-spacing:.6px; border:1px solid rgba(79,140,255,.34); background:rgba(79,140,255,.09); padding:4px 12px;border-radius:999px;margin-bottom:18px; } .hero-tag i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 1.8s infinite} @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}} h1{ font-size:clamp(25px,4.4vw,44px); line-height:1.28;font-weight:800;letter-spacing:-.5px; margin-bottom:14px; } h1 .hl{ background:linear-gradient(100deg,#7fb0ff 6%,#c09cff 52%,#ff8fb4 96%); -webkit-background-clip:text;background-clip:text;color:transparent; } .hero p.lead{ color:var(--txt-dim);font-size:14.5px;max-width:760px;margin-bottom:22px; } .hero p.lead b{color:#cfe0ff;font-weight:600} .hero-stats{ display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px; } .stat{ background:var(--bg-card);border:1px solid var(--line); border-radius:12px;padding:10px 16px;min-width:104px; } .stat strong{display:block;font-size:19px;font-weight:800;letter-spacing:-.4px;color:#dfe8ff} .stat span{font-size:11.5px;color:var(--txt-mute);letter-spacing:.3px} .hero-cta{display:flex;gap:10px;flex-wrap:wrap} .btn-primary,.btn-ghost{ display:inline-flex;align-items:center;gap:7px; border-radius:999px;font-size:14px;font-weight:600; padding:10px 22px;transition:.24s;border:1px solid transparent; } .btn-primary{ color:#fff; background:linear-gradient(135deg,var(--accent),var(--accent-2)); box-shadow:0 8px 24px rgba(79,140,255,.35); } .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(79,140,255,.5)} .btn-ghost{ color:var(--txt-dim);background:var(--bg-card);border-color:var(--line); } .btn-ghost:hover{color:var(--txt);border-color:#39435a;transform:translateY(-2px)} /* ============ 通用 section ============ */ .section{max-width:1180px;margin:0 auto;padding:30px 16px} .sec-head{ display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap; } .sec-head h2{ font-size:19px;font-weight:750;letter-spacing:-.2px; display:flex;align-items:center;gap:9px; } .sec-head h2::before{ content:"";width:4px;height:17px;border-radius:3px; background:linear-gradient(180deg,var(--accent),var(--accent-2)); } .sec-head .more{ margin-left:auto;font-size:12.5px;color:var(--txt-mute);transition:.2s; } .sec-head .more:hover{color:#9fc0ff} /* ============ 热搜榜 ============ */ .hot-board{ display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr)); gap:12px; } .hot-row{ display:flex;align-items:center;gap:12px; background:var(--bg-card);border:1px solid var(--line); border-radius:12px;padding:11px 13px;transition:.22s;position:relative; } .hot-row:hover{background:var(--bg-card-hv);border-color:#36415a;transform:translateX(3px)} .rank-badge{ flex-shrink:0;width:26px;height:26px;border-radius:8px; display:grid;place-items:center;font-size:12.5px;font-weight:800; background:rgba(255,255,255,.06);color:var(--txt-dim); } .hot-row:nth-child(1) .rank-badge{background:linear-gradient(135deg,#ff5c8a,#ff8f4a);color:#fff} .hot-row:nth-child(2) .rank-badge{background:linear-gradient(135deg,#8a5cff,#4f8cff);color:#fff} .hot-row:nth-child(3) .rank-badge{background:linear-gradient(135deg,#37d39b,#4fd1ff);color:#06251b} .hot-row .row-txt{min-width:0;flex:1} .hot-row .row-txt b{display:block;font-size:13.8px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hot-row .row-txt small{font-size:11.5px;color:var(--txt-mute)} .hot-row .heat{font-size:11.5px;color:var(--warm);font-weight:700;flex-shrink:0} /* ============ 卡片网格 ============ */ .card-grid{ display:grid;grid-template-columns:repeat(auto-fill,minmax(206px,1fr)); gap:14px;margin-top:4px; } .hot-card{ background:var(--bg-card);border:1px solid var(--line); border-radius:var(--radius);overflow:hidden;transition:.26s; display:flex;flex-direction:column; } .hot-card:hover{ transform:translateY(-4px); border-color:#3a4663; box-shadow:var(--shadow); } .card-pic{ position:relative;aspect-ratio:3/4;background:linear-gradient(135deg,#171d2b,#1e2537);overflow:hidden; } .card-pic img{ width:100%;height:100%;object-fit:cover; position:absolute;inset:0;transition:.4s;z-index:1; } .hot-card:hover .card-pic img{transform:scale(1.06)} .ph.skeleton{ position:absolute;inset:0; background:linear-gradient(100deg,#161b27 20%,#1f2738 40%,#161b27 60%); background-size:220% 100%; animation:shimmer 1.5s linear infinite; } @keyframes shimmer{0%{background-position:140% 0}100%{background-position:-40% 0}} .update-badge{ position:absolute;left:8px;top:8px;z-index:2; font-size:10.5px;padding:3px 8px;border-radius:999px; background:rgba(6,9,16,.74);color:#bcd0f0;border:1px solid rgba(255,255,255,.09); backdrop-filter:blur(4px); } .card-body{padding:11px 12px 12px;display:flex;flex-direction:column;gap:7px;flex:1} .card-body h3{ font-size:14.5px;font-weight:700;letter-spacing:-.1px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .card-meta{ display:flex;align-items:center;justify-content:space-between;gap:8px; font-size:11.5px;color:var(--txt-mute); } .card-meta .score{color:var(--warm);font-weight:800;font-size:12.5px} .card-meta .score::after{content:"分";font-size:10px;font-weight:500;color:var(--txt-mute);margin-left:1px} .card-foot{ display:flex;gap:7px;margin-top:auto;padding-top:3px; } .card-foot button{ flex:1;font-size:11.8px;padding:6px 0;border-radius:8px; background:rgba(255,255,255,.05);border:1px solid var(--line); color:var(--txt-dim);transition:.2s; } .card-foot button:hover{background:rgba(79,140,255,.16);color:#bcd6ff;border-color:rgba(79,140,255,.42)} /* ============ chip ============ */ .chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px} .chip{ font-size:12.8px;padding:6px 15px;border-radius:999px; background:var(--bg-card);border:1px solid var(--line); color:var(--txt-dim);transition:.2s;white-space:nowrap; } .chip:hover{color:#cfe0ff;border-color:rgba(79,140,255,.45);background:rgba(79,140,255,.1)} .chip.on{ color:#fff;border-color:transparent; background:linear-gradient(135deg,var(--accent),var(--accent-2)); box-shadow:0 5px 16px rgba(79,140,255,.32); } /* ============ 布局分栏 ============ */ .layout-split{display:block} /* ============ 资讯 / 问答 ============ */ .news-list{display:grid;gap:11px} .news-item{ background:var(--bg-card);border:1px solid var(--line); border-radius:12px;padding:14px 16px;transition:.22s; display:flex;gap:14px;align-items:flex-start; } .news-item:hover{background:var(--bg-card-hv);border-color:#36415a} .news-num{ flex-shrink:0;font-size:11.5px;font-weight:800;color:var(--accent); border:1px solid rgba(79,140,255,.34);background:rgba(79,140,255,.08); border-radius:7px;padding:2px 8px;letter-spacing:.5px; } .news-item h4{font-size:14.2px;font-weight:650;margin-bottom:4px} .news-item p{font-size:12.6px;color:var(--txt-dim)} .news-item time{font-size:11px;color:var(--txt-mute);flex-shrink:0;margin-left:auto;white-space:nowrap} /* ============ FAQ ============ */ .faq-wrap{display:grid;gap:10px} details.faq{ background:var(--bg-card);border:1px solid var(--line); border-radius:12px;padding:0;overflow:hidden;transition:.2s; } details.faq[open]{border-color:rgba(79,140,255,.4);background:var(--bg-card-hv)} details.faq summary{ list-style:none;cursor:pointer;padding:14px 16px; font-size:14px;font-weight:650;display:flex;align-items:center;gap:10px; } details.faq summary::-webkit-details-marker{display:none} details.faq summary::before{ content:"Q";flex-shrink:0;width:21px;height:21px;border-radius:6px; display:grid;place-items:center;font-size:11px;font-weight:800; background:rgba(79,140,255,.16);color:#9fc0ff; } details.faq summary::after{ content:"＋";margin-left:auto;color:var(--txt-mute);font-size:14px;transition:.25s; } details.faq[open] summary::after{content:"－";color:var(--accent)} details.faq .faq-a{ padding:0 16px 15px 47px;font-size:13.2px;color:var(--txt-dim); } details.faq .faq-a b{color:#cfe0ff;font-weight:600} /* ============ 留言互动 ============ */ .discuss-grid{display:grid;grid-template-columns:1fr;gap:14px} .msg-form{ background:var(--bg-card);border:1px solid var(--line); border-radius:var(--radius);padding:16px; } .msg-form h4{font-size:14px;font-weight:700;margin-bottom:11px} .msg-form input,.msg-form textarea{ width:100%;background:var(--bg-soft);border:1px solid var(--line); border-radius:10px;padding:10px 12px;color:var(--txt); font-family:inherit;font-size:13px;outline:none;transition:.2s;margin-bottom:9px; } .msg-form textarea{resize:vertical;min-height:82px;line-height:1.6} .msg-form input:focus,.msg-form textarea:focus{border-color:rgba(79,140,255,.55);background:#0e121b} .msg-form input::placeholder,.msg-form textarea::placeholder{color:var(--txt-mute)} .msg-form button{ width:100%;border:none;border-radius:10px;padding:10px; font-size:13.5px;font-weight:650;color:#fff; background:linear-gradient(135deg,var(--accent),var(--accent-2)); transition:.22s; } .msg-form button:hover{filter:brightness(1.12)} .msg-list{display:grid;gap:10px} .msg{ background:var(--bg-card);border:1px solid var(--line); border-radius:12px;padding:12px 14px;transition:.2s; } .msg:hover{border-color:#36415a} .msg-top{display:flex;align-items:center;gap:9px;margin-bottom:5px} .avatar{ width:26px;height:26px;border-radius:50%;flex-shrink:0; display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff; background:linear-gradient(135deg,var(--accent),var(--accent-2)); } .msg-top b{font-size:13px;font-weight:650} .msg-top small{font-size:11px;color:var(--txt-mute);margin-left:auto} .msg p{font-size:13px;color:var(--txt-dim);padding-left:35px} /* ============ 猜你喜欢 ============ */ .guess-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin} .guess-row::-webkit-scrollbar{height:6px} .guess-row::-webkit-scrollbar-thumb{background:#242c3e;border-radius:99px} .guess-card{ flex:0 0 138px;background:var(--bg-card);border:1px solid var(--line); border-radius:12px;overflow:hidden;transition:.22s; } .guess-card:hover{transform:translateY(-3px);border-color:#3a4663} .guess-card .gp{aspect-ratio:3/4;position:relative;background:linear-gradient(135deg,#171d2b,#1e2537)} .guess-card .gp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .guess-card .gt{padding:8px 10px} .guess-card .gt b{font-size:12.6px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .guess-card .gt small{font-size:11px;color:var(--txt-mute)} /* ============ 页脚 ============ */ footer{ max-width:1180px;margin:30px auto 0;padding:22px 16px 0; border-top:1px solid var(--line); } .foot-in{ display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between; font-size:12px;color:var(--txt-mute); } .foot-links{display:flex;gap:14px;flex-wrap:wrap} .foot-links a{transition:.2s} .foot-links a:hover{color:#9fc0ff} .foot-note{margin-top:12px;font-size:11.5px;color:#454d60;line-height:1.7} /* ============ 回到顶部 ============ */ .to-top{ position:fixed;right:16px;bottom:22px;z-index:80; width:42px;height:42px;border-radius:13px;border:1px solid var(--line); background:rgba(21,25,37,.9);backdrop-filter:blur(8px); color:var(--txt-dim);font-size:16px;display:grid;place-items:center; transition:.24s;opacity:0;pointer-events:none; } .to-top.show{opacity:1;pointer-events:auto} .to-top:hover{color:#fff;border-color:rgba(79,140,255,.6);transform:translateY(-3px)} /* ============ 响应式 ============ */ @media(min-width:760px){ .discuss-grid{grid-template-columns:1fr 1.15fr} } @media(max-width:640px){ .nav-search{display:none} .hero{padding-top:30px} .card-grid{grid-template-columns:repeat(2,1fr);gap:10px} .hot-board{grid-template-columns:1fr} .stat{min-width:calc(50% - 5px);flex:1} .btn-primary,.btn-ghost{flex:1;justify-content:center} .news-item{flex-wrap:wrap} .news-item time{margin-left:0;width:100%} .guess-card{flex:0 0 118px} } @media(prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important} html{scroll-behavior:auto} }

韩国漫画歪歪漫画 · 每日榜单同步

在韩国漫画歪歪漫画里，
找到下一部让你熬夜的作品

这是一个以韩国漫画歪歪漫画为核心的聚合品鉴页：热搜榜单、题材分类、完结与连载标注、读者口碑一站聚合。我们把"看什么、为什么看、看完聊什么"整理成可直接浏览的信息流，减少你在海量作品中反复试错的时间成本。

2,840+收录作品

18题材分类

96%可直读比例

每日榜单更新

🔥 查看今日热搜按题材筛选作品