/*! ==========================================================================
 *  yp-site.css —— 前台皮肤（纯样式覆盖层，只改外观）
 *
 *  覆盖范围：前台首页 / 、「我的」/user.php
 *  色系：与后台皮肤 admin/css/yp-admin.css 保持一致（indigo #6366f1 + slate 中性色）
 *  说明：不改动任何功能、结构、数据与交互，只调配色 / 圆角 / 阴影 / 字体。
 *  还原：删掉 index.php、user.php 里的 <link href="css/yp-site.css"> 及本文件即可。
 * ========================================================================== */
:root{
  --yp-primary:#6366f1;
  --yp-primary-2:#4f46e5;
  --yp-primary-tint:#eef2ff;
  --yp-primary-line:#c7d2fe;
  --yp-bg:#f1f5f9;
  --yp-text:#1e293b;
  --yp-muted:#64748b;
  --yp-line:#e2e8f0;
  --yp-radius:14px;
  --yp-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px rgba(15,23,42,.06);
  --yp-shadow-sm:0 1px 2px rgba(15,23,42,.05);
}

/* ============================== 全局 ============================== */
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Microsoft YaHei","PingFang SC",sans-serif;
  font-size:15px;
  color:var(--yp-text);
  background:linear-gradient(180deg,#f8fafc 0,#f1f5f9 360px,#f1f5f9 100%);
  -webkit-font-smoothing:antialiased;
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid transparent;border-radius:999px;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box}
::-webkit-scrollbar-track{background:transparent}

/* ========================= 顶部导航（首页） ========================= */
.yp-nav{
  position:sticky;top:0;z-index:60;
  padding:12px 20px;
  font-family:inherit;
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--yp-line);
  box-shadow:var(--yp-shadow-sm);
}
.yp-nav-brand{color:var(--yp-primary-2);font-size:16px;font-weight:700;letter-spacing:.2px}
.yp-nav-brand svg{color:var(--yp-primary)}
.yp-nav-link{
  padding:8px 16px;border:1px solid var(--yp-line);border-radius:999px;
  color:#475569;font-size:14px;font-weight:500;background:#fff;
  transition:all .18s ease;
}
.yp-nav-link:hover{
  border-color:var(--yp-primary-line);color:var(--yp-primary-2);
  background:var(--yp-primary-tint);transform:translateY(-1px);
}
.yp-nav-link.on{
  border-color:transparent;color:#fff;font-weight:600;
  background:linear-gradient(135deg,#6366f1,#4f46e5);
  box-shadow:0 6px 16px rgba(99,102,241,.32);
}

/* ========================= 首页头部 / 搜索 ========================= */
.user-top{
  border-bottom:1px solid var(--yp-line);
  background:rgba(255,255,255,.94);
  box-shadow:var(--yp-shadow-sm);
}
.user-ico-div{background:linear-gradient(135deg,#6366f1,#4f46e5)}
.user-ico-div-1,.user-ico-div-2{background:rgba(255,255,255,.9)}
.user-name{color:var(--yp-muted)}
.user-name-txt{color:var(--yp-text);font-weight:600}

.spcinput{
  height:34px;background:#f8fafc;border:1px solid var(--yp-line);border-radius:999px;
  font-size:14px;color:var(--yp-text);transition:all .18s ease;
}
.spcinput::placeholder{color:#94a3b8}
.spcinput:focus{background:#fff;border-color:#a5b4fc;box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.s_pcsubmit_1{border-color:var(--yp-primary)}
.s_pcsubmit_2{border-bottom-color:var(--yp-primary)}
.s_pcsubmit:hover{background:var(--yp-primary-tint);opacity:1}
.s_load{background:transparent}
.s_box{overflow:hidden}

/* ============================ 公告条 ============================ */
.user-radio{
  background:var(--yp-primary-tint);color:#3730a3;
  border-left:3px solid var(--yp-primary);border-radius:10px;
}
.user-radio-0{background:var(--yp-primary-tint)}
.user-radio a{color:var(--yp-primary-2)}

/* ============================ 文件列表 ============================ */
.user-title{color:#0f172a;font-weight:800;letter-spacing:.5px}
.file-box{
  background:#fff;
  border:1px solid var(--yp-line);border-top:1px solid var(--yp-line);
  border-radius:18px;box-shadow:var(--yp-shadow);
  padding:8px 10px;
}
.mbx{padding:0 14px;border-radius:12px;transition:background .18s ease}
.mbx:hover{background:#f8fafc}
.mbxfolder{border-bottom:1px solid #f1f5f9}
#folder{border-top:1px solid #f1f5f9}
.mlink{color:var(--yp-text);padding:14px 0;height:auto}
.mlink:visited{color:var(--yp-text)}
.fileimg{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;background:var(--yp-primary-tint);
  border-radius:12px;box-shadow:inset 0 0 0 1px #e0e7ff;
}
.fileimg img{border-radius:10px;max-width:100%;height:auto}
.filename{color:#1e293b;font-weight:600;line-height:1.35}
.filename:hover{color:var(--yp-primary-2)}
.filesize{color:#94a3b8}

.filedown{
  color:var(--yp-primary);background:var(--yp-primary-tint);
  border:1px solid var(--yp-primary-line);transition:all .18s ease;
}
.filedown-1{border-left-color:var(--yp-primary)}
.filedown-2{border-left-color:var(--yp-primary);border-bottom-color:var(--yp-primary)}
.filedown:hover{
  background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:transparent;
  box-shadow:0 6px 16px rgba(99,102,241,.3);
}
.filedown:hover .filedown-1{border-left-color:#fff}
.filedown:hover .filedown-2{border-left-color:#fff;border-bottom-color:#fff}
.folderdown{background:var(--yp-primary-tint)}
.folderdown-2{border-left-color:var(--yp-primary-2);border-bottom-color:var(--yp-primary-2)}

#infomores{color:#94a3b8}
#filemore{
  background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;
  border-radius:999px;box-shadow:0 8px 20px rgba(99,102,241,.28);
  transition:all .18s ease;
}
#filemore:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(99,102,241,.34)}
#filemore:active{transform:none;opacity:.92}

/* 积分徽标（handle.php 输出） */
.yp-jf{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;vertical-align:1px}
.yp-jf--pay{background:#fff7ed;color:#c2410c;box-shadow:inset 0 0 0 1px #fed7aa}
.yp-jf--free{background:#ecfdf5;color:#047857;box-shadow:inset 0 0 0 1px #a7f3d0}
.s_ad{background:#6366f1;border-radius:999px}

/* ============================ 页脚 / 提示 ============================ */
.n_foot{
  color:#94a3b8;font-size:12px;
  border-top:1px solid var(--yp-line);margin-top:40px;padding:24px 20px;
}
.n_copy{color:#94a3b8;line-height:1.9}
#smsspan{
  background:rgba(15,23,42,.86);border-radius:999px;padding:7px 15px;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}

/* ========================= 「我的」页（user.php） ========================= */
.yp-top{
  background:rgba(255,255,255,.92);
  border-bottom:1px solid var(--yp-line);
  box-shadow:var(--yp-shadow-sm);
  position:sticky;top:0;z-index:50;
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  backdrop-filter:saturate(180%) blur(12px);
}
.yp-logo{color:#0f172a;font-weight:700}
.yp-wrap{max-width:440px;margin:30px auto}
.yp-card{
  border:1px solid var(--yp-line);border-radius:var(--yp-radius);
  box-shadow:var(--yp-shadow);padding:24px 22px;
}
.yp-tabs{border-bottom:1px solid var(--yp-line)}
.yp-tabs a{color:var(--yp-muted);font-weight:500;padding:12px 0}
.yp-tabs a.on{color:var(--yp-primary-2);border-bottom-color:var(--yp-primary);font-weight:700}
.yp-item label{color:var(--yp-muted)}
.yp-input{
  border:1px solid var(--yp-line);border-radius:10px;background:#f8fafc;
  transition:all .18s ease;
}
.yp-input:focus{border-color:#a5b4fc;background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.yp-code button{
  border-radius:10px;background:var(--yp-primary-tint);
  color:var(--yp-primary-2);font-weight:500;
}
.yp-btn{
  border-radius:10px;font-weight:600;
  background:linear-gradient(135deg,#6366f1,#4f46e5);
  box-shadow:0 8px 20px rgba(99,102,241,.28);
}
.yp-btn:active{transform:translateY(1px);opacity:.94}
.yp-btn-2{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 20px rgba(245,158,11,.26)}
.yp-msg{border-radius:10px}
.yp-third{border-top:1px dashed var(--yp-line)}
.yp-third-btns a{border-color:var(--yp-line);border-radius:999px;transition:all .18s ease}
.yp-third-btns a:hover{border-color:var(--yp-primary-line);background:var(--yp-primary-tint);color:var(--yp-primary-2)}
.yp-row span{color:var(--yp-muted)}
.yp-tip,.yp-foot{color:#94a3b8}
.yp-box{border-top:1px dashed var(--yp-line)}
.yp-box-d{color:var(--yp-muted)}
.yp-modal-in{border-radius:var(--yp-radius);box-shadow:var(--yp-shadow)}
.yp-dl-item,.yp-bind{border-bottom:1px dashed var(--yp-line)}
.yp-dl-time{color:#94a3b8}
.yp-bind-btn{
  border-color:var(--yp-primary-line);color:var(--yp-primary-2);
  border-radius:999px;transition:all .18s ease;
}
.yp-bind-btn:hover{background:var(--yp-primary);border-color:var(--yp-primary)}
.yp-bind-btn.off{border-color:var(--yp-line);color:#bbb}
.yp-bind-tip{border-radius:10px}

/* ========================= 移动端微调 ========================= */
@media (max-width:768px){
  .yp-nav{padding:10px 12px;gap:8px}
  .yp-nav-link{padding:7px 12px;font-size:13px}
  .file-box{border-radius:14px;padding:6px}
  .mbx{padding:0 8px}
}