JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p class="categorization">
政治
</p>
<h1>im.B詐騙案》「司法淪政治工具」　黃國昌點名：71億流進哪個政客口袋要查清楚
</h1>
<p class="info"><a href="https://www.storm.mg/authors/429334/%E9%99%B3%E6%98%8E%E9%81%A0">陳明遠</a>
<a href=""><button>+追蹤</button></a>
2024-08-01 23:27 43人氣</p>
<img src="https://image.cache.storm.mg/styles/smg-800x533-fp-wm/s3/media/image/2024/07/16/20240716-052218_U29087_M970155_556b.JPG?MqoMf7wXCAedgFQLDW2PTH3Kyh.wUusm&itok=Msl8gq0P">

<div>
<p class="paragraph1">台北地院今（1）日針對網路借貸媒合平台im.B詐騙案，判處主嫌曾耀鋒16年6月、其女友張淑芬12年2月有期徒刑，涉助洗錢的行政院前政務顧問陳振坤則因認罪判刑1年、併科罰金150萬元，並緩刑4年。民眾黨立法院黨團總召黃國昌在網路節目《<a class="link1" href="https://www.youtube.com/watch?v=6Nf5OACH7T8&list=PLaPljncTROrcewfvPNEEJ0yZIg79uqOb3&index=2">阿姊反抗軍</a>》上針對此案指出，檢調不僅未將71億不法所得的流向查明，對民進黨前立委陳歐珀的偵辦更是毫無消息，讓司法徹底成為政治工具。</p>

<a class="link2" href="https://www.storm.mg/line/notify/login">[啟動LINE推播] 每日重大新聞通知</a>

<p>黃國昌提到，去年案件爆發時，涉嫌參與共犯的陳振坤，就曾在通訊軟體群組表示「這是政治操作」，他（陳振坤）並不會受到影響。黃國昌說，結果今天開庭時，陳振坤不僅被拉出來單獨宣判，甚至也沒有發新聞稿。</p>
<p>黃國昌表示，陳振坤跟法官坦白，藏匿利用不法所得購買的大量威士忌，但同時也指稱威士忌是民進黨前立委陳歐珀所寄放的。黃國昌質疑，只要是有綠營的權貴涉案，案件就會產生斷點，他向檢調表示陳歐珀被im.B主嫌豢養，不僅車輛、房子都是主嫌的，更讓陳歐珀請台鐵與交通部的高層，在宜蘭的招待所飲酒作樂，台北地檢署卻只回應「依法偵辦中」。</p>
<p>「這些不法金流流到了哪些垃圾政治人物的口袋，請檢察官查清楚。」黃國昌續指，被害人在乎的事情是「錢到哪裡去」，連法官都在判決書裡表示，雖然主嫌認罪，但另外要沒收的不法所得高達71億，而這些金錢流向哪裡，主嫌始終避重就輕，讓被害人無處求償。</p>
<p>那檢察官當初是怎麼針對此案不法所得的部分偵辦的？黃國昌說，他曾經晚上帶秘密證人吹哨者前往台北地檢作證，但筆錄卻被特定周刊拿來幫陳歐珀洗地，造成秘密證人洩漏。</p>
<p>黃國昌表示，當初主嫌與共犯還秀出要跟某些民進黨高官吃飯的照片，而這些政治人物目前都還在檯面上，甚至還有官職，「你覺得被害人會怎麼想？」</p>
<p>黃國昌強調，「該辦的不辦」最可怕，更可惡的是還將把柄拿來當儲備子彈，讓司法徹底成為政治工具。他也透露，主嫌提供給陳歐珀的透天厝，後來進駐的卻是「蔡英文宜蘭後援會」，而在2020年總統大選選完後，該房又改為陳歐珀的服務處，而監察院僅回應要等待檢調偵辦。（相關報導：<a class="link2" href="https://www.storm.mg/article/5212377">政治獻金總盤點》投桃報李？賴清德政治獻金名單　赫見陳菊人馬、公股企業高管</a>｜<a class="link2" href="#">更多文章</a>）</p>

<p>更多風傳媒獨家新聞：</p>
<ul>
<li> <a class="link1" href="https://www.storm.mg/article/5213333">im.B詐騙案》不敢辦陳歐珀？轟北檢沒提官商勾結　黃國昌：賴清德的宣示無比諷刺</a></li><br>
</ul>
</div>
</body>
</html>

CSS

@import url('https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Hand:[email protected]&family=Noto+Sans+TC:[email protected]&display=swap');

body{
  font-family: "Noto Sans TC", sans-serif;
  letter-spacing: 2px;
  background-color: lightblue;
}
div{
  background-color: white;
  margin: 5px;
  padding: 14px;
  text-align: justify;
}
p.categorization{
  border-left: 5px dodgerblue solid;
  font-weight: bold;
  padding-left: 8px;
}
h1{
  font-weight: 500;
  font-size: 25px;
}
p.info{
  word-spacing: 5px;
  font-weight: 350;
  font-size: 15px;
}
button{
  width: 70px;
  height: 25px;
  margin: 2px;
  background-color: white;
  border-radius: 5px;
  border-width: 1px;
  border-color: rgb(210, 210, 210);
  border-style: solid;
  cursor: pointer;
}
button:hover{
  background-color: rgb(200, 200, 200);
  color: white;
}
button:active{
  background-color: rgb(210, 210, 210);
}
p.info a{
  text-decoration: none;
  color: dodgerblue;
}
p.info a:hover{
  text-decoration: underline dodgerblue;
}
p.info a:active{
  text-decoration: underline slateblue;
  color: slateblue;
}
p.paragraph1::first-letter{
  display: inline-block;
  float: left;
  font-size: 40px;
  text-decoration: 5px dodgerblue solid underline;
  margin: 2px 4px;
}
a.link1{
  color: slateblue;
}
a.link1:hover{
    color: dodgerblue;
    text-decoration-color: dodgerblue;
}
a.link1:active{
    color: lightblue;
    text-decoration-color: lightblue;
}
a.link2{
  color: gray;
  text-decoration: underline lightblue 1px;
}
a.link2:hover{
    text-decoration: underline lightblue 3px;
}