.daxin-agent{
max-width:1000px;
margin:40px auto;
font-family:
Arial,
sans-serif;
}
.agent-header{
background:
linear-gradient(
135deg,
#006b45,
#00b86b
);
color:white;
padding:45px;
border-radius:20px;
text-align:center;
}
.agent-header h1{
font-size:40px;
margin-bottom:15px;
}
.agent-card{
background:white;
padding:35px;
margin-top:30px;
border-radius:20px;
box-shadow:
0 8px 30px rgba(0,0,0,.12);
}
.agent-card h2{
font-size:28px;
color:#006b45;
}
#productInput{
width:100%;
height:120px;
padding:15px;
font-size:17px;
border:
1px solid #ccc;
border-radius:10px;
}
button{
padding:
15px 35px;
margin-top:20px;
border-radius:30px;
border:none;
font-size:16px;
cursor:pointer;
}
#generateBtn{
background:#008f55;
color:white;
}
.tiktok{
background:#000;
color:white;
}
.publish{
background:#fe2c55;
color:white;
margin-left:15px;
}
.output{
background:#f1faf5;
border-left:
5px solid #008f55;
padding:25px;
border-radius:12px;
}
.output h3{
color:#008f55;
}
#status{
margin-top:25px;
font-size:20px;
font-weight:bold;
color:#008f55;
}
.daxin-dashboard{
max-width:1200px;
margin:40px auto;
font-family:
Arial,
Helvetica,
sans-serif;
color:#1e293b;
}
.daxin-header{
background:
linear-gradient(135deg,#0f172a,#2563eb);
padding:45px;
border-radius:25px;
color:white;
margin-bottom:30px;
}
.daxin-header h1{
font-size:42px;
margin:0 0 15px;
}
.daxin-header p{
font-size:18px;
opacity:.9;
}
.grid{
display:grid;
grid-template-columns:
repeat(2,1fr);
gap:25px;
}
.box{
background:white;
padding:30px;
border-radius:20px;
box-shadow:
0 10px 30px rgba(0,0,0,.08);
}
.box h2{
font-size:26px;
margin-bottom:20px;
}
input,
textarea,
select{
width:100%;
padding:14px;
border-radius:10px;
border:1px solid #ddd;
margin-bottom:15px;
font-size:16px;
}
textarea{
height:120px;
}
.btn{
background:#2563eb;
color:white;
border:none;
padding:14px 25px;
border-radius:10px;
cursor:pointer;
font-size:16px;
}
.btn:hover{
background:#1d4ed8;
}
.ai-result{
background:#f8fafc;
padding:20px;
border-radius:15px;
}
.tag{
display:inline-block;
background:#dbeafe;
padding:8px 15px;
border-radius:30px;
margin:5px;
}
.channel{
display:flex;
justify-content:space-between;
padding:15px;
border-bottom:1px solid #eee;
}
.status{
color:green;
font-weight:bold;
}
.analytics{
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:20px;
}
.metric{
background:#f1f5f9;
padding:25px;
border-radius:15px;
text-align:center;
}
.metric strong{
display:block;
font-size:32px;
color:#2563eb;
}
.loading{
display:none;
color:#2563eb;
font-weight:bold;
}
@media(max-width:768px){
.grid{
grid-template-columns:1fr;
}
.analytics{
grid-template-columns:1fr;
}
}
DAXIN ENERGY AI Social Media Agent
AI-powered content creation and multi-platform publishing system for global energy storage solutions.
Product Intelligence
Europe
USA
Asia
Generate AI Content
AI generating content…
AI Content Studio
Title
Waiting for AI generation…
Description
Waiting for AI generation…
Hashtags
Publishing Center
TikTok
Connected
Connected
YouTube
Connected
Publish All Channels
AI Marketing Analytics
128
Posts Generated
356K
Views
245
Leads
function generateAI(){
document.getElementById(“loading”)
.style.display=”block”;
setTimeout(function(){
document.getElementById(“loading”)
.style.display=”none”;
document.getElementById(“title”)
.innerHTML=
“DAXIN ENERGY 100kWh ESS: Smart Energy Storage Solution”;
document.getElementById(“resultDescription”)
.innerHTML=
“Advanced commercial battery storage system enabling renewable integration, peak shaving and intelligent industrial energy management.”;
document.getElementById(“tags”)
.innerHTML=
`
#EnergyStorage
#BatterySystem
#RenewableEnergy
#SolarPower
`;
},1500);
}
function publish(){
document.getElementById(“publishResult”)
.innerHTML=
“✓ Published Successfully to connected channels”;
}