<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Counted · AIFENG DCS</title>
<style>
*{box-sizing:border-box}
body{margin:0;font-family:Arial,"Microsoft YaHei UI","Segoe UI",sans-serif;background:#f5f1e8;color:#2b2620;line-height:1.55;font-size:14px}
a{color:#0b5f59;text-decoration:none}
a:hover{text-decoration:underline}
header{background:#0b5f59;color:#fff;padding:14px 18px;border-bottom:3px solid #c8a24a}
header h1{margin:0;font-size:19px;font-weight:600}
header .sub{font-size:13px;opacity:.88;margin-top:2px}
nav.topnav{background:#0a4f4a;padding:0 12px;display:flex;flex-wrap:wrap;border-bottom:2px solid #c8a24a}
nav.topnav a{color:#e7ddc6;font-size:14px;padding:12px 11px;display:inline-block;min-height:44px}
nav.topnav a.active{background:#0b5f59;color:#fff;border-radius:8px 8px 0 0;font-weight:600}
main{max-width:960px;margin:0 auto;padding:14px 14px 48px}
.banner{background:#fbf5e4;border:1px solid #d8b95e;color:#6d5312;border-radius:12px;padding:10px 12px;font-size:14px;margin-bottom:14px}
.card{background:#fff;border:1px solid #e0d8c6;border-radius:12px;padding:14px;margin-bottom:14px}
h2{font-size:16px;color:#2b2620;margin:4px 0 10px;border-left:4px solid #c8a24a;padding-left:8px}
h3{font-size:15px;color:#0b5f59;margin:14px 0 8px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.tabs a{display:inline-block;padding:10px 18px;border-radius:999px;border:1px solid #0b5f59;font-size:14px;min-height:44px;color:#0b5f59;background:#fff}
.tabs a.active{background:#0b5f59;color:#fff;font-weight:700}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}
.chips a{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid #d8c9a0;background:#faf6ea;font-size:14px;min-height:44px;color:#5d5136}
.chips a.active{background:#c8a24a;color:#fff;border-color:#c8a24a;font-weight:700}
table.list{border-collapse:collapse;width:100%}
table.list th,table.list td{border:1px solid #ece4d2;padding:9px 10px;font-size:14px;text-align:left;vertical-align:top}
table.list th{background:#f3ede0;color:#2b2620}
table.list tr:nth-child(even) td{background:#fbf9f3}
.reply-card{border:1px solid #e7dfc9;border-radius:12px;padding:12px;margin-bottom:10px;background:#fffdf7}
.reply-card .ttl{font-size:15px;font-weight:700;color:#0b5f59}
.reply-card .body{font-size:14px;margin-top:6px;white-space:pre-wrap}
.reply-card .meta{font-size:13px;color:#6f6650;margin-top:6px}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700}
.b-pub{background:#e8f4ee;color:#0b5f59;border:1px solid #b9dccd}
.b-pri{background:#f6e7c1;color:#7a5b16;border:1px solid #d8b95e}
.b-cat{background:#f3ede0;color:#5d5136;border:1px solid #d8c9a0}
.btn{display:inline-block;padding:12px 20px;border-radius:12px;border:1px solid #0b5f59;background:#0b5f59;color:#fff;font-size:14px;min-height:48px;cursor:pointer;font-weight:600;text-align:center}
.btn:hover{text-decoration:none;background:#0a4f4a}
.btn-ghost{background:#fff;color:#0b5f59}
.btn-ghost:hover{background:#eef5f2}
.btn-sm{padding:9px 14px;font-size:14px;min-height:44px}
form.frm label{display:block;font-size:14px;font-weight:600;margin:10px 0 4px;color:#3d362b}
form.frm input[type=text],form.frm textarea,form.frm select{width:100%;border:1px solid #d8cdb4;border-radius:12px;padding:10px;font-size:14px;background:#fffdf7;color:#2b2620;min-height:44px}
form.frm textarea{min-height:88px;resize:vertical}
.warn{background:#fdeaea;border:1px solid #e0a8a8;color:#7e2b2b;border-radius:12px;padding:12px;font-size:14px;font-weight:600;margin-bottom:14px}
.hint{font-size:13px;color:#6f6650;margin:4px 2px}
.goldline{height:3px;background:#c8a24a;border-radius:2px;margin:10px 0}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;background:#fbf5e4;color:#6d5312;border:1px solid #d8b95e}
.cat-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fffdf7;border:1px solid #e7dfc9;border-radius:12px;padding:10px 12px;margin-bottom:8px;min-height:44px}
.cat-row .nm{flex:1 1 50%;font-size:14px;font-weight:600}
footer{padding:16px;text-align:center;font-size:13px;color:#8d8371}
@media (max-width:640px){
  main{padding:10px 8px 40px}
  table.list th,table.list td{padding:7px 6px;font-size:14px}
}
</style>
</head>
<body>
<header>
<h1>AIFENG DCS · Quick Replies &amp; Materials</h1>
<div class="sub">SaleSmartly clone · public/private replies · categories · input suggestions · AIFENG trilingual upgrade · Language: <a href='/quick/?lang=zh-CN' style='color:#fff'>zh-CN</a> | <a href='/quick/?lang=id-ID' style='color:#fff'>id-ID</a> | <a href='/quick/?lang=en-US' style='color:#fff'>en-US</a></div>
</header>
<nav class="topnav"><a href='/?lang=en-US'>← Back to Home</a><a href='/quick/?lang=en-US' class='active'>Quick Replies</a><a href='/quick/material?lang=en-US'>Materials</a></nav>
<main>
<div class="banner" data-safe-banner="true">Safety note: this page only lets agents copy replies and materials — it never auto-sends to customers, never changes prices, never publishes, never mutates the production DB. Customer sends always go through drafts + an approval queue (Human-Gate).</div>
<div class="card" style="text-align:center">
<h2>✅ Counted · 78</h2>
<div style="margin-top:16px"><a class="btn" href="/quick/?lang=en-US&tab=public">Quick Replies</a></div>
</div>
</main>
<footer>PT AIFENG Digital Printing Indonesia · Ultimate Commerce V109 · Quick Replies &amp; Materials</footer>
</body>
</html>