东野圭吾书籍推荐

10 次浏览

> · 当前位置 : 首页 >> 默认分类 >> 《东野圭吾书籍推荐》的正文

东野圭吾 · 书目推荐

HIGASHINO KEIGO · 1958 — 2026

东野圭吾

"逻辑的尽头不是理性与秩序的理想国，而是用生命奉献的爱情。"

日本推理小说三巨匠之一
直木奖得主
20部精选作品

SCROLL

"我的天空里没有太阳，总是黑夜，但并不暗，因为有东西代替了太阳。虽然没有太阳那么明亮，但对我来说已经足够。凭借着这份光，我便能把黑夜当成白天。"

2026.07.23 — 谨以此页致敬东野圭吾先生

精选书目

110K+

总评价数

926

最高评分

神作级

FOUR MASTERPIECES

四大杰作

东野圭吾最具代表性的四部作品，被誉为其创作生涯的巅峰之作

COMPLETE LIST

全部推荐

按微信读书评分排序，涵盖悬疑推理、治愈温情、家庭故事等多种类型

READER REVIEWS

读者心声

来自微信读书社区的高赞点评

burningash.cn

Burningash

版权申明

www.burningash.cn
若无注明，本文皆burningash原创
转载请保留文章出处

最后修改：2026 年 07 月 29 日

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

名称 *

🎲

邮箱 *

地址

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

东野圭吾书籍推荐

burningash • 2026 年 07 月 29 日

<p><!DOCTYPE html></p><html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>东野圭吾 · 书目推荐</title>
<style>
  *{margin:0;padding:0;box-sizing:border-box}
  :root{
    --black:#0a0a0a;--white:#ffffff;--gray-1:#f0f0f0;--gray-2:#bbb;--gray-3:#888;
    --gray-4:#555;--gray-5:#333;--serif:'Georgia','Noto Serif SC','Source Han Serif SC','Songti SC',serif;
    --sans:'Helvetica Neue','PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif;
    --mono:'SF Mono','Fira Code','Consolas',monospace;
  }
  html{scroll-behavior:smooth}
  body{background:var(--white);color:var(--black);font-family:var(--sans);line-height:1.8;overflow-x:hidden}
  a{color:inherit;text-decoration:none}

/* === HERO === */
  .hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;
    background:var(--white);color:var(--black);overflow:hidden}
  .hero::before{content:'';position:absolute;inset:0;
    background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.03) 0%,transparent 50%),
      radial-gradient(circle at 80% 70%,rgba(0,0,0,.02) 0%,transparent 50%);
    pointer-events:none}
  .hero-content{text-align:center;z-index:2;padding:2rem;animation:fadeUp 1.2s ease}
  .hero-tag{font-family:var(--mono);font-size:.9rem;letter-spacing:.4em;text-transform:uppercase;
    color:var(--gray-3);margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s .2s ease forwards}
  .hero-name{font-family:var(--serif);font-size:clamp(4rem,14vw,9.5rem);font-weight:700;
    letter-spacing:-.02em;line-height:1;margin-bottom:1rem}
  .hero-sub{font-family:var(--serif);font-size:clamp(1.2rem,3.5vw,1.7rem);font-style:italic;
    color:var(--gray-4);margin-bottom:2rem;opacity:0;animation:fadeUp .8s .4s ease forwards}
  .hero-meta{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;
    font-size:1rem;color:var(--gray-3);opacity:0;animation:fadeUp .8s .6s ease forwards}
  .hero-meta span{display:flex;align-items:center;gap:.4rem}
  .hero-meta span::before{content:'';width:4px;height:4px;background:var(--gray-2);border-radius:50%}
  .hero-meta span:first-child::before{display:none}
  .hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);
    font-size:.85rem;color:var(--gray-3);letter-spacing:.2em;animation:bounce 2s infinite}
  .hero-scroll::after{content:'\2193';display:block;margin-top:.5rem;font-size:1.4rem}

/* === MEMORIAL === */
  .memorial{text-align:center;padding:3.5rem 2rem;background:var(--white);color:var(--black);
    border-top:1px solid var(--gray-1);border-bottom:1px solid var(--gray-1)}
  .memorial-text{font-family:var(--serif);font-size:clamp(1.1rem,2.5vw,1.4rem);font-style:italic;
    color:var(--gray-4);max-width:650px;margin:0 auto;line-height:2}
  .memorial-date{font-family:var(--mono);font-size:.85rem;letter-spacing:.3em;color:var(--gray-3);margin-top:1rem}

/* === SECTION === */
  .section{padding:5rem 2rem;max-width:1200px;margin:0 auto}
  .section-label{font-family:var(--mono);font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;
    color:var(--gray-3);margin-bottom:.5rem}
  .section-title{font-family:var(--serif);font-size:clamp(2.5rem,6vw,3.8rem);font-weight:700;
    margin-bottom:.5rem;letter-spacing:-.01em}
  .section-desc{font-size:1.1rem;color:var(--gray-3);margin-bottom:3rem;max-width:550px}

/* === MASTERPIECES === */
  .masterpieces{background:var(--white);color:var(--black);border-top:1px solid var(--gray-1);border-bottom:1px solid var(--gray-1)}
  .masterpieces .section{max-width:1200px}
  .mp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
  .mp-card{position:relative;background:var(--white);border:1px solid var(--gray-1);overflow:hidden;
    transition:transform .4s ease,box-shadow .4s ease;cursor:pointer}
  .mp-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.1)}
  .mp-cover{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(100%) contrast(1.1);
    transition:filter .5s ease,transform .5s ease}
  .mp-card:hover .mp-cover{filter:grayscale(0%) contrast(1);transform:scale(1.05)}
  .mp-badge{position:absolute;top:1rem;left:1rem;background:var(--black);color:var(--white);
    font-size:.8rem;font-weight:700;padding:.3rem .7rem;letter-spacing:.1em;text-transform:uppercase}
  .mp-badge.god{background:var(--black);color:var(--white)}
  .mp-badge.hot{background:var(--gray-4);color:var(--white)}
  .mp-info{padding:1.2rem 1.2rem 1.5rem}
  .mp-title{font-family:var(--serif);font-size:1.6rem;font-weight:700;margin-bottom:.3rem}
  .mp-author{font-size:.9rem;color:var(--gray-3);margin-bottom:.8rem}
  .mp-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}
  .mp-stars{font-size:1rem;letter-spacing:.1em}
  .mp-score{font-family:var(--mono);font-size:1.05rem;font-weight:700;color:var(--black)}
  .mp-count{font-size:.85rem;color:var(--gray-3)}
  .mp-intro{font-size:1rem;color:var(--gray-4);line-height:1.7;display:-webkit-box;
    -webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .mp-link{display:inline-block;margin-top:.8rem;font-size:.9rem;color:var(--black);
    border-bottom:1px solid var(--black);padding-bottom:1px;transition:opacity .3s}
  .mp-link:hover{opacity:.6}

/* === ALL BOOKS === */
  .book-list{display:flex;flex-direction:column}
  .book-row{display:grid;grid-template-columns:80px 1fr auto;gap:1.5rem;align-items:start;
    padding:1.8rem 0;border-bottom:1px solid var(--gray-1);transition:background .3s}
  .book-row:hover{background:var(--gray-1)}
  .book-row:last-child{border-bottom:none}
  .book-num{font-family:var(--mono);font-size:1.8rem;font-weight:300;color:var(--gray-2);
    line-height:1;padding-top:.3rem}
  .book-cover-sm{width:60px;aspect-ratio:3/4;object-fit:cover;filter:grayscale(100%);
    transition:filter .4s;grid-column:2}
  .book-row:hover .book-cover-sm{filter:grayscale(0%)}
  .book-content{grid-column:2}
  .book-title-row{font-family:var(--serif);font-size:1.4rem;font-weight:700;margin-bottom:.2rem}
  .book-meta-row{font-size:.9rem;color:var(--gray-3);margin-bottom:.5rem}
  .book-intro-row{font-size:1rem;color:var(--gray-4);line-height:1.7;display:-webkit-box;
    -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .book-right{grid-column:3;text-align:right;min-width:120px}
  .book-score-big{font-family:var(--mono);font-size:2rem;font-weight:700;line-height:1}
  .book-score-label{font-size:.8rem;color:var(--gray-3);margin-top:.2rem}
  .book-bar{width:60px;height:3px;background:var(--gray-1);margin:.6rem 0 0 auto;position:relative}
  .book-bar-fill{height:100%;background:var(--black);transition:width .8s ease}

/* === REVIEWS === */
  .reviews{background:var(--white);color:var(--black);border-top:1px solid var(--gray-1);border-bottom:1px solid var(--gray-1)}
  .reviews .section{max-width:1200px}
  .review-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:1px solid var(--gray-1)}
  .review-tab{padding:.8rem 1.5rem;font-size:1.05rem;color:var(--gray-3);cursor:pointer;
    border-bottom:2px solid transparent;transition:all .3s}
  .review-tab.active{color:var(--black);border-bottom-color:var(--black)}
  .review-tab:hover{color:var(--gray-4)}
  .review-panel{display:none}
  .review-panel.active{display:block;animation:fadeUp .5s ease}
  .review-card{background:var(--gray-1);padding:2rem;margin-bottom:1.5rem;border-left:3px solid var(--black)}
  .review-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
  .review-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;filter:grayscale(100%)}
  .review-name{font-size:1.05rem;font-weight:600}
  .review-stars{font-size:.9rem;color:var(--gray-3)}
  .review-likes{font-size:.85rem;color:var(--gray-3);margin-left:auto}
  .review-text{font-size:1.05rem;line-height:2;color:var(--gray-4);
    display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
    transition:all .4s ease;cursor:pointer}
  .review-text.expanded{-webkit-line-clamp:unset;overflow:visible}
  .review-expand{font-size:.9rem;color:var(--gray-3);margin-top:.5rem;cursor:pointer;
    border-bottom:1px solid var(--gray-2);display:inline-block;padding-bottom:1px}
  .review-expand:hover{color:var(--black)}

/* === STATS === */
  .stats-bar{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;padding:3rem 2rem;
    background:var(--white);border-top:1px solid var(--gray-1);border-bottom:1px solid var(--gray-1)}
  .stat{text-align:center}
  .stat-num{font-family:var(--mono);font-size:3rem;font-weight:700;line-height:1}
  .stat-label{font-size:.85rem;color:var(--gray-3);letter-spacing:.15em;text-transform:uppercase;margin-top:.4rem}

/* === FOOTER === */
  .footer{text-align:center;padding:3rem 2rem;background:var(--white);color:var(--gray-3);font-size:.9rem;
    border-top:1px solid var(--gray-1)}
  .footer-quote{font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--gray-4);
    margin-bottom:1rem;max-width:550px;margin-left:auto;margin-right:auto}
  .footer-meta{font-family:var(--mono);font-size:.8rem;letter-spacing:.2em;color:var(--gray-3)}

/* === RESPONSIVE === */
  @media(max-width:768px){
    .book-row{grid-template-columns:40px 1fr;gap:1rem}
    .book-num{font-size:1.2rem}
    .book-right{grid-column:2;text-align:left;min-width:0;margin-top:.5rem}
    .book-bar{margin:.6rem 0 0 0}
    .stats-bar{gap:1.5rem}
    .stat-num{font-size:2.2rem}
  }

/* === ANIMATIONS === */
  @keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
  @keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}

/* === SCROLL REVEAL === */
  .reveal{opacity:0;transform:translateY(40px);transition:all .8s ease}
  .reveal.visible{opacity:1;transform:translateY(0)}

/* Rating stars */
  .star-fill{color:var(--black)}
  .star-empty{color:var(--gray-1)}
</style>
</head>
<body>

<section class="hero">
  <div class="hero-content"><div class="hero-tag">HIGASHINO KEIGO · 1958 — 2026</div><h1 class="hero-name">东野圭吾</h1><p class="hero-sub">"逻辑的尽头不是理性与秩序的理想国，而是用生命奉献的爱情。"</p><div class="hero-meta"><span>日本推理小说三巨匠之一</span><br />
<span>直木奖得主</span><br />
<span>20部精选作品</span></div></div>
  <div class="hero-scroll">SCROLL</div>
</section>

<div class="memorial"><p class="memorial-text">"我的天空里没有太阳，总是黑夜，但并不暗，因为有东西代替了太阳。虽然没有太阳那么明亮，但对我来说已经足够。凭借着这份光，我便能把黑夜当成白天。"</p><div class="memorial-date">2026.07.23 — 谨以此页致敬东野圭吾先生</div></div>

<div class="stats-bar"><div class="stat"><div class="stat-num">20</div><div class="stat-label">精选书目</div></div><div class="stat"><div class="stat-num">110K+</div><div class="stat-label">总评价数</div></div><div class="stat"><div class="stat-num">926</div><div class="stat-label">最高评分</div></div><div class="stat"><div class="stat-num">3</div><div class="stat-label">神作级</div></div></div>

<section class="masterpieces">
  <div class="section reveal"><div class="section-label">FOUR MASTERPIECES</div><h2 class="section-title">四大杰作</h2><p class="section-desc">东野圭吾最具代表性的四部作品，被誉为其创作生涯的巅峰之作</p><div class="mp-grid" id="mpGrid"></div></div>
</section>

<section class="section reveal">
  <div class="section-label">COMPLETE LIST</div>
  <h2 class="section-title">全部推荐</h2>
  <p class="section-desc">按微信读书评分排序，涵盖悬疑推理、治愈温情、家庭故事等多种类型</p>
  <div class="book-list" id="bookList"></div>
</section>

<section class="reviews">
  <div class="section reveal"><div class="section-label">READER REVIEWS</div><h2 class="section-title">读者心声</h2><p class="section-desc">来自微信读书社区的高赞点评</p><div class="review-tabs" id="reviewTabs"></div><div id="reviewPanels"></div></div>
</section>

<footer class="footer">
  <p class="footer-quote">"世上有两样东西不可直视，一是太阳，二是人心。"</p><p class="footer-meta">DATA SOURCE: WEREAD API · GENERATED 2026.07.29</p>
</footer>

const allBooks = [
  {title:"解忧杂货店",author:"东野圭吾",translator:"李盈春",score:926,count:18025,category:"治愈小说",
   cover:"https://cdn.weread.qq.com/weread/cover/27/3300020527/t6_3300020527.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=6d132250813ab6e84g017ca5",
   intro:"浪矢杂货店的牛奶箱连着过去与现在，只要写下烦恼投进投信口，第二天就会得到回答。"},
  {title:"恶意",author:"东野圭吾",translator:"崔健",score:909,count:43097,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/29/3300020529/t6_3300020529.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=f7932970813ab6e84g019b96",
   intro:"最大的恶意不是杀了你，而是毁了你。加贺恭一郎系列扛鼎之作。"},
  {title:"嫌疑人X的献身",author:"东野圭吾",translator:"张舟",score:903,count:15206,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/59/cpplatform_gnveypvmpcpiaen24cumub/t6_cpplatform_gnveypvmpcpiaen24cumub1785219967.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=55a32390813ab6e85g011abb",
   intro:"日本首部五冠王推理作品，包揽直木奖。逻辑的尽头不是理性，而是用生命奉献的爱情。"},
  {title:"白夜行",author:"东野圭吾",translator:"刘姿君",score:897,count:178711,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/1/yuewen_230107/t6_yuewen_2301071682244014.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=65032c105382db65050e7aa",
   intro:"两个被命运碾碎的孩子，在黑暗里互相取暖的一生。中文版发行量超600万册。"},
  {title:"希望之线",author:"东野圭吾",translator:"张舟",score:843,count:4035,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/41/cpPlatform_3XMcHWXzdNuHjzKarJAqAL/t6_cpPlatform_3XMcHWXzdNuHjzKarJAqAL.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=ad6326e0813ab7438g019cc8",
   intro:"我是被爱浸泡的标本，一个满载希望的容器。我唯独不是我自己。"},
  {title:"东野圭吾经典推理作品集",author:"东野圭吾",translator:"王蕴洁等",score:835,count:1288,category:"套装合集",
   cover:"https://cdn.weread.qq.com/weread/cover/56/yuewen_27329034/s_yuewen_273290341678700086.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=1d4327a071a1020a1d42623",
   intro:"套装共6册，收录东野圭吾经典推理作品。"},
  {title:"红手指",author:"东野圭吾",translator:"于壮",score:809,count:24346,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/6/yuewen_840703/t6_yuewen_8407031735116108.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=58b329e05cd3ff58b3473e0",
   intro:"儿子在家中杀了一个小女孩，前原夫妇决心掩盖罪行，但刑警加贺看到了母亲涂红的手指。"},
  {title:"流星之绊",author:"东野圭吾",translator:"徐健雄",score:808,count:15013,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/28/yuewen_840697/t6_yuewen_8406971785220015.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=0bc324305cd3f90bc93c71f",
   intro:"三兄妹偷看流星雨回家后发现父母倒在血泊中。十四年后追诉期将至，他们发现了当晚看到的那个人。"},
  {title:"虚无的十字架",author:"东野圭吾",translator:"代珂",score:786,count:1808,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/22/cpPlatform_kboEK7t9eX3aznMwkW7YVz/s_cpPlatform_kboEK7t9eX3aznMwkW7YVz.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=dd832e80813ab74b7g017596",
   intro:"关于死刑与救赎的深刻思考，东野圭吾对司法制度的拷问。"},
  {title:"时生",author:"东野圭吾",translator:"史诗",score:775,count:20224,category:"家庭故事",
   cover:"https://cdn.weread.qq.com/weread/cover/39/cpplatform_dgzlv2uyu2cw9unrjdfgbq/t6_cpplatform_dgzlv2uyu2cw9unrjdfgbq1698910109.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=e0d32850813ab8454g0143e5",
   intro:"东野圭吾暖心代表作。如果有一台时光机，能带你回到父母年轻的时候，你会珍惜这个机会吗？"},
  {title:"秘密",author:"东野圭吾",translator:"连子心",score:775,count:21011,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/85/22451285/t6_22451285.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=0a032350715694550a01faa",
   intro:"妻子离世的那一刻，女儿奇迹般醒了过来——却带着妻子的灵魂。"},
  {title:"盛夏方程式",author:"东野圭吾",translator:"蓝佳",score:772,count:9598,category:"悬疑推理",
   cover:"https://wfqqreader-1252317822.image.myqcloud.com/cover/343/23557343/t6_23557343.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=70732770716774df707e0e6",
   intro:"海滨小镇旅馆里，一个不相信大人的少年遇上了讨厌小孩的汤川学，两人引发了奇妙的化学反应。"},
  {title:"圣女的救济",author:"东野圭吾",translator:"袁斌",score:768,count:34103,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/51/851251/t6_851251.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=8a1320905cfd338a1c0c71c",
   intro:"伽利略系列作品。一个不可能的毒杀案，汤川学面对的是终极难题。"},
  {title:"宿命",author:"东野圭吾",translator:"张智渊",score:757,count:6454,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/98/yuewen_840688/s_yuewen_8406881752226831.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=1ea32e805cd3f01ea70fb78",
   intro:"两个命运交织的男人，一段被宿命操控的人生。"},
  {title:"从前我死去的家",author:"东野圭吾",translator:"李盈春",score:755,count:12843,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/22/yuewen_840691/t6_yuewen_8406911785220016.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=60932fb05cd3f360934e00b",
   intro:"我对儿时的记忆一片空白。一栋瞬间死去的白屋，藏着找回记忆的钥匙。东野圭吾自信之作。"},
  {title:"假面之夜",author:"东野圭吾",translator:"李倩 黄少安",score:755,count:371,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/97/cpplatform_64ucfnmh246di2pb99uwcy/s_cpplatform_64ucfnmh246di2pb99uwcy1723713605.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=d2732a30813ab920eg018721",
   intro:"假面系列作品，东野圭吾笔下华丽的悬疑之夜。"},
  {title:"无凶之夜",author:"东野圭吾",translator:"潘郁灵",score:747,count:750,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/83/cpplatform_tvsxkh3rvnn1epeinke81x/s_cpplatform_tvsxkh3rvnn1epeinke81x1749111782.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=1fb32f40813aba021g01336f",
   intro:"没有凶手的杀人夜，东野圭吾短篇推理集。"},
  {title:"毕业",author:"东野圭吾",translator:"黄真",score:744,count:12366,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/41/YueWen_840698/s_YueWen_840698.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=23332f405cd3fa233b59243",
   intro:"加贺恭一郎系列首作，大学时代的加贺初登场。"},
  {title:"放学后",author:"东野圭吾",translator:"赵峻",score:722,count:38781,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/96/yuewen_840686/t6_yuewen_8406861685499369.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=88432f705cd3ee884cd974e",
   intro:"东野圭吾出道作，江户川乱步奖获奖作品。女子高中里接二连三的暗杀事件。"},
  {title:"架空犯",author:"东野圭吾",translator:"",score:714,count:1736,category:"悬疑推理",
   cover:"https://cdn.weread.qq.com/weread/cover/97/cpplatform_dhsac2adevkeux942c7het/s_cpplatform_dhsac2adevkeux942c7het1762225401.jpg",
   link:"https://weread.qq.com/book-detail?type=1&v=6c432270813abaac5g0149f8",
   intro:"东野圭吾2025年最新作品，又一次对人性的深刻拷问。"}
];

const reviewData = {
  "白夜行": [
    {name:"问心",likes:4777,star:5,text:"世上有两样东西不可直视，一个是太阳，一个是人心。作为东野圭吾的巅峰之作，《白夜行》是其创作的篇幅最长的小说。故事的主人公唐泽雪穗与桐原亮司，一个行走在白天，经常面对阳光，内心却被黑暗完全笼罩；一个潜行于黑夜，长期身处阴影，内心却对阳光如此渴望。亮司最大的愿望，是和雪穗「手牵手在太阳下散步」。不读到最后一刻，很难了解真相。真读到最后一刻，又很难接受真相……"},
    {name:"ラクダ",likes:354,star:5,text:"今天才得知，我喜欢了无数个日夜的东野圭吾先生，已于2026年7月23日悄然离去。命运真的太会捉弄人了。雪穗是高悬却无法温暖人间的太阳，亮司是一生匍匐暗处、永远追随她的影子。他们没有一句告白、没有一次并肩、没有一场光明里的相见，却用整整十九年的人生，互为支撑、互为救赎，也互为牢笼。他的推理从来不是为了找出凶手，案件只是外壳，人性才是内核。谢谢您陪我整个青春。光影落幕，先生不朽。文字长存，思念不止。"},
    {name:"蓝桉",likes:235,star:5,text:"雪穗说：'我的天空里没有太阳，总是黑夜，但并不暗，因为有东西代替了太阳。'亮司的愿望是：'有一天可以行走在阳光下。'他们在黑暗中扶持前行，小心翼翼地掩盖过去的伤痕，也在黑暗中温暖着彼此。深入骨子的纠缠，只有彼此能明白对方的伤痕。正因为是同一种人，才没有相互治愈的能力。爱，是最沉重的枷锁。"}
  ],
  "解忧杂货店": [
    {name:"筱筱",likes:434,star:5,text:"手机弹窗跳出「东野圭吾去世了」那一刻，我愣了几秒。那个从初中到高中，陪我在被窝里打着手电、在课桌下把书页折出毛边的作者永远离开了我。重新翻开《解忧杂货店》，浪矢店的卷帘门和牛奶箱连着过去与现在。我们写出去的信，从来不是求解，是求一个回声。回信的人没多厉害，是投信的人自己走过了那道弯。解忧的不是杂货店，是愿意坐下来听自己说话的那半小时；陪我长大的也不只是东野圭吾，是他替我保管过的、那些被窝和课桌下的少年时光。"},
    {name:"花开清喜",likes:33,star:5,text:"很多时候咨询的人心里已经有了答案，来咨询只是想确认自己的决定是对的。浪矢爷爷从不会强行左右任何人的人生，他认真回复每一封来信，从不给出绝对正确的指令，只是温柔地倾听、真诚地开导。能救赎自己的，从来不是别人的建议，而是自己的本心。人生没有标准答案，每一个遵从本心的选择，每一次全力以赴的奔赴，都是最好的答案。"},
    {name:"freedom",likes:239,star:5,text:"没有炸裂的悬疑和推理，不被算作东野圭吾最具分量的作品，甚至不算推理小说，《解忧杂货店》是一本非典型的东野圭吾作品。然而就题材和写法而言，它却是东野圭吾最具特点、最有温度的作品。几段故事，人物遭遇看似独立，后来却发现其实每个人物都牵动着彼此，这是一本关于温情与牵绊的书籍，温润如玉，滋养心灵。"}
  ],
  "嫌疑人X的献身": [
    {name:"问心",likes:2718,star:5,text:"最完美的骗局，最纯粹的爱情，最失望的结果。石神那天才般的用数学逻辑精心设置的案情骗局让人毛骨悚然。谁能想到用杀一个人如此惊世骇俗的方法，去掩盖另外一件凶杀案呢？逻辑的尽头不是理性和秩序的理想国，而是用生命奉献的爱情！故事的结局，没有一个赢家。有时候，一个人只要好好活着，就足以拯救某个人。"},
    {name:"云歌",likes:173,star:5,text:"在一座神圣庄严的殿堂里，曾居住着一位理性至上的神祇。他如虔诚的信徒，为爱献出所有。可他忘了，神性与人性，或许本就无法共存。他的爱，对所爱之人来说，太过沉重、也太过陌生。爱不是一道待解的命题，理性的尺规，无法测量爱的厚度。爱是明知不可为而为之，是自由意志的沉沦。'我爱你'，是个不证自明的公理。"},
    {name:"纸上雪",likes:51,star:5,text:"这不是一场犯罪，而是一场自我献祭。石神用数学家的精密思维构建了一个完美的障眼法，但他计算了所有变量，唯独漏掉了人心的不可控。当石神在审讯室发出'呕出灵魂'般的嘶吼时，读者才明白：这部小说根本不是关于破案，而是关于一个走投无路的天才，如何用毁灭自己的方式去爱一个人。有些爱，沉重到只能以毁灭收场。"}
  ]
};

// === RENDER MASTERPIECES ===
function renderStars(score){
  const s = Math.round(score/200);
  let html = '';
  for(let i=0;i<5;i++) html += i<s ? '<span class="star-fill">&#9733;</span>' : '<span class="star-empty">&#9733;</span>';
  return html;
}

// === RENDER ALL BOOKS ===
function renderBookList(){
  const list = document.getElementById('bookList');
  const maxScore = 926;
  allBooks.forEach((b,i)=>{
    const row = document.createElement('a');
    row.className = 'book-row';
    row.href = b.link;
    row.target = '_blank';
    row.style.textDecoration = 'none';
    const pct = (b.score/maxScore*100).toFixed(0);
    row.innerHTML = `
      <div class="book-num">${String(i+1).padStart(2,'0')}</div>
      <div class="book-content"><div class="book-title-row">${b.title}</div><div class="book-meta-row">${b.author} · 译：${b.translator||'—'} · ${b.category}</div><div class="book-intro-row">${b.intro}</div></div>
      <div class="book-right"><div class="book-score-big">${(b.score/100).toFixed(1)}</div><div class="book-score-label">${(b.count/1000).toFixed(1)}k 评价</div><div class="book-bar"><div class="book-bar-fill" style="width:${pct}%"></div></div></div>
    `;
    list.appendChild(row);
  });
}

// === RENDER REVIEWS ===
function renderReviews(){
  const tabs = document.getElementById('reviewTabs');
  const panels = document.getElementById('reviewPanels');
  const bookNames = Object.keys(reviewData);
  bookNames.forEach((name,i)=>{
    const tab = document.createElement('div');
    tab.className = 'review-tab'+(i===0?' active':'');
    tab.textContent = name;
    tab.onclick = ()=>switchTab(i);
    tabs.appendChild(tab);

function switchTab(idx){
  document.querySelectorAll('.review-tab').forEach((t,i)=>t.classList.toggle('active',i===idx));
  document.querySelectorAll('.review-panel').forEach((p,i)=>p.classList.toggle('active',i===idx));
}

// === SCROLL REVEAL ===
function initScrollReveal(){
  const observer = new IntersectionObserver((entries)=>{
    entries.forEach(e=>{
      if(e.isIntersecting) e.target.classList.add('visible');
    });
  },{threshold:0.1});
  document.querySelectorAll('.reveal').forEach(el=>observer.observe(el));
}

// === INIT ===
renderMasterpieces();
renderBookList();
renderReviews();
initScrollReveal();
</script>
</body>
</html></p>

东野圭吾

四大杰作

全部推荐

读者心声

Burningash

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

东野圭吾书籍推荐

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款