/*注释内容 家兴网络技术工作室2026416 qq：1774525808*/


*{box-sizing:border-box}
body{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial;
    background: linear-gradient(135deg,#eef2f7,#f9fbfd);
    margin:0;
}
.container{
    max-width:1200px;
    margin:auto;
    padding:30px 20px;
}
header{
    text-align:center;
    margin-bottom:25px;
}
h1{
    margin:0;
    font-size:28px;
}
header p{
    color:#666;
    margin-top:8px;
}
textarea{
    width:100%;
    height:180px;
    padding:12px;
    border-radius:10px;
    border:1px solid #ddd;
    font-size:14px;
    transition:0.2s;
}
textarea:focus{
    outline:none;
    border-color:#1677ff;
    box-shadow:0 0 0 2px rgba(22,119,255,0.1);
}
.btns{
    margin-top:12px;
}
button{
    padding:10px 18px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    margin-right:10px;
    font-size:14px;
    transition:0.2s;
}
/*注释内容 家兴网络技术工作室2026416 qq：1774525808*/
.primary{
    background:#1677ff;
    color:#fff;
}
.primary:hover{background:#4096ff}
.secondary{
    background:#f0f0f0;
}
.secondary:hover{background:#e6e6e6}

.flex{
    display:flex;
    gap:20px;
    margin-top:25px;
}
.box{
    flex:1;
    background:#fff;
    padding:18px;
    border-radius:12px;
    box-shadow:0 4px 20px rgba(0,0,0,0.05);
}
.box h3{
    margin-top:0;
    font-size:16px;
    border-left:4px solid #1677ff;
    padding-left:8px;
}
.box div{
    white-space: pre-wrap;
    word-break: break-word;
    font-family: monospace;
    line-height:1.6;
    font-size:13px;
}

.severe{background:#ff4d4f;color:#fff;border-radius:2px}
.medium{background:#faad14;color:#000;border-radius:2px}
.mild{background:#52c41a;color:#fff;border-radius:2px}

.stats{
    display:flex;
    gap:20px;
    margin-top:20px;
}
.card{
    flex:1;
    background:#fff;
    padding:15px;
    border-radius:10px;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
    text-align:center;
}
.card strong{
    display:block;
    font-size:20px;
    margin-top:5px;
}

section h3{
    margin-top:30px;
}
#suggest p{
    background:#fff;
    padding:10px;
    border-radius:8px;
    margin:8px 0;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
}
footer{
    margin-top:40px;
    text-align:center;
    color:#888;
    font-size:13px;
}

/*注释内容 家兴网络技术工作室2026416 qq：1774525808*/

@media(max-width:768px){
    .flex{flex-direction:column}
    .stats{flex-direction:column}
}
/*注释内容 家兴网络技术工作室2026416 qq：1774525808*/