🌀
风车动漫
首页 > 风车动漫网站 > 今日热播推荐

风车动漫网站 · 为你甄选每一部心动作品

从热门新番到冷门佳作，深度解析与独家视角，让好片不再难寻。

风车动漫本周主推作品 🔥 本周热播 TOP1

📈 风车动漫热搜榜

1. 葬送的芙莉莲🔥 2.3w
2. 咒术回战 第二季🔥 1.9w
3. 我在八零年代当后妈🔥 1.5w
4. 星际牛仔🔥 1.2w
5. 间谍过家家🔥 9800

🎬 即将上线 · 预约入口

《迷宫饭》第二季预约
《好想告诉你》新篇预约

🔥 风车动漫网站热门推荐

全部 热血 恋爱 短剧 经典
葬送的芙莉莲海报
葬送的芙莉莲
更新至28集9.5分
咒术回战第二季海报
咒术回战 第二季
全23集9.2分
间谍过家家海报
间谍过家家
全25集9.0分
进击的巨人最终季海报
进击的巨人 最终季
完结篇9.8分
孤独摇滚海报
孤独摇滚！
全12集9.4分

🎭 短剧 & 漫改精选

我在八零年代当后妈短剧海报
我在八零年代当后妈
全80集8.7分
古相思曲海报
古相思曲
全14集9.9分
想见你海报
想见你
全26集9.2分
隐秘的角落海报
隐秘的角落
全12集9.1分

🏆 经典佳片 · 风车动漫网站精选

全部 宫崎骏 今敏 新海诚

风车动漫网站编辑部从影史维度出发，为您筛选出跨越时代的动画经典。每一部都附带专业影评与幕后制作揭秘，帮助您理解导演风格与时代背景。

千与千寻海报
千与千寻
经典9.4分
红辣椒海报
红辣椒
经典9.0分
你的名字海报
你的名字
经典8.9分
东京教父海报
东京教父
经典8.8分

📰 风车动漫资讯 · 行业快报

全部 新番 行业 活动

风车动漫网站每日为您追踪国内外动漫产业动态、新番开播情报与线下活动信息。以下资讯由本站编辑团队整理，附带数据来源与专业点评。

07-15

2024夏季新番开播速报：多部改编作品口碑分化明显

风车动漫网站统计，本季新番共43部，其中小说改编16部、漫画改编21部、原创6部。首周口碑方面，原创动画《夏夜迷途》凭借高完成度的分镜获得9.1分，而两部热门漫画改编作品因节奏问题评分低于7.5。本站将持续跟踪各番剧的评分曲线变化。

#夏季新番#开播速报#评分追踪
07-12

国产动画电影上半年票房同比增长38%，工业化进程加速

据风车动漫网站整理的国家电影局数据，2024年上半年国产动画电影总票房达47.3亿元，同比增长38%。业内人士指出，三维渲染与实时引擎的结合正显著缩短制作周期。本站独家采访了三位动画制片人，他们普遍认为“剧本前置”是控制成本的关键。

#国产动画#票房数据#工业化
07-09

风车动漫网站夏日观影活动开启，经典佳片重映专场报名中

风车动漫网站联合多家线下影院推出“夏日重映专场”，首批片单包括《千与千寻》《你的名字》《红辣椒》等六部经典作品。活动期间，本站将同步上线导演解说音轨与幕后花絮专栏，报名用户可优先参与映后交流环节，名额有限。

#观影活动#重映专场#风车动漫

❓ 常见问答 · 风车动漫网站使用指南

以下为访客在使用风车动漫网站过程中最常提出的问题。若您有其他疑问，欢迎在页面底部的留言区提交，本站编辑将逐一回复。

本站采用“编辑评分 + 用户口碑 + 数据表现”三重筛选体系。每部作品上线前均经过至少两名编辑独立审看，并结合播放完成率、追剧人数等公开数据综合评估。评分低于7.0的作品原则上不进入首页推荐位。
“模拟播放”用于展示作品详情与播放状态提示，目前为演示功能，不会实际加载视频流。“追剧”按钮可将作品加入您的本地收藏列表，刷新页面后保留（基于浏览器本地存储），方便您下次快速找回。
评分数据综合自本站编辑评分与主流平台的公开口碑数据，按加权算法计算后展示。数据每日更新一次，更新时间为北京时间凌晨4点。由于各平台算法不同，本站评分与单一平台评分可能存在小幅差异，仅供参考。
您可以使用顶部导航的分类筛选标签，按年代、类型或导演快速定位作品；也可以使用页面内的搜索框输入关键词。对于不确定看什么的情况，建议从“经典佳片”板块入手，该板块附有详细的幕后解读，便于判断是否符合个人口味。

💬 互动留言区

欢迎在风车动漫网站留言，分享您的观影感受或推荐心仪作品。留言将保存在本地浏览器中，仅用于本页演示。

0 / 300
暂无留言，快来抢占沙发吧～
看起来您提供的代码片段已经是一个完整的HTML文档结尾了（包含了 `` 和 ``）。不过根据您的要求，我需要从"接着最后那个字符继续往下写"的角度来处理。 但仔细检查已写内容的结尾片段：它已经包含了 `` 和 ``，而且前面还有一处 `` 重复。实际上已经写完了整页。 由于无法"继续往下写"到 `` 之后的内容（那就不合法了），我理解您的真实意图可能是：**代码中有残缺——开头处 `
🎬 2025 新番 · 每周同步更新

在风车动漫，
发现属于你的下一部神作

汇聚热门动漫、短剧与经典佳片，专业推荐体系 + 深度影评解析。从导演风格到幕后故事， 风车动漫帮你在海量作品中，精准找到值得一看的那一部。

浏览热门推荐
12,800+
收录动漫作品
560万
月活跃观众
4.9 / 5
用户综合评分

热门推荐

结合用户评分与编辑精选，为你呈现当前最受欢迎的动漫作品。

查看全部 →
⛰️ TOP 1 新番

风之轨迹

冒险 / 奇幻 · 全 24 话

少年与风之精灵的约定之旅，跨越大陆追寻失落的风车之城。

🗡️ TOP 2

剑与黎明

战斗 / 热血 · 全 36 话

王国最后的剑士，在黎明前夜接下守卫人类命运的一战。

🌸 TOP 3 新番

樱色时差

日常 / 治愈 · 全 12 话

慢节奏小镇日常，用一整个春天的樱花讲述少年少女的心事。

🌙 TOP 4

月下回响

悬疑 / 剧情 · 更新至 20 话

月光下回荡的琴声，牵出一座城市尘封多年的秘密与真相。

🍜

星海食堂

美食 / 温情 · 全 16 话

漂浮于星海之间的小食堂，用一碗热汤治愈每一位旅人。

🤖

机甲纪元

科幻 / 机甲 · 全 26 话

在巨型机甲与人类的对峙中，少年的选择决定了下一世代。

🪁 新番

纸鸢与海

青春 / 剧情 · 全 10 话

一只纸鸢、一片海，和两个少年关于未来的约定与告别。

🕯️

午夜侦探社

推理 / 悬疑 · 更新至 18 话

只在午夜营业的侦探社，专接那些无法公开的离奇委托。

分类筛选

按题材快速浏览，找到最符合当下心情的那一部。

深度解析

从导演风格到叙事结构，拆解每一部作品背后的匠心。

本周专题

《星海食堂》：用一碗热汤，缝合整个宇宙的孤独

当太空歌剧遇上深夜食堂，导演用极简的场景语言，讲述了一个关于“归处”的宏大命题。每一集都是一次告别，也是一次重逢。本文将从分镜节奏、色彩心理学与配乐叙事三个维度，带你重新理解这部被低估的温情之作。

📅 2024-06-18 ✍ 风车编辑部 ⏱ 阅读约 8 分钟

机甲纪元：钢铁外壳下的少年成长母题

为什么每一代机甲番都在讲“成为大人”？

深度解析 · 6 分钟

纸鸢与海：青春的底色从来不是明亮

一部真正克制的高级青春叙事。

影评 · 5 分钟

午夜侦探社：冷色调推理的视听密码

光与影如何参与破案。

技术分析 · 7 分钟

资讯问答

追番路上常见疑问，集中为你解答。

我们通过题材标签、更新节奏、用户追番行为与编辑部人工评审四条线索交叉计算，形成“热度 + 品质”双维推荐。热度保证你不漏新番，品质保证你不错过冷门佳作。

“播放”直接进入当前剧集；而“追剧”会把作品加入你的追番清单，更新时优先提醒你，并在个人页面汇总进度。

每周固定更新一次专题长文，另外根据新番节点不定期追加影评与技术分析，平均每周 2 至 3 篇。

在“分类筛选”区域点击任一题材标签，列表会即时过滤出对应作品；再次点击“全部”即可恢复完整片单。

互动留言

说说你最近在追哪部番，或者安利一部心头好。

0 / 300
🎐 追番的阿岚 刚刚

星海食堂真的太好哭了，一碗汤一个故事，强烈推荐配饭看。

🤖 机甲迷小林 5 分钟前

机甲纪元的作画回来了！第 12 话的战斗分镜直接封神。

🪁 海边少年 12 分钟前

纸鸢与海节奏有点慢，但越看后劲越大，结尾我哭了一整包纸巾。

↑
in: 0; padding: 0; box-sizing: border-box; } :root { --bg: #0b0f1a; --bg-soft: #131827; --card: #171d2e; --line: rgba(255, 255, 255, .08); --text: #eef2ff; --muted: #9aa4bf; --accent: #ff6b6b; --accent-2: #ffa94d; --radius: 16px; --shadow: 0 12px 32px rgba(0, 0, 0, .35); } html { scroll-behavior: smooth; } body { margin: 0; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", system-ui, -apple-system, sans-serif; background: radial-gradient(1200px 600px at 15% -10%, rgba(255, 107, 107, .14), transparent 60%), radial-gradient(1000px 520px at 90% 0%, rgba(255, 169, 77, .12), transparent 55%), var(--bg); color: var(--text); line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; } a { color: inherit; } img { max-width: 100%; display: block; } .container { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; } section { padding: 72px 0; } .section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 34px; flex-wrap: wrap; } .section-head h2 { font-size: clamp(22px, 3vw, 30px); margin: 0; letter-spacing: .5px; } .section-head p { margin: 6px 0 0; color: var(--muted); font-size: 14px; } .section-tag { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--accent-2); background: rgba(255, 169, 77, .1); border: 1px solid rgba(255, 169, 77, .25); padding: 5px 12px; border-radius: 999px; white-space: nowrap; } /* ===== 导航栏 ===== */ #nav { position: sticky; top: 0; z-index: 100; background: rgba(11, 15, 26, .82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid transparent; transition: border-color .3s ease, background .3s ease; } #nav.scrolled { border-bottom-color: var(--line); background: rgba(11, 15, 26, .95); } .nav-inner { display: flex; align-items: center; gap: 18px; height: 66px; } .logo { display: flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 800; letter-spacing: .5px; text-decoration: none; white-space: nowrap; } .logo-badge { width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(135deg, var(--accent), var(--accent-2)); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; box-shadow: 0 6px 18px rgba(255, 107, 107, .35); } .logo em { font-style: normal; background: linear-gradient(135deg, var(--accent), var(--accent-2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .nav-links { display: flex; align-items: center; gap: 22px; margin-left: auto; } .nav-links a { text-decoration: none; color: var(--muted); font-size: 14px; transition: color .2s ease; position: relative; padding: 6px 0; } .nav-links a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, var(--accent), var(--accent-2)); transition: width .25s ease; border-radius: 2px; } .nav-links a:hover { color: var(--text); } .nav-links a:hover::after { width: 100%; } .nav-search { display: flex; align-items: center; gap: 8px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 999px; padding: 7px 14px; min-width: 180px; } .nav-search input { border: none; background: transparent; outline: none; color: var(--text); font-size: 13px; width: 100%; } .nav-search input::placeholder { color: var(--muted); } .nav-btn { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #fff; text-decoration: none; font-size: 13px; font-weight: 600; padding: 9px 18px; border-radius: 999px; border: none; cursor: pointer; box-shadow: 0 8px 20px rgba(255, 107, 107, .3); transition: transform .2s ease, box-shadow .2s ease; white-space: nowrap; } .nav-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(255, 107, 107, .42); } .nav-toggle { display: none; background: transparent; border: 1px solid var(--line); border-radius: 10px; color: var(--text); font-size: 18px; width: 40px; height: 40px; cursor: pointer; } /* ===== 移动端菜单 ===== */ .mobile-menu { display: none; flex-direction: column; gap: 4px; background: var(--bg-soft); border-bottom: 1px solid var(--line); padding: 12px 20px 18px; } .mobile-menu.open { display: flex; } .mobile-menu a { text-decoration: none; color: var(--muted); font-size: 14px; padding: 9px 6px; border-radius: 10px; } .mobile-menu a:hover { background: rgba(255, 255, 255, .04); color: var(--text); } /* ===== Hero ===== */ #hero { padding: 76px 0 56px; position: relative; } .hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 44px; align-items: center; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--accent-2); background: rgba(255, 169, 77, .1); border: 1px solid rgba(255, 169, 77, .25); padding: 6px 14px; border-radius: 999px; margin-bottom: 20px; } .hero h1 { font-size: clamp(30px, 5vw, 52px); line-height: 1.18; margin: 0 0 18px; letter-spacing: -.5px; } .hero h1 em { font-style: normal; background: linear-gradient(135deg, var(--accent), var(--accent-2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .hero p.lead { color: var(--muted); font-size: 15px; max-width: 540px; margin: 0 0 30px; } .hero-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 34px; } .btn-primary { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; padding: 13px 26px; border-radius: 999px; box-shadow: 0 12px 28px rgba(255, 107, 107, .35); transition: transform .2s ease, box-shadow .2s ease; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(255, 107, 107, .45); } .btn-ghost { display: inline-flex; align-items: center; gap: 8px; color: var(--text); text-decoration: none; font-size: 14px; font-weight: 600; padding: 12px 24px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255, 255, 255, .03); transition: background .2s ease, border-color .2s ease; } .btn-ghost:hover { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .18); } .hero-stats { display: flex; gap: 34px; flex-wrap: wrap; } .stat b { display: block; font-size: 24px; line-height: 1.2; background: linear-gradient(135deg, var(--accent), var(--accent-2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .stat span { color: var(--muted); font-size: 12px; } .hero-visual { position: relative; } .hero-card { position: relative; border-radius: 22px; overflow: hidden; background: linear-gradient(160deg, #232b44, #121724); border: 1px solid var(--line); box-shadow: var(--shadow); aspect-ratio: 4 / 5; display: flex; flex-direction: column; justify-content: flex-end; padding: 22px; } .hero-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(400px 260px at 70% 18%, rgba(255, 107, 107, .35), transparent 70%), radial-gradient(320px 240px at 20% 82%, rgba(255, 169, 77, .28), transparent 70%); } .hero-card-inner { position: relative; z-index: 2; } .hero-card-tag { display: inline-block; font-size: 12px; color: #ffd8a8; background: rgba(255, 169, 77, .18); border: 1px solid rgba(255, 169, 77, .3); padding: 4px 10px; border-radius: 999px; margin-bottom: 12px; } .hero-card h3 { margin: 0 0 6px; font-size: 20px; } .hero-card p { margin: 0; color: var(--muted); font-size: 13px; } .hero-float { position: absolute; right: -14px; top: 30px; background: rgba(23, 29, 46, .92); border: 1px solid var(--line); border-radius: 14px; padding: 12px 16px; backdrop-filter: blur(10px); box-shadow: var(--shadow); font-size: 12px; color: var(--muted); animation: floaty 4s ease-in-out infinite; } .hero-float b { display: block; color: var(--text); font-size: 15px; margin-bottom: 2px; } @keyframes floaty { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } /* ===== 热门推荐 ===== */ #hot { background: linear-gradient(180deg, transparent, rgba(19, 24, 39, .55)); } .hot-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .anime-card { position: relative; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; cursor: pointer; } .anime-card:hover { transform: translateY(-6px); border-color: rgba(255, 107, 107, .45); box-shadow: 0 18px 40px rgba(0, 0, 0, .45); } .anime-cover { position: relative; aspect-ratio: 3 / 4; display: flex; align-items: center; justify-content: center; font-size: 44px; font-weight: 800; color: rgba(255, 255, 255, .92); letter-spacing: 2px; overflow: hidden; } .cover-1 { background: linear-gradient(150deg, #ff6b6b, #6b4dff); } .cover-2 { background: linear-gradient(150deg, #ffa94d, #ff5f9e); } .cover-3 { background: linear-gradient(150deg, #4dabf7, #6b4dff); } .cover-4 { background: linear-gradient(150deg, #51cf66, #12b886); } .cover-5 { background: linear-gradient(150deg, #f06595, #7048e8); } .cover-6 { background: linear-gradient(150deg, #20c997, #1098ad); } .cover-7 { background: linear-gradient(150deg, #ff922b, #f03e3e); } .cover-8 { background: linear-gradient(150deg, #845ef7, #5c7cfa); } .anime-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, .65)); } .score-badge { position: absolute; top: 10px; right: 10px; z-index: 2; background: rgba(0, 0, 0, .55); backdrop-filter: blur(6px); color: #ffd43b; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 999px; } .ep-badge { position: absolute; left: 10px; bottom: 10px; z-index: 2; background: rgba(255, 107, 107, .9); color: #fff; font-size: 11px; padding: 3px 9px; border-radius: 999px; } .anime-body { padding: 14px 15px 16px; } .anime-body h3 { margin: 0 0 6px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .anime-meta { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; flex-wrap: wrap; } .anime-meta span:not(:last-child)::after { content: "·"; margin-left: 8px; opacity: .5; } /* ===== 分类筛选 ===== */ #category { background: rgba(19, 24, 39, .4); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; } .filter-btn { border: 1px solid var(--line); background: rgba(255, 255, 255, .03); color: var(--muted); font-size: 13px; padding: 8px 18px; border-radius: 999px; cursor: pointer; transition: all .2s ease; font-family: inherit; } .filter-btn:hover { color: var(--text); border-color: rgba(255, 255, 255, .2); } .filter-btn.active { background: linear-gradient(135deg, var(--accent), var(--accent-2)); border-color: transparent; color: #fff; font-weight: 600; box-shadow: 0 8px 20px rgba(255, 107, 107, .28); } .filter-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .filter-item { display: flex; gap: 14px; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; align-items: center; transition: transform .2s ease, border-color .2s ease; cursor: pointer; } .filter-item:hover { transform: translateX(4px); border-color: rgba(255, 169, 77, .4); } .fi-thumb { width: 54px; height: 54px; border-radius: 12px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; font-weight: 800; } .fi-info h4 { margin: 0 0 4px; font-size: 14px; } .fi-info p { margin: 0; font-size: 12px; color: var(--muted); } /* ===== 资讯问答 (Insight) ===== */ .insight-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 28px; } .news-list { display: flex; flex-direction: column; gap: 14px; } .news-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 22px; transition: transform .2s ease, border-color .2s ease; } .news-card:hover { transform: translateY(-3px); border-color: rgba(255, 107, 107, .35); } .news-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 12px; color: var(--muted); } .news-cat { color: var(--accent-2); background: rgba(255, 169, 77, .12); padding: 2px 9px; border-radius: 999px; font-size: 12px; } .news-card h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.45; } .news-card p { margin: 0; color: var(--muted); font-size: 13px; } .qa-box { background: linear-gradient(160deg, #1c2338, #121722); border: 1px solid var(--line); border-radius: 20px; padding: 26px 24px; box-shadow: var(--shadow); height: fit-content; } .qa-box h3 { margin: 0 0 6px; font-size: 18px; } .qa-box > p { margin: 0 0 20px; color: var(--muted); font-size: 13px; } .qa-item { border-bottom: 1px dashed var(--line); padding: 13px 0; cursor: pointer; } .qa-item:last-child { border-bottom: none; } .qa-q { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; } .qa-q i { font-style: normal; color: var(--accent); font-weight: 800; } .qa-a { font-size: 13px; color: var(--muted); margin: 8px 0 0 24px; display: none; } .qa-item.open .qa-a { display: block; animation: msgIn .3s ease; } /* ===== 留言互动 ===== */ .msg-wrap { display: grid; grid-template-columns: .9fr 1.1fr; gap: 32px; align-items: start; } .msg-aside h2 { font-size: clamp(22px, 3vw, 30px); margin: 0 0 12px; } .msg-aside p { color: var(--muted); font-size: 14px; margin: 0 0 22px; } .msg-points { display: flex; flex-direction: column; gap: 14px; } .msg-point { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; color: var(--muted); } .msg-point span.ico { width: 26px; height: 26px; border-radius: 8px; background: rgba(255, 107, 107, .14); color: var(--accent); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 13px; } .msg-form { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 26px 24px; box-shadow: var(--shadow); } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; } .msg-form label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 6px; } .msg-form input, .msg-form textarea { width: 100%; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 12px; padding: 11px 14px; color: var(--text); font-size: 14px; font-family: inherit; outline: none; transition: border-color .2s ease; } .msg-form input:focus, .msg-form textarea:focus { border-color: rgba(255, 107, 107, .6); } .msg-form textarea { resize: vertical; min-height: 96px; } .msg-form .submit-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; flex-wrap: wrap; } .msg-form .submit-row small { color: var(--muted); font-size: 12px; } .submit-btn { background: linear-gradient(135deg, var(--accent), var(--accent-2)); border: none; color: #fff; font-size: 14px; font-weight: 600; padding: 11px 26px; border-radius: 999px; cursor: pointer; font-family: inherit; box-shadow: 0 10px 24px rgba(255, 107, 107, .3); transition: transform .2s ease; } .submit-btn:hover { transform: translateY(-1px); } .msg-list { margin-top: 18px; display: flex; flex-direction: column; gap: 10px; max-height: 320px; overflow-y: auto; padding-right: 4px; } .msg-list::-webkit-scrollbar { width: 6px; } .msg-list::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .12); border-radius: 3px; } .msg-item { background: var(--bg-soft); border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; border-left: 3px solid var(--accent); animation: msgIn .4s ease; } @keyframes msgIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } .mi-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } .mi-avatar { width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, .06); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; } .mi-name { font-weight: 600; font-size: 14px; } .mi-time { margin-left: auto; font-size: 12px; color: var(--muted); } .msg-item p { margin: 0; color: var(--muted); font-size: 14px; } /* ===== 页脚 ===== */ #footer { background: #0a0d18; border-top: 1px solid var(--line); padding: 56px 0 28px; } .foot-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 28px; margin-bottom: 40px; } .fb-logo { font-size: 20px; font-weight: 700; margin-bottom: 12px; } .foot-brand p { color: var(--muted); font-size: 13px; max-width: 320px; } .foot-col h4 { font-size: 15px; margin: 0 0 14px; } .foot-col a { display: block; color: var(--muted); text-decoration: none; font-size: 13px; margin-bottom: 9px; transition: color .2s ease; } .foot-col a:hover { color: var(--accent); } .foot-bottom { border-top: 1px solid var(--line); padding-top: 22px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 12px; color: var(--muted); } /* ===== 返回顶部 ===== */ .back-top { position: fixed; right: 24px; bottom: 28px; width: 46px; height: 46px; border-radius: 50%; background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; opacity: 0; pointer-events: none; transform: translateY(12px); transition: all .3s ease; z-index: 99; box-shadow: 0 8px 24px rgba(255, 107, 107, .35); } .back-top.show { opacity: 1; pointer-events: auto; transform: translateY(0); } /* ===== 响应式 ===== */ @media (max-width: 900px) { .insight-grid, .msg-wrap { grid-template-columns: 1fr; } .foot-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 560px) { section { padding: 44px 0; } .foot-grid { grid-template-columns: 1fr; } .back-top { right: 16px; bottom: 18px; } }
✨ 新番同步更新 · 每日精选推荐

在风车动漫，找到
属于你的下一个心头好

风车动漫网站汇聚最新热门动漫、短剧与影视作品，提供独家影评、幕后故事与导演风格分析。通过专业推荐体系，助你精准发现经典佳片。

开始追番 → 查看深度解析
3200+ 收录动漫
86万 注册用户
4.9 用户评分
本周编辑推荐

风车物语 · 夏日篇

青春 × 奇幻 × 成长，一部关于风与约定的治愈之作。

9.6 分 本周口碑最高

🔥 热门推荐

编辑团队与社区用户共同选出的高分佳作

实时热度榜
9.6 更新至 12 话 风车

风车物语 · 夏日篇

奇幻 治愈 2024
9.4 全 24 话 星海

星

9.3 更新至 08 话 剑域

剑域长歌

热血 战斗 2024
9.1 全 12 话 樱都

樱都幻想

校园 恋爱 2023

🎯 分类筛选

按题材、年份与热度快速定位你的想看列表

风车

风车物语 · 夏日篇

奇幻 / 治愈
星海

星海彼岸

科幻 / 冒险
剑域

剑域长歌

热血 / 战斗
樱都

樱都幻想

校园 / 恋爱
微风

微风食堂

治愈 / 日常
龙语

龙语秘境

奇幻 / 冒险

📰 资讯问答

深度解析、幕后故事与社区常见问题一站式了解

深度影评

为什么《风车物语》能成为年度治愈神作？

从叙事节奏到色彩语言的运用，风车动漫编辑团队带你拆解这部作品的情感内核与导演风格。

阅读全文 →
幕后故事

《星海彼岸》制作组访谈：如何构建一个浪漫宇宙

与核心主创面对面，聊一聊世界观设定、配乐创作与科幻题材的取舍哲学。

阅读全文 →
常见问答

风车动漫网站如何保证推荐的准确性？

我们结合人工编辑精选与社区评分算法，双轨制推荐体系让高分佳作不被埋没。

参与讨论 →

💬 互动留言

留下你的推荐与感想，与同好一起交流

风
风车小迷弟

《风车物语》夏日篇真的太治愈了，每一帧都能当壁纸！

星
星海漫游者

希望在分类筛选里增加更多科幻子分类，方便找片。