📖 看漫画
热门漫画 分类 榜单 资讯 常见问题 留言
首页 > 看漫画 > 热门推荐
间谍过家家

间谍过家家

一场各怀秘密的临时家庭喜剧,把间谍任务、杀手身份和超能力小孩塞进同一个屋檐下。它不靠大场面唬人,胜在节奏轻快、表情细节抓人。像《间谍过家家》这类作品,用日常烟火气消解紧张感。若你想在手机上找一部能随时点开、笑着看完又有点温情的动画,这种手机电影在线的观看方式刚好合适。

看《间谍过家家》,最舒服的是它把“伪装”拍得轻巧。镜头常从阿尼亚的视线出发,用矮机位和夸张特写放大表情变化,观众跟着她偷听、脑补、慌张,反而比正经谍战更揪心。剪辑节奏偏明快,打斗段落很少拖长,更多切到餐桌、校门口、客厅这些日常场景,靠角色之间的误解和掩护制造笑点。氛围上,紧张感始终被家庭轻喜剧包裹着,偶尔冒出的温情并不煽情,更像顺手递来的一杯热茶。这种作品适合想在碎片时间放松、又不愿看纯闹剧的人——通过手机电影在线的方式点开,通勤或睡前看几段刚刚好,不会因为错过细节就接不上,也算对“手机电影在线”这类观看习惯的一次验证。

相关推荐 同题材作品

查看本周热门漫画 大家都在看全部 →
电锯人漫画封面
电锯人
热血暗黑
怪兽8号漫画封面
怪兽8号
科幻战斗
葬送的芙莉莲漫画封面
葬送的芙莉莲
奇幻治愈

🏆 人气榜单

  • 1 海贼王
  • 2 咒术回战
  • 3 电锯人
  • 4 间谍过家家
  • 5 怪兽8号
  • 6 葬送的芙莉莲

🔥 根据本站用户一周内阅读量统计

热门漫画 分类筛选 人气榜单 行业资讯 常见问题 读者留言

© 2025 看漫画 · 漫迷聚集地 | 本站所有漫画信息仅供参考

作品标题

作品介绍加载中…
``` box-sizing: border-box; } :root { --primary: #ff6b6b; --primary-dark: #ee5a5a; --secondary: #4ecdc4; --dark: #2d3436; --light: #f7f9fc; --gray: #636e72; --border: #e8edf2; --shadow: 0 4px 20px rgba(45, 52, 54, 0.08); --shadow-hover: 0 12px 32px rgba(45, 52, 54, 0.16); --radius: 16px; --radius-sm: 10px; --transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } html { scroll-behavior: smooth; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background: var(--light); color: var(--dark); line-height: 1.7; overflow-x: hidden; } /* ========== 顶部导航 ========== */ .navbar { position: sticky; top: 0; z-index: 1000; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--border); transition: var(--transition); } .nav-container { max-width: 1240px; margin: 0 auto; padding: 0 20px; height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .logo { display: flex; align-items: center; gap: 10px; font-size: 1.4rem; font-weight: 800; color: var(--dark); text-decoration: none; letter-spacing: -0.5px; flex-shrink: 0; } .logo-icon { width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(135deg, var(--primary), #ff9a6b); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.1rem; box-shadow: 0 4px 12px rgba(255, 107, 107, 0.35); transition: var(--transition); } .logo:hover .logo-icon { transform: rotate(-8deg) scale(1.06); } .logo-text span { color: var(--primary); } .nav-links { display: flex; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; } .nav-links a { text-decoration: none; color: var(--gray); font-size: 0.94rem; font-weight: 500; padding: 8px 14px; border-radius: var(--radius-sm); transition: var(--transition); white-space: nowrap; } .nav-links a:hover, .nav-links a.active { color: var(--primary); background: rgba(255, 107, 107, 0.08); } .nav-search { position: relative; flex-shrink: 0; } .nav-search input { width: 200px; padding: 9px 40px 9px 16px; border: 1px solid var(--border); border-radius: 999px; background: #fff; font-size: 0.88rem; color: var(--dark); outline: none; transition: var(--transition); } .nav-search input:focus { border-color: var(--primary); width: 240px; box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.12); } .nav-search .search-icon { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--gray); font-size: 0.95rem; pointer-events: none; } .menu-toggle { display: none; background: none; border: none; font-size: 1.5rem; color: var(--dark); cursor: pointer; padding: 6px; border-radius: 8px; transition: var(--transition); } .menu-toggle:hover { background: rgba(255, 107, 107, 0.08); } /* ========== 英雄区 / 轮播 ========== */ .hero { max-width: 1240px; margin: 28px auto 0; padding: 0 20px; } .carousel { position: relative; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); background: #fff; } .carousel-track { display: flex; transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; } .slide-item { min-width: 100%; position: relative; height: 400px; display: flex; align-items: center; overflow: hidden; cursor: pointer; } .slide-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.6s ease; } .slide-item:hover .slide-bg { transform: scale(1.04); } .slide-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20, 24, 32, 0.85) 0%, rgba(20, 24, 32, 0.5) 55%, rgba(20, 24, 32, 0.15) 100%); } .slide-content { position: relative; z-index: 2; padding: 0 56px; max-width: 560px; color: #fff; } .slide-badge { display: inline-block; background: var(--primary); color: #fff; font-size: 0.78rem; font-weight: 700; padding: 5px 14px; border-radius: 999px; margin-bottom: 16px; letter-spacing: 0.5px; box-shadow: 0 4px 14px rgba(255, 107, 107, 0.4); } .slide-title { font-size: 2.3rem; font-weight: 800; line-height: 1.25; margin-bottom: 14px; letter-spacing: -0.5px; text-shadow: 0 2px 16px rgba(0, 0, 0, 0.3); } .slide-desc { font-size: 1rem; color: rgba(255, 255, 255, 0.85); margin-bottom: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .slide-cta { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: var(--dark); font-weight: 700; font-size: 0.92rem; padding: 12px 26px; border-radius: 999px; text-decoration: none; transition: var(--transition); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); } .slide-cta:hover { background: var(--primary); color: #fff; transform: translateY(-2px); box-shadow: 0 10px 26px rgba(255, 107, 107, 0.45); } .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 44px; height: 44px; border-radius: 50%; border: none; background: rgba(255, 255, 255, 0.85); color: var(--dark); font-size: 1.2rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: var(--transition); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); } .carousel-btn:hover { background: #fff; transform: translateY(-50%) scale(1.08); } .carousel-btn.prev { left: 18px; } .carousel-btn.next { right: 18px; } .carousel-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 9px; z-index: 10; } .dot { width: 9px; height: 9px; border-radius: 50%; background: rgba(255, 255, 255, 0.45); border: none; cursor: pointer; padding: 0; transition: var(--transition); } .dot.active { background: #fff; width: 26px; border-radius: 999px; } /* ========== 通用区块 ========== */ .section { max-width: 1240px; margin: 64px auto 0; padding: 0 20px; } .section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; flex-wrap: wrap; } .section-title { font-size: 1.75rem; font-weight: 800; letter-spacing: -0.5px; position: relative; padding-left: 16px; } .section-title::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 26px; border-radius: 999px; background: linear-gradient(180deg, var(--primary), #ff9a6b); } .section-sub { color: var(--gray); font-size: 0.94rem; margin-top: 4px; padding-left: 16px; } /* ========== 分类筛选 ========== */ .filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; } .filter-btn { padding: 9px 20px; border-radius: 999px; border: 1px solid var(--border); background: #fff; color: var(--gray); font-size: 0.9rem; font-weight: 600; cursor: pointer; transition: var(--transition); white-space: nowrap; } .filter-btn:hover { border-color: var(--primary); color: var(--primary); transform: translateY(-2px); } .filter-btn.active { background: linear-gradient(135deg, var(--primary), #ff9a6b); border-color: transparent; color: #fff; box-shadow: 0 6px 18px rgba(255, 107, 107, 0.35); } /* ========== 漫画卡片网格 ========== */ .manga-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 24px; } .manga-card { background: #fff; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); cursor: pointer; transition: var(--transition); display: flex; flex-direction: column; border: 1px solid transparent; animation: fadeUp 0.5s ease both; } @keyframes fadeUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } .manga-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-hover); border-color: rgba(255, 107, 107, 0.25); } .card-cover { position: relative; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; background: linear-gradient(135deg, #f0f4f8, #e2e8f0); } .card-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; display: block; } .manga-card:hover .card-cover img { transform: scale(1.07); } .card-cover .cover-placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 2.6rem; color: #b8c4d0; background: linear-gradient(135deg, #f0f4f8, #e2e8f0); } .card-tag { position: absolute; top: 12px; left: 12px; z-index: 2; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(6px); color: var(--primary); font-size: 0.74rem; font-weight: 700; padding: 4px 11px; border-radius: 999px; letter-spacing: 0.4px; } .card-score { position: absolute; bottom: 12px; right: 12px; z-index: 2; background: rgba(20, 24, 32, 0.78); backdrop-filter: blur(6px); color: #fff; font-size: 0.8rem; font-weight: 700; padding: 4px 10px; border-radius: 8px; display: flex; align-items: center; gap: 4px; } .card-score .star { color: #ffd93d; } .card-body { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; } .card-title { font-size: 1.05rem; font-weight: 700; color: var(--dark); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; letter-spacing: -0.2px; } .card-desc { font-size: 0.85rem; color: var(--gray); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex: 1; } .card-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 6px; padding-top: 12px; border-top: 1px dashed var(--border); } .card-type { font-size: 0.76rem; font-weight: 600; color: var(--secondary); background: rgba(78, 205, 196, 0.12); padding: 3px 10px; border-radius: 999px; white-space: nowrap; } .card-btn { background: none; border: none; color: var(--primary); font-size: 0.84rem; font-weight: 700; cursor: pointer; padding: 0; display: flex; align-items: center; gap: 4px; transition: var(--transition); white-space: nowrap; } .card-btn:hover { gap: 8px; color: var(--primary-dark); } .no-result { grid-column: 1 / -1; text-align: center; padding: 60px 20px; color: var(--gray); font-size: 1rem; } .no-result .emoji { font-size: 2.6rem; display: block; margin-bottom: 12px; } /* ========== 排行榜 ========== */ .ranking-wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; } .rank-col { background: #fff; border-radius: var(--radius); padding: 22px 22px 10px; box-shadow: var(--shadow); } .rank-col h3 { font-size: 1.12rem; font-weight: 800; margin-bottom: 16px; display: flex; align-items: center; gap: 9px; } .rank-col h3 .rank-icon { width: 30px; height: 30px; border-radius: 9px; background: linear-gradient(135deg, var(--primary), #ff9a6b); display: flex; align-items: center; justify-content: center; font-size: 0.85rem; color: #fff; } .rank-list { list-style: none; margin: 0; padding: 0; } .rank-item { display: flex; align-items: center; gap: 14px; padding: 11px 8px; border-radius: var(--radius-sm); cursor: pointer; transition: var(--transition); } .rank-item:hover { background: rgba(255, 107, 107, 0.06); transform: translateX(4px); } .rank-num { width: 26px; height: 26px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: 800; color: var(--gray); background: var(--light); flex-shrink: 0; } .rank-item:nth-child(1) .rank-num { background: linear-gradient(135deg, #ffd93d, #ffb800); color: #fff; } .rank-item:nth-child(2) .rank-num { background: linear-gradient(135deg, #c9d6df, #a8b8c8); color: #fff; } .rank-item:nth-child(3) .rank-num { background: linear-gradient(135deg, #ffb07c, #ff8c5a); color: #fff; } .rank-title { flex: 1; font-size: 0.92rem; font-weight: 600; color: var(--dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rank-hot { font-size: 0.76rem; font-weight: 700; color: var(--primary); flex-shrink: 0; } /* ========== 留言互动 ========== */ .comment-section { background: #fff; border-radius: var(--radius); padding: 32px; box-shadow: var(--shadow); } .comment-section h2 { font-size: 1.4rem; font-weight: 800; margin-bottom: 8px; letter-spacing: -0.4px; } .comment-section .hint { color: var(--gray); font-size: 0.9rem; margin-bottom: 24px; } .comment-form { display: flex; flex-direction: column; gap: 14px; margin-bottom: 30px; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .comment-form input, .comment-form textarea { width: 100%; padding: 13px 16px; border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: 0.92rem; font-family: inherit; color: var(--dark); background: var(--light); outline: none; transition: var(--transition); resize: vertical; } .comment-form input:focus, .comment-form textarea:focus { border-color: var(--primary); background: #fff; box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.1); } .comment-form textarea { min-height: 110px; line-height: 1.6; } .btn-submit { align-self: flex-start; padding: 12px 34px; border: none; border-radius: 999px; background: linear-gradient(135deg, var(--primary), #ff9a6b); color: #fff; font-size: 0.95rem; font-weight: 700; cursor: pointer; transition: var(--transition); box-shadow: 0 6px 18px rgba(255, 107, 107, 0.3); } .btn-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(255, 107, 107, 0.42); } .btn-submit:active { transform: translateY(0); } .comment-list { display: flex; flex-direction: column; gap: 16px; } .comment-item { display: flex; gap: 14px; padding: 16px; border-radius: var(--radius-sm); background: var(--light); animation: fadeUp 0.4s ease both; } .comment-avatar { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, var(--secondary), #6be0d6); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 1rem; flex-shrink: 0; } .comment-main { flex: 1; min-width: 0; } .comment-head { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; flex-wrap: wrap; } .comment-name { font-weight: 700; font-size: 0.9rem; color: var(--dark); } .comment-time { font-size: 0.76rem; color: #a0aab5; } .comment-text { font-size: 0.9rem; color: #4a555e; line-height: 1.65; word-break: break-word; } .empty-comment { text-align: center; color: var(--gray); font-size: 0.9rem; padding: 20px 0; } /* ========== FAQ ========== */ .faq-section { max-width: 900px; margin: 0 auto; } .faq-item { background: #fff; border-radius: var(--radius-sm); box-shadow: var(--shadow); margin-bottom: 12px; overflow: hidden; border: 1px solid transparent; transition: var(--transition); } .faq-item:hover { border-color: rgba(255, 107, 107, 0.2); } .faq-question { width: 100%; text-align: left; background: none; border: none; padding: 18px 22px; font-size: 0.98rem; font-weight: 700; color: var(--dark); cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 14px; font-family: inherit; transition: var(--transition); } .faq-question:hover { color: var(--primary); } .faq-question .faq-icon { flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: rgba(255, 107, 107, 0.1); color: var(--primary); display: flex; align-items: center; justify-content: center; font-size: 0.85rem; transition: var(--transition); } .faq-item.open .faq-icon { transform: rotate(45deg); background: var(--primary); color: #fff; } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; padding: 0 22px; color: var(--gray); font-size: 0.9rem; line-height: 1.75; } .faq-item.open .faq-answer { max-height: 300px; padding: 0 22px 20px; } /* ========== 页脚 ========== */ footer { margin-top: 72px; background: #1e252b; color: #a8b4bf; padding: 48px 20px 28px; } .footer-container { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; } .footer-brand .logo { color: #fff; margin-bottom: 14px; } .footer-brand p { font-size: 0.88rem; line-height: 1.75; color: #8b98a4; max-width: 300px; } .footer-col h4 { color: #fff; font-size: 0.96rem; font-weight: 700; margin-bottom: 16px; } .footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } .footer-col a { color: #8b98a4; text-decoration: none; font-size: 0.86rem; transition: var(--transition); } .footer-col a:hover { color: var(--primary); padding-left: 4px; } .footer-bottom { max-width: 1240px; margin: 36px auto 0; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.08); text-align: center; font-size: 0.82rem; color: #6b7883; } /* ========== 模态框 ========== */ .modal { position: fixed; inset: 0; z-index: 2000; background: rgba(20, 24, 32, 0.72); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .modal.active { opacity: 1; visibility: visible; } .modal-box { background: #fff; border-radius: var(--radius); max-width: 520px; width: 100%; max-height: 88vh; overflow-y: auto; position: relative; transform: translateY(20px) scale(0.97); transition: transform 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3); } .modal.active .modal-box { transform: translateY(0) scale(1); } .modal-close { position: absolute; top: 14px; right: 14px; z-index: 5; width: 34px; height: 34px; border-radius: 50%; border: none; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(4px); color: var(--dark); font-size: 1.1rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: var(--transition); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); } .modal-close:hover { background: var(--primary); color: #fff; transform: rotate(90deg); } .modal-cover { width: 100%; height: 220px; background: linear-gradient(135deg, #f0f4f8, #e2e8f0); overflow: hidden; display: flex; align-items: center; justify-content: center; } .modal-cover img { width: 100%; height: 100%; object-fit: cover; display: block; } .modal-body { padding: 24px 26px 28px; } .modal-body h3 { font-size: 1.35rem; font-weight: 800; letter-spacing: -0.4px; margin-bottom: 12px; color: var(--dark); } .modal-body p { font-size: 0.92rem; color: var(--gray); line-height: 1.8; } /* ========== 响应式 ========== */ @media (max-width: 1024px) { .footer-container { grid-template-columns: 1fr 1fr; } .slide-content { padding: 0 40px; } .slide-title { font-size: 1.9rem; } } @media (max-width: 860px) { .nav-links { position: fixed; top: 68px; left: 0; right: 0; background: #fff; flex-direction: column; align-items: stretch; padding: 14px 20px 22px; gap: 4px; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1); transform: translateY(-12px); opacity: 0; visibility: hidden; transition: var(--transition); } .nav-links.open { transform: translateY(0); opacity: 1; visibility: visible; } .nav-links a { padding: 12px 16px; font-size: 0.98rem; } .menu-toggle { display: flex; align-items: center; justify-content: center; } .nav-search { order: 3; } .nav-search input { width: 140px; } .nav-search input:focus { width: 170px; } .slide-item { height: 340px; } .slide-title { font-size: 1.6rem; } .slide-desc { font-size: 0.92rem; } .carousel-btn { width: 38px; height: 38px; font-size: 1rem; } } @media (max-width: 640px) { .nav-container { height: 60px; padding: 0 14px; gap: 12px; } .nav-links { top: 60px; } .logo { font-size: 1.18rem; } .logo-icon { width: 33px; height: 33px; font-size: 0.95rem; } .nav-search input { width: 110px; font-size: 0.82rem; padding: 8px 34px 8px 14px; } .nav-search input:focus { width: 140px; } .hero { margin-top: 16px; padding: 0 14px; } .slide-item { height: 310px; } .slide-content { padding: 0 24px; max-width: 100%; } .slide-title { font-size: 1.35rem; margin-bottom: 10px; } .slide-desc { font-size: 0.85rem; -webkit-line-clamp: 3; margin-bottom: 18px; } .slide-cta { padding: 10px 20px; font-size: 0.85rem; } .carousel-btn { display: none; } .carousel-dots { bottom: 14px; } .section { margin-top: 44px; padding: 0 14px; } .section-title { font-size: 1.4rem; } .manga-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } .card-body { padding: 12px 12px 16px; gap: 6px; } .card-title { font-size: 0.92rem; } .card-desc { font-size: 0.78rem; -webkit-line-clamp: 2; } .card-tag { font-size: 0.68rem; padding: 3px 9px; top: 8px; left: 8px; } .card-score { font-size: 0.72rem; padding: 3pxpx 9px; top: 8px; right: 8px; } .card-meta { font-size: 0.72rem; } .filter-bar { gap: 8px; } .filter-btn { padding: 7px 15px; font-size: 0.82rem; } .faq-item summary { font-size: 0.92rem; padding: 14px 16px; } .faq-answer { padding: 0 16px 16px; font-size: 0.85rem; } .comment-form input, .comment-form textarea { font-size: 0.9rem; padding: 11px 14px; } .submit-btn { padding: 12px 22px; font-size: 0.9rem; } .footer-container { grid-template-columns: 1fr; gap: 26px; } .footer-title { font-size: 1rem; } .footer-desc, .footer-links a { font-size: 0.85rem; } .back-top { width: 42px; height: 42px; font-size: 1.1rem; right: 16px; bottom: 16px; } .modal-content { padding: 24px 20px; } .modal-content h3 { font-size: 1.15rem; } } @media (max-width: 380px) { .manga-grid { grid-template-columns: 1fr; } .slide-title { font-size: 1.2rem; } } /* ========== 滚动动画 ========== */ .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; } .reveal.visible { opacity: 1; transform: translateY(0); } .reveal:nth-child(2) { transition-delay: 0.06s; } .reveal:nth-child(3) { transition-delay: 0.12s; } .reveal:nth-child(4) { transition-delay: 0.18s; } .reveal:nth-child(5) { transition-delay: 0.24s; } .reveal:nth-child(6) { transition-delay: 0.3s; } /* ========== 提示消息 ========== */ .toast { position: fixed; top: 84px; left: 50%; transform: translateX(-50%) translateY(-20px); background: #1f2430; color: #fff; padding: 12px 24px; border-radius: 10px; font-size: 0.9rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22); opacity: 0; visibility: hidden; transition: var(--transition); z-index: 200; max-width: 90%; text-align: center; } .toast.show { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
漫 看漫画
首页 热门推荐 常见问题 留言互动 关于我们
🔍
看漫画

一个专注于漫画推荐与深度解析的小站。我们相信,每一部好漫画都值得被认真翻开,每一格画面里都藏着另一个世界。

快速导航
首页 热门推荐 常见问题 留言互动
友情链接
正版漫画平台 漫画作者访谈 漫画分镜教程
联系我们

邮箱:hello@
欢迎投稿与内容合作,我们会认真读完每一封来信。

© 2024 看漫画 · 用漫画治愈每一天 内容仅供学习交流,请支持正版漫画

阅读提示

📖 看漫画
热门推荐 分类浏览 深度解析 常见问题 读者留言