.daxin-agent{<\/p>\n
max-width:1000px;<\/p>\n
margin:40px auto;<\/p>\n
font-family:
\nArial,
\nsans-serif;<\/p>\n
}<\/p>\n
.agent-header{<\/p>\n
background:
\nlinear-gradient(
\n135deg,
\n#006b45,
\n#00b86b
\n);<\/p>\n
color:white;<\/p>\n
padding:45px;<\/p>\n
border-radius:20px;<\/p>\n
text-align:center;<\/p>\n
}<\/p>\n
.agent-header h1{<\/p>\n
font-size:40px;<\/p>\n
margin-bottom:15px;<\/p>\n
}<\/p>\n
.agent-card{<\/p>\n
background:white;<\/p>\n
padding:35px;<\/p>\n
margin-top:30px;<\/p>\n
border-radius:20px;<\/p>\n
box-shadow:
\n0 8px 30px rgba(0,0,0,.12);<\/p>\n
}<\/p>\n
.agent-card h2{<\/p>\n
font-size:28px;<\/p>\n
color:#006b45;<\/p>\n
}<\/p>\n
#productInput{<\/p>\n
width:100%;<\/p>\n
height:120px;<\/p>\n
padding:15px;<\/p>\n
font-size:17px;<\/p>\n
border:<\/p>\n
1px solid #ccc;<\/p>\n
border-radius:10px;<\/p>\n
}<\/p>\n
button{<\/p>\n
padding:<\/p>\n
15px 35px;<\/p>\n
margin-top:20px;<\/p>\n
border-radius:30px;<\/p>\n
border:none;<\/p>\n
font-size:16px;<\/p>\n
cursor:pointer;<\/p>\n
}<\/p>\n
#generateBtn{<\/p>\n
background:#008f55;<\/p>\n
color:white;<\/p>\n
}<\/p>\n
.tiktok{<\/p>\n
background:#000;<\/p>\n
color:white;<\/p>\n
}<\/p>\n
.publish{<\/p>\n
background:#fe2c55;<\/p>\n
color:white;<\/p>\n
margin-left:15px;<\/p>\n
}<\/p>\n
.output{<\/p>\n
background:#f1faf5;<\/p>\n
border-left:<\/p>\n
5px solid #008f55;<\/p>\n
padding:25px;<\/p>\n
border-radius:12px;<\/p>\n
}<\/p>\n
.output h3{<\/p>\n
color:#008f55;<\/p>\n
}<\/p>\n
#status{<\/p>\n
margin-top:25px;<\/p>\n
font-size:20px;<\/p>\n
font-weight:bold;<\/p>\n
color:#008f55;<\/p>\n
}<\/p>\n
.daxin-dashboard{<\/p>\n
max-width:1200px;
\nmargin:40px auto;
\nfont-family:
\nArial,
\nHelvetica,
\nsans-serif;<\/p>\n
color:#1e293b;<\/p>\n
}<\/p>\n
.daxin-header{<\/p>\n
background:
\nlinear-gradient(135deg,#0f172a,#2563eb);<\/p>\n
padding:45px;<\/p>\n
border-radius:25px;<\/p>\n
color:white;<\/p>\n
margin-bottom:30px;<\/p>\n
}<\/p>\n
.daxin-header h1{<\/p>\n
font-size:42px;
\nmargin:0 0 15px;<\/p>\n
}<\/p>\n
.daxin-header p{<\/p>\n
font-size:18px;<\/p>\n
opacity:.9;<\/p>\n
}<\/p>\n
.grid{<\/p>\n
display:grid;<\/p>\n
grid-template-columns:
\nrepeat(2,1fr);<\/p>\n
gap:25px;<\/p>\n
}<\/p>\n
.box{<\/p>\n
background:white;<\/p>\n
padding:30px;<\/p>\n
border-radius:20px;<\/p>\n
box-shadow:
\n0 10px 30px rgba(0,0,0,.08);<\/p>\n
}<\/p>\n
.box h2{<\/p>\n
font-size:26px;<\/p>\n
margin-bottom:20px;<\/p>\n
}<\/p>\n
input,
\ntextarea,
\nselect{<\/p>\n
width:100%;<\/p>\n
padding:14px;<\/p>\n
border-radius:10px;<\/p>\n
border:1px solid #ddd;<\/p>\n
margin-bottom:15px;<\/p>\n
font-size:16px;<\/p>\n
}<\/p>\n
textarea{<\/p>\n
height:120px;<\/p>\n
}<\/p>\n
.btn{<\/p>\n
background:#2563eb;<\/p>\n
color:white;<\/p>\n
border:none;<\/p>\n
padding:14px 25px;<\/p>\n
border-radius:10px;<\/p>\n
cursor:pointer;<\/p>\n
font-size:16px;<\/p>\n
}<\/p>\n
.btn:hover{<\/p>\n
background:#1d4ed8;<\/p>\n
}<\/p>\n
.ai-result{<\/p>\n
background:#f8fafc;<\/p>\n
padding:20px;<\/p>\n
border-radius:15px;<\/p>\n
}<\/p>\n
.tag{<\/p>\n
display:inline-block;<\/p>\n
background:#dbeafe;<\/p>\n
padding:8px 15px;<\/p>\n
border-radius:30px;<\/p>\n
margin:5px;<\/p>\n
}<\/p>\n
.channel{<\/p>\n
display:flex;<\/p>\n
justify-content:space-between;<\/p>\n
padding:15px;<\/p>\n
border-bottom:1px solid #eee;<\/p>\n
}<\/p>\n
.status{<\/p>\n
color:green;<\/p>\n
font-weight:bold;<\/p>\n
}<\/p>\n
.analytics{<\/p>\n
display:grid;<\/p>\n
grid-template-columns:
\nrepeat(3,1fr);<\/p>\n
gap:20px;<\/p>\n
}<\/p>\n
.metric{<\/p>\n
background:#f1f5f9;<\/p>\n
padding:25px;<\/p>\n
border-radius:15px;<\/p>\n
text-align:center;<\/p>\n
}<\/p>\n
.metric strong{<\/p>\n
display:block;<\/p>\n
font-size:32px;<\/p>\n
color:#2563eb;<\/p>\n
}<\/p>\n
.loading{<\/p>\n
display:none;<\/p>\n
color:#2563eb;<\/p>\n
font-weight:bold;<\/p>\n
}<\/p>\n
@media(max-width:768px){<\/p>\n
.grid{<\/p>\n
grid-template-columns:1fr;<\/p>\n
}<\/p>\n
.analytics{<\/p>\n
grid-template-columns:1fr;<\/p>\n
}<\/p>\n
}<\/p>\n
\nAI-powered content creation and multi-platform publishing system for global energy storage solutions.\n<\/p>\n<\/div>\n