| Server IP : 54.37.205.81 / Your IP : 216.73.216.76 Web Server : nginx/1.22.1 System : Linux vps-249481fa 6.1.0-50-cloud-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.176-1 (2026-07-02) x86_64 User : debian ( 1000) PHP Version : 8.2.32 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /tmp/copyrightbridge-v0.4.0/ |
Upload File : |
<!doctype html>
<html lang="zh-CN" translate="no">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="google" content="notranslate">
<meta name="description" content="CopyrightBridge — 中欧数字版权证据平台。保护设计、文件和数字内容，连接欧洲证据、比特币时间证明与中国版权服务。">
<meta name="theme-color" content="#0b3157">
<title>CopyrightBridge — 保护 · 发送 · 证明</title>
<link rel="icon" href="./assets/favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="./assets/app.css">
</head>
<body>
<div class="topline">
<div class="container topline-inner">
<span data-i18n="topline">欧洲数字证据，连接中国版权服务</span>
<span class="topline-status"><i></i><span data-i18n="statusOnline">公开验证已连接</span></span>
</div>
</div>
<header class="site-header">
<div class="container header-inner">
<a class="brand" href="#home" aria-label="CopyrightBridge">
<span class="brand-seal">桥</span>
<span class="brand-copy">
<strong>CopyrightBridge</strong>
<small>BY COPYRIGHTCHAIN</small>
</span>
</a>
<button class="mobile-menu" id="mobileMenu" aria-label="Menu" aria-expanded="false">
<span></span><span></span><span></span>
</button>
<nav id="mainNav">
<a href="#home" data-i18n="navHome">首页</a>
<a href="#create" data-i18n="navCreate">创建证据</a>
<a href="#verify" data-i18n="navVerify">验证证书</a>
<a href="#dossier" data-i18n="navDossier">中欧档案</a>
<a href="#partner" data-i18n="navPartner">合作伙伴</a>
</nav>
<div class="language-switch" aria-label="Language">
<button data-lang="zh" class="active">中文</button>
<button data-lang="en">EN</button>
<button data-lang="it">IT</button>
</div>
</div>
</header>
<main>
<section class="hero" id="home">
<div class="hero-grid-bg"></div>
<div class="container hero-layout">
<div class="hero-content">
<div class="eyebrow"><span></span><b>COPYRIGHTBRIDGE · BY COPYRIGHTCHAIN</b></div>
<h1 data-i18n="heroTitle">别让你的创意，<em>成为别人的生意。</em></h1>
<p class="hero-lead" data-i18n="heroLead">
设计、文件和数字内容在发送给工厂、客户或合作伙伴之前，先建立一套可验证的跨境证据。
</p>
<div class="hero-actions">
<a class="btn btn-primary" href="#create" data-i18n="heroProtect">立即保护</a>
<a class="btn btn-outline" href="#verify" data-i18n="heroVerify">验证证书</a>
</div>
<div class="hero-trust">
<span><i>✓</i><b data-i18n="trustSha">SHA-256 + SM3 本地指纹</b></span>
<span><i>✓</i><b>Bitcoin / OpenTimestamps</b></span>
<span><i>✓</i><b data-i18n="trustEu">欧洲时间戳</b></span>
<span><i>✓</i><b data-i18n="trustChina">中国服务接口已预留</b></span>
</div>
</div>
<aside class="passport-card hero-passport">
<div class="passport-top">
<div class="passport-brand">
<span class="mini-seal">桥</span>
<div><b>COPYRIGHT PASSPORT</b><small>EUROPE · CHINA</small></div>
</div>
<span class="verified-badge" data-i18n="verified">已验证</span>
</div>
<div class="passport-body">
<small class="field-label">WORK / 作品</small>
<h2 data-i18n="demoTitle">跨境设计系列</h2>
<p>Cross-Border Design Collection</p>
<div class="hash-line"><b>SHA-256</b><code>8e4e2b9d0f3bd8f0...a9d7a41</code></div>
<div class="passport-levels">
<div class="level active"><span>✓</span><b data-i18n="levelEu">欧洲证据</b><small data-i18n="verified">已验证</small></div>
<div class="level active"><span>✓</span><b>Bitcoin Proof</b><small data-i18n="confirmed">已确认</small></div>
<div class="level pending"><span>↗</span><b data-i18n="levelChina">中国证据</b><small data-i18n="connectorReady">接口已准备</small></div>
</div>
</div>
<div class="passport-foot"><span>ID · CB-DEMO-2026</span><span class="mini-seal dark">中</span></div>
</aside>
</div>
</section>
<section class="proof-strip">
<div class="container proof-grid">
<article>
<span class="proof-num">01</span>
<small data-i18n="available">可用</small>
<h3 data-i18n="proofEuTitle">欧洲数字证据</h3>
<p data-i18n="proofEuText">文件指纹、可验证证书、二维码、公开验证和完整技术记录。</p>
</article>
<article>
<span class="proof-num">02</span>
<small data-i18n="available">可用</small>
<h3 data-i18n="proofBtcTitle">比特币时间证明</h3>
<p data-i18n="proofBtcText">通过 OpenTimestamps 将文件指纹锚定到比特币网络。</p>
</article>
<article>
<span class="proof-num">03</span>
<small data-i18n="apiIntegration">API 接入</small>
<h3 data-i18n="proofChinaTitle">中国可信时间戳</h3>
<p data-i18n="proofChinaText">为中国 TSA/API 预留独立连接层，仅传输哈希。</p>
</article>
<article>
<span class="proof-num">04</span>
<small data-i18n="pilot">试点</small>
<h3 data-i18n="proofDossierTitle">中欧跨境档案</h3>
<p data-i18n="proofDossierText">在同一页面连接证据、版本、接收方与交付记录。</p>
</article>
</div>
</section>
<section class="sector-section" id="fashion">
<div class="container sector-layout">
<div class="sector-copy">
<div class="section-kicker" data-i18n="pratoKicker">PRATO · MODA · TESSILE</div>
<h2 data-i18n="pratoTitle">设计发给工厂之前，先把证据锁定。</h2>
<p data-i18n="pratoText">
CopyrightBridge 为纺织、时尚、皮具和产品设计提供一个明确的操作流程：先锁定文件和版本，再发送给生产商、实验室、客户或合作伙伴。
</p>
<a class="text-link" href="#create"><span data-i18n="startDossier">开始创建档案</span> →</a>
</div>
<div class="sector-cases">
<div><b data-i18n="case1">面料图案与花型</b><span data-i18n="case1Text">印花、纹理、图案、色彩方案</span></div>
<div><b data-i18n="case2">服装设计与系列</b><span data-i18n="case2Text">草图、款式、样衣、系列文件</span></div>
<div><b data-i18n="case3">产品图片与目录</b><span data-i18n="case3Text">摄影、产品页、电商素材、目录</span></div>
<div><b data-i18n="case4">技术文件与包装</b><span data-i18n="case4Text">规格书、版型、标签、包装设计</span></div>
</div>
</div>
</section>
<section class="create-section" id="create">
<div class="container">
<div class="section-head">
<div>
<div class="section-kicker" data-i18n="createKicker">先保护，再发送</div>
<h2 data-i18n="createTitle">创建一份跨境证据草案</h2>
</div>
<p data-i18n="createIntro">
文件始终留在你的浏览器中。CopyrightBridge 本地计算 SHA-256 和 SM3，生成可交给 CopyrightChain 完成正式认证的操作草案。
</p>
</div>
<div class="create-layout">
<form id="evidenceForm" class="evidence-form">
<div class="form-grid">
<label class="file-drop" id="fileDrop">
<input type="file" id="evidenceFile">
<span class="file-icon">＋</span>
<b data-i18n="chooseFile">选择文件</b>
<small id="fileName" data-i18n="filePrivate">文件不会上传到本页面</small>
</label>
<label>
<span data-i18n="workType">作品类型</span>
<select id="workType">
<option value="textile" data-i18n="typeTextile">面料图案 / 花型</option>
<option value="fashion" data-i18n="typeFashion">服装设计 / 系列</option>
<option value="photo" data-i18n="typePhoto">摄影 / 产品图片</option>
<option value="catalog" data-i18n="typeCatalog">目录 / 电商内容</option>
<option value="packaging" data-i18n="typePackaging">包装 / 品牌设计</option>
<option value="software" data-i18n="typeSoftware">软件 / 技术文件</option>
<option value="other" data-i18n="typeOther">其他创作</option>
</select>
</label>
<label>
<span data-i18n="workTitle">作品标题</span>
<input id="workTitle" type="text" maxlength="140" placeholder="2027 春夏系列">
</label>
<label>
<span data-i18n="rightsHolder">权利人 / 企业</span>
<input id="rightsHolder" type="text" maxlength="160" placeholder="Company / Designer">
</label>
<label>
<span data-i18n="recipient">接收方</span>
<input id="recipient" type="text" maxlength="160" placeholder="Factory / Client / Partner">
</label>
<label>
<span data-i18n="destination">目的地 / 市场</span>
<select id="destination">
<option value="CN">中国</option>
<option value="IT">Italia</option>
<option value="EU">Europa</option>
<option value="INT">International</option>
</select>
</label>
<label>
<span data-i18n="projectRef">项目 / 订单编号</span>
<input id="projectRef" type="text" maxlength="100" placeholder="PO-2026-001">
</label>
<label>
<span data-i18n="sendReason">发送目的</span>
<select id="sendReason">
<option value="production" data-i18n="reasonProduction">生产 / 打样</option>
<option value="proposal" data-i18n="reasonProposal">商业提案</option>
<option value="review" data-i18n="reasonReview">客户审核</option>
<option value="license" data-i18n="reasonLicense">许可 / 授权</option>
<option value="other" data-i18n="reasonOther">其他</option>
</select>
</label>
</div>
<label class="full-field">
<span data-i18n="notes">备注</span>
<textarea id="notes" rows="3" maxlength="600" placeholder=""></textarea>
</label>
<div class="privacy-note">
<b data-i18n="localOnlyTitle">本地处理</b>
<span data-i18n="localOnlyText">哈希在浏览器中计算，原始文件不会发送到 CopyrightBridge。</span>
</div>
<div class="form-actions">
<button class="btn btn-primary" type="submit" id="generateDraft" data-i18n="generateDraft">生成证据草案</button>
<button class="btn btn-outline" type="button" id="clearDraft" data-i18n="clear">清除</button>
</div>
</form>
<aside class="draft-panel" id="draftPanel">
<div class="draft-empty" id="draftEmpty">
<span class="draft-mark">桥</span>
<h3 data-i18n="draftAwaiting">等待创建档案</h3>
<p data-i18n="draftAwaitingText">选择文件并填写项目数据，即可生成本地跨境证据草案。</p>
</div>
<div class="draft-content" id="draftContent" hidden>
<div class="draft-status"><span></span><b data-i18n="localDraft">本地草案 · 尚未认证</b></div>
<h3 id="draftTitle">—</h3>
<p id="draftMeta">—</p>
<dl>
<div><dt>SHA-256</dt><dd id="draftSha">—</dd></div>
<div><dt>SM3</dt><dd id="draftSm3">—</dd></div>
<div><dt data-i18n="recipient">接收方</dt><dd id="draftRecipient">—</dd></div>
<div><dt data-i18n="projectRef">项目 / 订单编号</dt><dd id="draftProject">—</dd></div>
</dl>
<div class="draft-actions">
<a class="btn btn-primary" href="https://app.copyrightchain.it/" target="_blank" rel="noopener" data-i18n="certifyNow">在 CopyrightChain 完成认证</a>
<button class="btn btn-outline" type="button" id="downloadDraft" data-i18n="downloadDraft">下载草案 JSON</button>
</div>
</div>
</aside>
</div>
</div>
</section>
<section class="verify-section" id="verify">
<div class="container">
<div class="section-head verify-head">
<div>
<div class="section-kicker" data-i18n="verifyKicker">公开验证</div>
<h2 data-i18n="verifyTitle">验证 CopyrightChain 证书</h2>
</div>
<p data-i18n="verifyIntro">输入证书 ID、SHA-256、验证参数或完整验证链接。</p>
</div>
<div class="verify-box">
<div class="verify-input">
<input id="verifyQuery" type="text" autocomplete="off" placeholder="CD-266038">
<button class="btn btn-primary" id="verifyButton" type="button" data-i18n="verifyButton">立即验证</button>
</div>
<div class="verify-helper">Demo: <button type="button" id="demoVerify">CC-CB-DEMO-2026</button></div>
</div>
<div id="verifyMessage" class="verify-message" hidden></div>
<div id="verifyResult" class="verification-result" hidden></div>
</div>
</section>
<section class="dossier-section" id="dossier">
<div class="container dossier-layout">
<div class="dossier-copy">
<div class="section-kicker">COPYRIGHT PASSPORT</div>
<h2 data-i18n="dossierTitle">一份作品，一套跨境证据。</h2>
<p data-i18n="dossierText">
一个二维码连接欧洲数字证据、比特币时间证明、中国服务状态、版本历史与交付记录。
</p>
<div class="dossier-features">
<span data-i18n="feature1">双语作品信息</span>
<span data-i18n="feature2">公开验证</span>
<span data-i18n="feature3">版本与交付记录</span>
<span data-i18n="feature4">中国服务连接层</span>
</div>
<div class="share-tools">
<button class="btn btn-primary" id="shareWechat" type="button" data-i18n="shareWechat">复制链接到微信</button>
<span id="shareStatus"></span>
</div>
</div>
<div class="qr-card">
<img src="./assets/bridge-verify-qr.png" alt="CopyrightBridge verification QR">
<b data-i18n="scanVerify">扫码打开验证入口</b>
<small>copyrightbridge.cn/#verify</small>
</div>
</div>
</section>
<section class="partner-section" id="partner">
<div class="container partner-layout">
<div>
<div class="section-kicker light" data-i18n="partnerKicker">中国技术合作伙伴</div>
<h2 data-i18n="partnerTitle">把中国可信版权服务接入欧洲市场。</h2>
<p data-i18n="partnerText">
CopyrightBridge 正在对接中国时间戳、版权登记、电子证据和侵权监测服务，建设中欧数字版权证据网关。
</p>
<a class="btn btn-light" href="mailto:info@copyrightchain.it?subject=CopyrightBridge%20China%20Technology%20Partnership" data-i18n="contactPartner">联系合作团队</a>
</div>
<div class="partner-list">
<div><b>01</b><span data-i18n="partnerApi">中国 TSA / API 时间戳</span></div>
<div><b>02</b><span>SHA-256 · SM3 · SM2</span></div>
<div><b>03</b><span data-i18n="partnerRegistration">版权登记与证书验证</span></div>
<div><b>04</b><span data-i18n="partnerMarket">欧洲客户入口与双语档案</span></div>
</div>
</div>
</section>
</main>
<footer>
<div class="container footer-layout">
<div class="footer-brand">
<span class="brand-seal small">桥</span>
<div><b>CopyrightBridge</b><small>by CopyrightChain</small></div>
</div>
<p data-i18n="footerText">连接欧洲数字证据与中国版权服务的独立跨境平台。</p>
<div class="footer-links">
<a href="mailto:info@copyrightchain.it">info@copyrightchain.it</a>
<a href="https://copyrightchain.it" target="_blank" rel="noopener">copyrightchain.it</a>
</div>
</div>
</footer>
<script src="./assets/app.js" defer></script>
</body>
</html>