425 lines
25 KiB
HTML
425 lines
25 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>枢机协律中央法庭</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link href="https://cdn.gvsds.com/font-awesome/css/all.min.css" rel="stylesheet">
|
|
|
|
<!-- Tailwind 配置 -->
|
|
<script>
|
|
tailwind.config = {
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#0F3460', // 深蓝色 - 代表权威与公正
|
|
secondary: '#E6B325', // 金色 - 代表正义与高贵
|
|
neutral: '#F5F5F5', // 浅灰色
|
|
'neutral-dark': '#1A1A2E', // 深灰色背景
|
|
},
|
|
fontFamily: {
|
|
sans: ['Noto Sans SC', 'sans-serif'],
|
|
serif: ['Noto Serif SC', 'serif'],
|
|
},
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style type="text/tailwindcss">
|
|
@layer utilities {
|
|
.content-auto {
|
|
content-visibility: auto;
|
|
}
|
|
.text-shadow {
|
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.card-hover {
|
|
transition: all 0.3s ease;
|
|
}
|
|
.card-hover:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
}
|
|
.scroll-reveal {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
transition: opacity 0.6s ease, transform 0.6s ease;
|
|
}
|
|
.scroll-reveal.active {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-50 text-gray-800 dark:bg-neutral-dark dark:text-gray-100 transition-colors duration-300">
|
|
<!-- 顶部横幅 -->
|
|
<header class="relative bg-primary text-white py-12 overflow-hidden">
|
|
<div class="absolute inset-0 bg-gradient-to-r from-primary to-primary/80"></div>
|
|
<div class="container mx-auto px-4 relative z-10">
|
|
<div class="text-center">
|
|
<h1 class="text-[clamp(2rem,5vw,3.5rem)] font-serif font-bold mb-2 text-shadow tracking-wide">
|
|
枢机协律中央法庭
|
|
</h1>
|
|
<p class="text-xl opacity-90">以法为基，以理为据，以智为判</p>
|
|
<div class="mt-6 inline-block bg-white/10 backdrop-blur-sm px-4 py-2 rounded-full text-sm">
|
|
<span class="flex items-center">
|
|
<i class="fa fa-balance-scale mr-2 text-secondary"></i>
|
|
案件编号: C-2023-7842
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 装饰元素 -->
|
|
<div class="absolute top-0 left-0 w-full h-1 bg-secondary"></div>
|
|
<div class="absolute bottom-0 left-0 w-full h-1 bg-secondary"></div>
|
|
</header>
|
|
|
|
<!-- 主内容区 -->
|
|
<main class="container mx-auto px-4 py-12">
|
|
<!-- AI法官信息 -->
|
|
<div class="mb-16 scroll-reveal">
|
|
<div class="flex items-center justify-center">
|
|
<div class="w-20 h-1 bg-secondary mb-8"></div>
|
|
</div>
|
|
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 card-hover border border-gray-100 dark:border-gray-700">
|
|
<div class="flex flex-col md:flex-row items-center">
|
|
<div class="w-24 h-24 rounded-full bg-primary/10 dark:bg-primary/30 flex items-center justify-center mb-6 md:mb-0 md:mr-8">
|
|
<i class="fa fa-robot text-5xl text-primary dark:text-secondary"></i>
|
|
</div>
|
|
<div class="text-center md:text-left">
|
|
<h2 class="text-2xl font-bold mb-2">仲裁核心</h2>
|
|
<p class="text-gray-600 dark:text-gray-300 max-w-2xl">基于案件事实、相关法律条文及既往判例作出公正裁决。所有审判过程与决策依据均已记录存档，确保公开透明。案件全程由 AI 决定，不支持人工干预、复判、无需律师。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 法庭基本信息 -->
|
|
<section class="mb-16 scroll-reveal">
|
|
<h2 class="text-3xl font-serif font-bold mb-8 text-center text-primary dark:text-secondary">
|
|
<i class="fa fa-info-circle mr-2"></i>法庭基本信息
|
|
</h2>
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
<!-- 信息卡片1 -->
|
|
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 card-hover border border-gray-100 dark:border-gray-700">
|
|
<div class="w-12 h-12 bg-primary/10 dark:bg-primary/30 rounded-lg flex items-center justify-center mb-4">
|
|
<i class="fa fa-building text-xl text-primary dark:text-secondary"></i>
|
|
</div>
|
|
<h3 class="text-xl font-bold mb-3">法庭性质</h3>
|
|
<p class="text-gray-600 dark:text-gray-300">枢机协律中央法庭是最高等级的司法机构，负责审理涉及重大公共利益、跨区域及具有重大社会影响的案件。法庭采用AI辅助审判系统，确保裁决的公正性与一致性。</p>
|
|
</div>
|
|
|
|
<!-- 信息卡片2 -->
|
|
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 card-hover border border-gray-100 dark:border-gray-700">
|
|
<div class="w-12 h-12 bg-primary/10 dark:bg-primary/30 rounded-lg flex items-center justify-center mb-4">
|
|
<i class="fa fa-gavel text-xl text-primary dark:text-secondary"></i>
|
|
</div>
|
|
<h3 class="text-xl font-bold mb-3">审判原则</h3>
|
|
<p class="text-gray-600 dark:text-gray-300">法庭严格遵循"公平、公正、公开"的原则，所有审判程序均符合《枢机协律法典》规定。审判过程录音录像存档，重要案件允许公众旁听，确保司法透明。</p>
|
|
</div>
|
|
|
|
<!-- 信息卡片3 -->
|
|
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 card-hover border border-gray-100 dark:border-gray-700">
|
|
<div class="w-12 h-12 bg-primary/10 dark:bg-primary/30 rounded-lg flex items-center justify-center mb-4">
|
|
<i class="fa fa-shield text-xl text-primary dark:text-secondary"></i>
|
|
</div>
|
|
<h3 class="text-xl font-bold mb-3">司法权限</h3>
|
|
<p class="text-gray-600 dark:text-gray-300">法庭拥有对民事、行政及刑事案件的终审权，可对下级法院判决进行复审。同时负责解释法律条文，确立司法判例，指导全国司法实践。</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 案件基本事实 -->
|
|
<section class="mb-16 scroll-reveal">
|
|
<h2 class="text-3xl font-serif font-bold mb-8 text-center text-primary dark:text-secondary">
|
|
<i class="fa fa-file-text mr-2"></i>案件基本事实
|
|
</h2>
|
|
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-8 border border-gray-100 dark:border-gray-700">
|
|
<div class="space-y-6">
|
|
<div class="flex">
|
|
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-primary dark:bg-secondary flex items-center justify-center text-white font-bold mr-4 mt-1">1</div>
|
|
<div>
|
|
<h3 class="text-xl font-bold mb-2">案件当事人</h3>
|
|
<p class="text-gray-600 dark:text-gray-300">原告：星际贸易联盟<br>被告：银河资源开发有限公司</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex">
|
|
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-primary dark:bg-secondary flex items-center justify-center text-white font-bold mr-4 mt-1">2</div>
|
|
<div>
|
|
<h3 class="text-xl font-bold mb-2">案件起因</h3>
|
|
<p class="text-gray-600 dark:text-gray-300">原告指控被告在开发阿尔法星系矿产资源时，违反《星际资源开发公约》第17条及《环境保护法》相关规定，过度开采导致该星系三颗行星的生态系统严重破坏，造成不可逆转的环境损失。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex">
|
|
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-primary dark:bg-secondary flex items-center justify-center text-white font-bold mr-4 mt-1">3</div>
|
|
<div>
|
|
<h3 class="text-xl font-bold mb-2">关键证据</h3>
|
|
<p class="text-gray-600 dark:text-gray-300">1. 星际环境监测局提供的阿尔法星系生态系统评估报告，显示被告开采区域的生物多样性下降了78%。<br>
|
|
2. 被告内部文件显示其明知开采行为会造成环境破坏，但为追求利润仍继续超标开采。<br>
|
|
3. 第三方审计机构出具的资源开采量检测报告，证实被告实际开采量超出许可范围3.2倍。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex">
|
|
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-primary dark:bg-secondary flex items-center justify-center text-white font-bold mr-4 mt-1">4</div>
|
|
<div>
|
|
<h3 class="text-xl font-bold mb-2">双方陈述</h3>
|
|
<p class="text-gray-600 dark:text-gray-300">原告要求被告停止开采活动，赔偿环境修复费用5800亿星际币，并承担相应的法律责任。<br>
|
|
被告辩称其开采行为符合当时的行业标准，环境变化是自然现象导致，不同意原告的赔偿要求，但愿意承担部分生态修复责任。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- AI判决结果 -->
|
|
<section class="mb-16 scroll-reveal">
|
|
<h2 class="text-3xl font-serif font-bold mb-8 text-center text-primary dark:text-secondary">
|
|
<i class="fa fa-balance-scale mr-2"></i>仲裁核心判决结果
|
|
</h2>
|
|
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-100 dark:border-gray-700">
|
|
<div class="bg-primary dark:bg-primary/80 text-white p-6">
|
|
<h3 class="text-2xl font-bold">终审判决</h3>
|
|
<p class="opacity-90">根据《星际资源开发公约》及相关法律条文，结合案件事实与证据</p>
|
|
</div>
|
|
|
|
<div class="p-8">
|
|
<div class="mb-8 p-6 bg-primary/5 dark:bg-primary/10 rounded-lg border-l-4 border-primary dark:border-secondary">
|
|
<h4 class="text-xl font-bold mb-3">主文判决</h4>
|
|
<p class="text-gray-700 dark:text-gray-200 mb-4">被告银河资源开发有限公司在阿尔法星系的矿产资源开发活动中，违反了《星际资源开发公约》第17条及《环境保护法》第5章的规定，事实清楚，证据确凿。</p>
|
|
<p class="text-gray-700 dark:text-gray-200 font-bold text-lg">判决如下：</p>
|
|
</div>
|
|
|
|
<ul class="space-y-4 mb-8">
|
|
<li class="flex items-start">
|
|
<i class="fa fa-check-circle text-green-600 dark:text-green-400 mt-1 mr-3"></i>
|
|
<p>被告须立即停止在阿尔法星系的所有开采活动，并在90日内完成矿区的初步生态修复工作。</p>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i class="fa fa-check-circle text-green-600 dark:text-green-400 mt-1 mr-3"></i>
|
|
<p>被告须向星际环境治理基金支付环境修复赔偿金4200亿星际币，用于阿尔法星系的长期生态恢复计划。</p>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i class="fa fa-check-circle text-green-600 dark:text-green-400 mt-1 mr-3"></i>
|
|
<p>被告在未来5年内不得参与任何星际资源开发项目的竞标，期满后需重新申请资源开发资质。</p>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i class="fa fa-check-circle text-green-600 dark:text-green-400 mt-1 mr-3"></i>
|
|
<p>被告公司法定代表人须接受星际司法机构的合规培训，并公开向阿尔法星系所属文明致歉。</p>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="p-6 bg-gray-50 dark:bg-gray-700/50 rounded-lg">
|
|
<h4 class="text-xl font-bold mb-3">判决依据与理由</h4>
|
|
<p class="text-gray-700 dark:text-gray-200 mb-4">仲裁核心系统分析了双方提交的1,486份证据文件，参考了过往237起类似环境诉讼案件的判决先例，基于以下理由作出上述判决：</p>
|
|
<ol class="list-decimal list-inside space-y-2 text-gray-700 dark:text-gray-200 ml-4">
|
|
<li>被告的开采行为明显超出了许可范围，且主观上存在明知故犯的过错。</li>
|
|
<li>环境监测数据清晰显示开采活动与生态系统破坏存在直接因果关系。</li>
|
|
<li>被告未能证明其主张的"环境变化是自然现象导致"的辩护观点。</li>
|
|
<li>判决金额综合考虑了实际环境损失、修复成本及对被告的惩戒作用。</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 公众投票区域 -->
|
|
<section class="mb-16 scroll-reveal">
|
|
<h2 class="text-3xl font-serif font-bold mb-8 text-center text-primary dark:text-secondary">
|
|
<i class="fa fa-users mr-2"></i>公众意见投票
|
|
</h2>
|
|
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-8 border border-gray-100 dark:border-gray-700">
|
|
<p class="text-center text-lg mb-8">您认为该判决是否恰当？请表达您的意见（每位用户仅限投票一次）</p>
|
|
|
|
<div class="flex flex-col md:flex-row justify-center gap-6 mb-10">
|
|
<button id="guiltyBtn" class="vote-btn px-8 py-4 bg-red-600 hover:bg-red-700 text-white rounded-lg text-xl font-bold transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transform hover:scale-105">
|
|
有罪です
|
|
</button>
|
|
<button id="innocentBtn" class="vote-btn px-8 py-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-xl font-bold transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transform hover:scale-105">
|
|
無罪
|
|
</button>
|
|
</div>
|
|
|
|
<div class="max-w-2xl mx-auto">
|
|
<!-- 投票进度条 -->
|
|
<div class="mb-2 flex justify-between text-sm font-medium">
|
|
<span class="text-red-600 dark:text-red-400">有罪です</span>
|
|
<span class="text-blue-600 dark:text-blue-400">無罪</span>
|
|
</div>
|
|
|
|
<!-- 修正：移除了进度条的圆角样式 -->
|
|
<div class="h-10 bg-gray-200 dark:bg-gray-700 overflow-hidden mb-4 relative">
|
|
<div id="guiltyBar" class="h-full bg-red-600 dark:bg-red-500 transition-all duration-700 ease-out" style="width: 65%"></div>
|
|
<div id="innocentBar" class="h-full bg-blue-600 dark:bg-blue-500 absolute top-0 right-0 transition-all duration-700 ease-out" style="width: 35%"></div>
|
|
<div class="absolute inset-0 flex items-center justify-center font-bold text-white text-shadow">
|
|
<span id="votePercentage">65% : 35%</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 投票统计 -->
|
|
<div class="grid grid-cols-2 gap-4 text-center">
|
|
<div class="p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg">
|
|
<p class="text-sm text-gray-500 dark:text-gray-400 mb-1">有罪支持率</p>
|
|
<p class="text-2xl font-bold text-red-600 dark:text-red-400" id="guiltyPercent">65%</p>
|
|
</div>
|
|
<div class="p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg">
|
|
<p class="text-sm text-gray-500 dark:text-gray-400 mb-1">無罪支持率</p>
|
|
<p class="text-2xl font-bold text-blue-600 dark:text-blue-400" id="innocentPercent">35%</p>
|
|
</div>
|
|
<div class="p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg">
|
|
<p class="text-sm text-gray-500 dark:text-gray-400 mb-1">有罪票数</p>
|
|
<p class="text-2xl font-bold text-red-600 dark:text-red-400" id="guiltyVotes">13,248</p>
|
|
</div>
|
|
<div class="p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg">
|
|
<p class="text-sm text-gray-500 dark:text-gray-400 mb-1">無罪票数</p>
|
|
<p class="text-2xl font-bold text-blue-600 dark:text-blue-400" id="innocentVotes">7,052</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-6 text-center text-gray-500 dark:text-gray-400 text-sm">
|
|
<p>总投票人数: <span id="totalVotes" class="font-bold">20,300</span></p>
|
|
<p class="mt-1">投票比例: <span id="voteRatio" class="font-bold">1.88 : 1</span></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="voteMessage" class="mt-8 text-center hidden">
|
|
<p class="text-lg font-medium text-green-600 dark:text-green-400"></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- 主题切换按钮 -->
|
|
<button id="themeToggle" class="fixed bottom-6 right-6 w-12 h-12 rounded-full bg-primary dark:bg-gray-700 text-white shadow-lg flex items-center justify-center z-50 transition-all duration-300 hover:bg-primary/80 dark:hover:bg-gray-600">
|
|
<i class="fa fa-moon dark:hidden"></i>
|
|
<i class="fa fa-sun hidden dark:block"></i>
|
|
</button>
|
|
|
|
<script>
|
|
// 主题切换功能
|
|
const themeToggle = document.getElementById('themeToggle');
|
|
const html = document.documentElement;
|
|
|
|
// 检查用户偏好或本地存储的主题
|
|
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
|
html.classList.add('dark');
|
|
} else {
|
|
html.classList.remove('dark');
|
|
}
|
|
|
|
themeToggle.addEventListener('click', () => {
|
|
html.classList.toggle('dark');
|
|
localStorage.theme = html.classList.contains('dark') ? 'dark' : 'light';
|
|
});
|
|
|
|
// 滚动动画
|
|
function handleScrollAnimation() {
|
|
const elements = document.querySelectorAll('.scroll-reveal');
|
|
|
|
elements.forEach(element => {
|
|
const elementTop = element.getBoundingClientRect().top;
|
|
const elementVisible = 150;
|
|
|
|
if (elementTop < window.innerHeight - elementVisible) {
|
|
element.classList.add('active');
|
|
}
|
|
});
|
|
}
|
|
|
|
// 初始检查和滚动监听
|
|
window.addEventListener('scroll', handleScrollAnimation);
|
|
window.addEventListener('load', handleScrollAnimation);
|
|
|
|
// 投票功能
|
|
let hasVoted = localStorage.getItem('courtVote') !== null;
|
|
let guiltyVotes = 13248;
|
|
let innocentVotes = 7052;
|
|
const totalVotesElement = document.getElementById('totalVotes');
|
|
const voteRatioElement = document.getElementById('voteRatio');
|
|
const guiltyBar = document.getElementById('guiltyBar');
|
|
const innocentBar = document.getElementById('innocentBar');
|
|
const guiltyPercent = document.getElementById('guiltyPercent');
|
|
const innocentPercent = document.getElementById('innocentPercent');
|
|
const guiltyVotesElement = document.getElementById('guiltyVotes');
|
|
const innocentVotesElement = document.getElementById('innocentVotes');
|
|
const votePercentage = document.getElementById('votePercentage');
|
|
const voteMessage = document.getElementById('voteMessage');
|
|
const guiltyBtn = document.getElementById('guiltyBtn');
|
|
const innocentBtn = document.getElementById('innocentBtn');
|
|
|
|
// 更新投票显示
|
|
function updateVoteDisplay() {
|
|
const totalVotes = guiltyVotes + innocentVotes;
|
|
const guiltyPercentValue = Math.round((guiltyVotes / totalVotes) * 100);
|
|
const innocentPercentValue = 100 - guiltyPercentValue;
|
|
const ratio = (guiltyVotes / innocentVotes).toFixed(2);
|
|
|
|
// 更新进度条
|
|
guiltyBar.style.width = `${guiltyPercentValue}%`;
|
|
innocentBar.style.width = `${innocentPercentValue}%`;
|
|
|
|
// 更新文本显示
|
|
guiltyPercent.textContent = `${guiltyPercentValue}%`;
|
|
innocentPercent.textContent = `${innocentPercentValue}%`;
|
|
guiltyVotesElement.textContent = guiltyVotes.toLocaleString();
|
|
innocentVotesElement.textContent = innocentVotes.toLocaleString();
|
|
totalVotesElement.textContent = totalVotes.toLocaleString();
|
|
votePercentage.textContent = `${guiltyPercentValue}% : ${innocentPercentValue}%`;
|
|
voteRatioElement.textContent = `${ratio} : 1`;
|
|
}
|
|
|
|
// 投票处理
|
|
function handleVote(voteType) {
|
|
if (hasVoted) return;
|
|
|
|
if (voteType === 'guilty') {
|
|
guiltyVotes++;
|
|
voteMessage.querySelector('p').textContent = '您已投票支持"有罪です"';
|
|
} else {
|
|
innocentVotes++;
|
|
voteMessage.querySelector('p').textContent = '您已投票支持"無罪"';
|
|
}
|
|
|
|
// 保存投票状态
|
|
localStorage.setItem('courtVote', voteType);
|
|
hasVoted = true;
|
|
|
|
// 更新显示
|
|
updateVoteDisplay();
|
|
voteMessage.classList.remove('hidden');
|
|
|
|
// 禁用按钮
|
|
guiltyBtn.disabled = true;
|
|
innocentBtn.disabled = true;
|
|
guiltyBtn.classList.add('opacity-50', 'cursor-not-allowed', 'hover:scale-100');
|
|
innocentBtn.classList.add('opacity-50', 'cursor-not-allowed', 'hover:scale-100');
|
|
}
|
|
|
|
// 添加投票事件监听
|
|
guiltyBtn.addEventListener('click', () => handleVote('guilty'));
|
|
innocentBtn.addEventListener('click', () => handleVote('innocent'));
|
|
|
|
// 初始化显示
|
|
updateVoteDisplay();
|
|
|
|
// 如果已经投票，更新UI状态
|
|
if (hasVoted) {
|
|
const voteType = localStorage.getItem('courtVote');
|
|
voteMessage.querySelector('p').textContent = `您已投票支持"${voteType === 'guilty' ? '有罪です' : '無罪'}"`;
|
|
voteMessage.classList.remove('hidden');
|
|
|
|
guiltyBtn.disabled = true;
|
|
innocentBtn.disabled = true;
|
|
guiltyBtn.classList.add('opacity-50', 'cursor-not-allowed', 'hover:scale-100');
|
|
innocentBtn.classList.add('opacity-50', 'cursor-not-allowed', 'hover:scale-100');
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |