/* ========================================================================
   三马AI · 决策引擎 全站样式
   配色：墨黑 #1a1a1a · 朱红 #b02c2c · 宣纸米白 #f5f1e8
   ======================================================================== */
:root{
  --ink:#1a1a1a;
  --ink-2:#2a2a2a;
  --ink-3:#404040;
  --paper:#f5f1e8;
  --paper-2:#ebe5d6;
  --paper-3:#e0d8c4;
  --red:#b02c2c;
  --red-2:#8f2222;
  --green:#2d6a4f;
  --blue:#4a6fa5;
  --gold:#8a6c3f;
  --purple:#6a4a8a;
  --rust:#c44536;
  --moss:#5a6b5a;
  --radius:14px;
  --shadow:0 2px 12px rgba(26,26,26,.08);
  --shadow-lg:0 8px 32px rgba(26,26,26,.14);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  line-height:1.7;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--ink);text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,textarea,select{font-family:inherit;font-size:14px}

/* ============ 导航 ============ */
.dnav{position:sticky;top:0;z-index:100;background:var(--ink);border-bottom:3px solid var(--red);backdrop-filter:blur(8px)}
.dnav-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;height:58px;gap:18px}
.dbrand{color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px;flex-shrink:0}
.seal{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--red);color:#fff;font-weight:800;border-radius:5px;font-size:14px}
.dbrand b{color:var(--red);font-weight:800}
.dlinks{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
.dlinks::-webkit-scrollbar{display:none}
.dlinks a{color:#c9c4b8;padding:8px 12px;border-radius:8px;font-size:14px;white-space:nowrap;transition:.15s}
.dlinks a:hover{background:rgba(255,255,255,.08);color:#fff}
.dlinks a.on{background:var(--red);color:#fff}
.dcta{background:var(--red);color:#fff;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:600;flex-shrink:0;white-space:nowrap}
.dcta:hover{background:var(--red-2)}
@media(max-width:768px){
  .dlinks{display:none}
  .dnav-inner{padding:0 14px}
}

/* ============ 按钮 ============ */
.dbtn-pri,.dbtn-sec{display:inline-flex;align-items:center;justify-content:center;padding:11px 24px;border-radius:10px;font-size:15px;font-weight:600;transition:.15s;cursor:pointer;border:none}
.dbtn-pri{background:var(--red);color:#fff}
.dbtn-pri:hover{background:var(--red-2);transform:translateY(-1px)}
.dbtn-sec{background:#fff;color:var(--ink);border:1px solid var(--paper-3)}
.dbtn-sec:hover{background:var(--paper-2)}
.dbtn-pri:disabled,.dbtn-sec:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* ============ 通用 section ============ */
.dsec-title{font-size:22px;font-weight:700;margin-bottom:18px;padding-left:12px;border-left:4px solid var(--red)}
.dempty{max-width:600px;margin:80px auto;text-align:center;color:var(--ink-3)}
.dempty h1{font-size:24px;margin-bottom:16px}
.dempty a{margin-top:12px;display:inline-block}

/* ============ 首页 home.php ============ */
.dhome{max-width:1200px;margin:0 auto;padding:0 20px 60px}
.dhome-hero{text-align:center;padding:60px 0 40px}
.dhome-title{font-size:42px;font-weight:800;line-height:1.25;margin-bottom:16px}
.dhome-title .hl{color:var(--red)}
.dhome-sub{font-size:17px;color:var(--ink-3);margin-bottom:32px;max-width:640px;margin-left:auto;margin-right:auto}
.dhome-search{max-width:600px;margin:0 auto 14px;display:flex;gap:0;background:#fff;border:2px solid var(--ink);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.dhome-search input{flex:1;padding:14px 18px;border:none;outline:none;font-size:15px}
.dhome-search button{background:var(--ink);color:#fff;padding:0 26px;font-weight:600;font-size:15px}
.dhome-decide{max-width:600px;margin:0 auto;display:flex;gap:8px}
.dhome-decide input{flex:1;padding:14px 18px;border:1px solid var(--paper-3);border-radius:10px;outline:none}
.dhome-decide input:focus{border-color:var(--red)}
.dhome-tip{margin-top:14px;font-size:12px;color:var(--ink-3)}

.dhome-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:50px}
.dsc-card{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:6px;transition:.15s;box-shadow:var(--shadow)}
.dsc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--red)}
.dsc-icon{font-size:26px}
.dsc-name{font-weight:700;font-size:16px}
.dsc-desc{font-size:13px;color:var(--ink-3)}

.dhome-modules{margin-bottom:50px}
.dmod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.dmod-card{background:#fff;border:2px solid var(--paper-3);border-radius:var(--radius);padding:24px;transition:.15s;display:flex;flex-direction:column;gap:8px}
.dmod-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.dmod-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px}
.dmod-card h3{font-size:18px}
.dmod-card p{font-size:13px;color:var(--ink-3)}

.dhome-scenes,.dhome-recs{margin-bottom:50px}
.dhot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.dhot-card{background:#fff;border:1px solid var(--paper-3);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;transition:.15s}
.dhot-card:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:var(--shadow)}
.dhot-cat{font-size:12px;color:var(--ink-3)}
.dhot-title{font-weight:600;font-size:15px}
.dhot-verdict{font-size:13px;font-weight:600}
.dhome-more{margin-top:16px;text-align:center}
.dhome-more a{color:var(--red);font-weight:600}

.drec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.drec-card{background:#fff;border:1px solid var(--paper-3);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;transition:.15s}
.drec-card:hover{border-color:var(--red);transform:translateY(-2px)}
.drec-tag{font-size:11px;color:var(--red);font-weight:600}
.drec-title{font-weight:600;font-size:14px}
.drec-verdict{font-size:13px;color:var(--ink-3)}

/* ============ 决策入口 decision.php ============ */
.dhero{max-width:800px;margin:0 auto;padding:50px 20px 40px;text-align:center}
.dhero-title{font-size:38px;font-weight:800;line-height:1.3;margin-bottom:12px}
.dhero-title .hl{color:var(--red)}
.dhero-sub{font-size:16px;color:var(--ink-3);margin-bottom:30px}
.dform{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);text-align:left}
.dform textarea{width:100%;padding:14px;border:1px solid var(--paper-3);border-radius:10px;resize:vertical;outline:none;min-height:90px}
.dform textarea:focus{border-color:var(--red)}
.dform-ctx{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.dform-ctx input,.dform-ctx select{flex:1;min-width:120px;padding:10px 12px;border:1px solid var(--paper-3);border-radius:8px;outline:none}
.dform-ctx input:focus,.dform-ctx select:focus{border-color:var(--red)}
#decBtn{width:100%;margin-top:16px;padding:14px;font-size:16px}
.dform-tip{margin-top:10px;font-size:12px;color:var(--ink-3);text-align:center}
.dresult{margin-top:24px;text-align:left}

.dhot,.dhow{max-width:1100px;margin:0 auto 50px;padding:0 20px}
.dhow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.dhow-card{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius);padding:24px;text-align:center}
.dhow-mark{width:56px;height:56px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff}
.dhow-mark.attack{background:var(--red)}
.dhow-mark.defense{background:var(--blue)}
.dhow-mark.calib{background:var(--gold)}
.dhow-card h3{margin-bottom:8px}
.dhow-card p{font-size:13px;color:var(--ink-3)}

/* ============ 结果渲染（AJAX） ============ */
.dres-card{background:#fff;border:2px solid var(--paper-3);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-lg)}
.dres-verdict{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}
.dres-vlabel{font-size:13px;color:var(--ink-3)}
.dres-vtext{font-size:30px;font-weight:800}
.dres-line{font-size:16px;margin-bottom:18px;color:var(--ink-2)}
.dres-lines{display:grid;gap:8px;margin-bottom:18px}
.dres-line-item{display:flex;gap:10px;padding:10px 12px;background:var(--paper);border-radius:8px;font-size:14px}
.dres-lname{font-weight:700;flex-shrink:0;min-width:56px}
.dres-lname.attack{color:var(--red)}
.dres-lname.defense{color:var(--blue)}
.dres-lname.calibration{color:var(--gold)}
.dres-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);margin-bottom:14px;padding:10px 12px;background:var(--paper);border-radius:8px}
.dres-risks,.dres-actions{margin-bottom:14px}
.dres-risks b,.dres-actions b{font-size:14px;display:block;margin-bottom:6px}
.dres-risks ul,.dres-actions ol{padding-left:20px;font-size:14px;color:var(--ink-2)}
.dres-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.dres-disclaimer{font-size:12px;color:var(--ink-3);border-top:1px solid var(--paper-3);padding-top:12px;margin-top:12px}

/* ============ 结果页 decision_result.php ============ */
.dresult-page{max-width:720px;margin:0 auto;padding:40px 20px 60px}
.dresult-card{background:#fff;border:2px solid var(--paper-3);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-lg)}
.drc-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--paper-3);margin-bottom:18px}
.drc-brand{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}
.drc-date{font-size:12px;color:var(--ink-3)}
.drc-question{font-size:18px;font-weight:700;margin-bottom:14px;padding:12px;background:var(--paper);border-radius:8px}
.drc-verdict{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.drc-vlabel{font-size:13px;color:var(--ink-3)}
.drc-vtext{font-size:36px;font-weight:800}
.drc-line{font-size:16px;color:var(--ink-2);margin-bottom:18px}
.drc-lines{display:grid;gap:8px;margin-bottom:18px}
.drc-line-item{display:flex;gap:10px;padding:10px 12px;background:var(--paper);border-radius:8px;font-size:14px}
.drc-lname{font-weight:700;flex-shrink:0;min-width:56px}
.drc-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);padding:10px 12px;background:var(--paper);border-radius:8px;margin-bottom:14px}
.drc-risks,.drc-actions{margin-bottom:14px}
.drc-risks b,.drc-actions b{font-size:14px;display:block;margin-bottom:6px}
.drc-risks ul,.drc-actions ol{padding-left:20px;font-size:14px}
.drc-foot{display:flex;gap:16px;align-items:center;padding-top:16px;border-top:1px solid var(--paper-3);margin-top:16px}
.drc-qr{flex-shrink:0}
.drc-foot-text{flex:1}
.drc-sharetext{font-size:13px;font-style:italic;color:var(--ink-2);margin-bottom:6px}
.drc-domain{font-size:12px;color:var(--ink-3)}
.drc-disclaimer{font-size:12px;color:var(--ink-3);margin-top:14px;padding-top:12px;border-top:1px solid var(--paper-3)}
.dresult-actions{display:flex;gap:10px;justify-content:center;margin-top:24px;flex-wrap:wrap}

.dmodal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}
.dmodal[hidden]{display:none}
.dmodal-box{background:#fff;border-radius:var(--radius);padding:18px;max-width:92vw;max-height:92vh;overflow:auto;text-align:center}
.dmodal-box canvas{max-width:100%;height:auto;border-radius:8px}
.dmodal-acts{display:flex;gap:10px;justify-content:center;margin-top:14px}

/* ============ 场景页 decision_scene.php ============ */
.dscene{max-width:800px;margin:0 auto;padding:40px 20px 60px}
.dscene-hero{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius);padding:32px;margin-bottom:30px;box-shadow:var(--shadow)}
.dscene-cat{font-size:13px;color:var(--red);font-weight:600}
.dscene-title{font-size:30px;font-weight:800;margin:8px 0 14px}
.dscene-verdict{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.dscene-vlabel{font-size:13px;color:var(--ink-3)}
.dscene-vtext{font-size:28px;font-weight:800}
.dscene-line{font-size:17px;color:var(--ink-2);margin-bottom:16px}
.dscene-intro{font-size:15px;color:var(--ink-2);margin-bottom:10px}
.dscene-cta{margin-top:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dscene-free{font-size:13px;color:var(--ink-3)}
.dscene-checks,.dscene-faq,.dscene-related{margin-bottom:36px}
.dcheck-list{list-style:none;display:grid;gap:10px}
.dcheck-list li{background:#fff;border:1px solid var(--paper-3);border-radius:10px;padding:14px 18px;display:flex;gap:12px}
.dcheck-name{font-weight:700;flex-shrink:0;min-width:100px;color:var(--red)}
.dcheck-desc{font-size:14px;color:var(--ink-2)}
.dfaq{background:#fff;border:1px solid var(--paper-3);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.dfaq summary{font-weight:600;cursor:pointer;font-size:15px}
.dfaq p{margin-top:10px;font-size:14px;color:var(--ink-2)}
.dscene-cta2{text-align:center;background:var(--ink);color:#fff;border-radius:var(--radius);padding:40px 20px}
.dscene-cta2 h2{font-size:20px;margin-bottom:16px}

/* ============ 风格卡 decision_style.php ============ */
.dstyle{max-width:700px;margin:0 auto;padding:40px 20px 60px}
.dstyle-sub{text-align:center;color:var(--ink-3);margin-bottom:30px}
.dstyle-form{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.dq-item{margin-bottom:22px}
.dq-item h4{font-size:15px;margin-bottom:10px}
.dq-opts{display:grid;gap:8px}
.dq-opt{padding:11px 14px;border:1px solid var(--paper-3);border-radius:8px;cursor:pointer;font-size:14px;transition:.12s;text-align:left;background:var(--paper)}
.dq-opt:hover{border-color:var(--red)}
.dq-opt.sel{background:var(--red);color:#fff;border-color:var(--red)}
#styleBtn{width:100%;margin-top:10px}

.dstyle-result{max-width:600px;margin:40px auto;padding:0 20px}
.dstyle-card{background:#fff;border:3px solid var(--paper-3);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-lg)}
.dstyle-brand{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;margin-bottom:20px}
.dstyle-type{font-size:38px;font-weight:800;margin-bottom:4px}
.dstyle-tone{font-size:15px;color:var(--ink-3);margin-bottom:16px}
.dstyle-desc{font-size:15px;color:var(--ink-2);margin-bottom:18px}
.dstyle-advice{background:var(--paper);border-radius:10px;padding:16px;margin-bottom:18px}
.dstyle-advice b{display:block;margin-bottom:8px}
.dstyle-advice ul{padding-left:20px;font-size:14px}
.dstyle-foot{display:flex;gap:14px;align-items:center;padding-top:16px;border-top:1px solid var(--paper-3)}
.dstyle-qr{flex-shrink:0}
.dstyle-foot-text{flex:1;font-size:13px;color:var(--ink-3)}
.dstyle-domain{margin-top:4px;font-size:12px}

/* ============ 广场 square.php ============ */
.dsquare{max-width:900px;margin:0 auto;padding:40px 20px 60px}
.dsquare-sub{text-align:center;color:var(--ink-3);margin-bottom:30px}
.dsquare-list{display:grid;gap:12px}
.dcase-item{background:#fff;border:1px solid var(--paper-3);border-radius:12px;padding:18px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;transition:.12s}
.dcase-item:hover{border-color:var(--red);transform:translateX(2px)}
.dcase-q{font-weight:600}
.dcase-v{font-weight:700;white-space:nowrap}
.dcase-choice{font-size:13px;color:var(--ink-3);white-space:nowrap}
@media(max-width:600px){.dcase-item{grid-template-columns:1fr}}

.dsquare-detail{max-width:680px;margin:0 auto;padding:40px 20px 60px}
.dcase-card{background:#fff;border:1px solid var(--paper-3);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.dcase-type{font-size:13px;color:var(--red);font-weight:600}
.dcase-q{font-size:24px;font-weight:800;margin:8px 0 14px}
.dcase-verdict{font-size:20px;font-weight:700;margin-bottom:10px}
.dcase-choice{font-size:15px;color:var(--ink-2);margin-bottom:12px}
.dcase-detail{font-size:14px;color:var(--ink-2);padding:12px;background:var(--paper);border-radius:8px;margin-bottom:16px}
.dcase-vote{display:flex;gap:10px;flex-wrap:wrap}
.dcase-disclaimer{margin-top:16px;font-size:12px;color:var(--ink-3);text-align:center}

/* ============ 每日签 daily_sign.php ============ */
.dsign{max-width:520px;margin:0 auto;padding:40px 20px 60px}
.dsign-card{background:#fff;border:2px solid var(--paper-3);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-lg)}
.dsign-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--paper-3);margin-bottom:18px}
.dsign-brand{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}
.dsign-date{font-size:12px;color:var(--ink-3)}
.dsign-no{font-size:14px;color:var(--ink-3);text-align:center;margin-bottom:8px}
.dsign-level{font-size:36px;font-weight:800;text-align:center;margin-bottom:10px}
.dsign-poem{font-size:18px;text-align:center;margin-bottom:14px;font-weight:600;letter-spacing:2px}
.dsign-verdict{font-size:15px;text-align:center;color:var(--ink-2);margin-bottom:18px;padding:12px;background:var(--paper);border-radius:8px}
.dsign-yiji{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.dsign-yi,.dsign-ji{background:var(--paper);border-radius:8px;padding:12px;text-align:center}
.dsign-yi b{color:var(--green);display:block;margin-bottom:4px}
.dsign-ji b{color:var(--red);display:block;margin-bottom:4px}
.dsign-yi span,.dsign-ji span{font-size:13px}
.dsign-one{background:var(--ink);color:#fff;border-radius:8px;padding:14px;margin-bottom:18px}
.dsign-one b{display:block;margin-bottom:6px;color:#fbbf24}
.dsign-one p{font-size:14px}

/* ============ 搜索页 search.php ============ */
.dsearch{max-width:900px;margin:0 auto;padding:40px 20px 60px}
.dsearch-box{display:flex;gap:0;background:#fff;border:2px solid var(--ink);border-radius:12px;overflow:hidden;margin-bottom:30px}
.dsearch-box input{flex:1;padding:14px 18px;border:none;outline:none;font-size:15px}
.dsearch-box button{background:var(--ink);color:#fff;padding:0 26px;font-weight:600}
.dsearch-sec{margin-bottom:30px}
.dsearch-sec h2{font-size:18px;margin-bottom:14px;padding-left:10px;border-left:3px solid var(--red)}
.dsearch-empty{text-align:center;color:var(--ink-3);padding:40px 0}
.dsearch-mods{display:flex;gap:8px;flex-wrap:wrap}
.dsearch-mods a{padding:6px 14px;background:#fff;border:1px solid var(--paper-3);border-radius:20px;font-size:13px}
.dsearch-mods a:hover{border-color:var(--red);color:var(--red)}

/* ============ 模块页（money/save/...） ============ */
.dmod-page{max-width:1000px;margin:0 auto;padding:40px 20px 60px}
.dmod-hero{background:var(--ink);color:#fff;border-radius:var(--radius);padding:40px;margin-bottom:30px}
.dmod-hero h1{font-size:30px;margin-bottom:10px}
.dmod-hero p{color:#c9c4b8;font-size:15px}
.dmod-section{margin-bottom:36px}
.dmod-section h2{font-size:20px;margin-bottom:16px;padding-left:10px;border-left:3px solid var(--red)}
.dmod-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.dmod-feat-item{background:#fff;border:1px solid var(--paper-3);border-radius:12px;padding:20px}
.dmod-feat-item h3{font-size:16px;margin-bottom:8px}
.dmod-feat-item p{font-size:13px;color:var(--ink-3)}
.dmod-feat-item .tag{display:inline-block;font-size:11px;background:var(--paper-2);padding:2px 8px;border-radius:4px;margin-bottom:8px}

/* ============ 页脚 ============ */
.dfoot{background:var(--ink);color:#c9c4b8;padding:40px 20px 24px;margin-top:60px}
.dfoot-inner{max-width:1100px;margin:0 auto;text-align:center}
.dfoot-brand{font-size:17px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}
.dfoot-slogan{font-size:14px;color:#a8a294;margin-bottom:20px}
.dfoot-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.dfoot-links a{color:#c9c4b8;font-size:14px}
.dfoot-links a:hover{color:var(--red)}
.dfoot-copy{font-size:12px;color:#6b665a;border-top:1px solid #2a2a2a;padding-top:16px}

/* ============ loading ============ */
.dloading{text-align:center;padding:30px;color:var(--ink-3)}
.dspinner{display:inline-block;width:28px;height:28px;border:3px solid var(--paper-3);border-top-color:var(--red);border-radius:50%;animation:dspin .8s linear infinite}
@keyframes dspin{to{transform:rotate(360deg)}}
.derror{background:#fff5f5;border:1px solid #f5c6c6;color:var(--red);padding:14px 18px;border-radius:10px;font-size:14px}