/* ============================================================
   dbsport · base.css —— 变量 / 重置 / 基础排版 / 布局容器
   说明：--ys-* 变量由 header.htm 中 #ys-theme-vars 注入后台 stylevar，
   此处提供默认值兜底；改动后台风格变量即可全站换肤，无需改本文件。
   ============================================================ */
:root{
	--ys-primary:#f97316;
	--ys-primary-hover:#ea580c;
	--db-accent:#2563eb;
	--ys-radius:10px;
	--ys-bg:#f4f6f9;
	--ys-surface:#ffffff;
	--ys-surface-2:#f8fafc;
	--ys-border:#e2e8f0;
	--ys-text:#1f2937;
	--ys-text-2:#6b7280;
	--ys-text-3:#9ca3af;
	--ys-success:#16a34a;
	--ys-warning:#d97706;
	--ys-danger:#dc2626;
	--ys-shadow:0 1px 3px rgba(15,23,42,.06),0 4px 14px rgba(15,23,42,.04);
	--ys-container:1366px;
	--ys-gap:16px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
	margin:0;
	background:var(--ys-bg);
	color:var(--ys-text);
	font:14px/1.6 "PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,sans-serif;
}
a{color:var(--ys-primary);text-decoration:none;}
a:hover{color:var(--ys-primary-hover);text-decoration:none;}
img{max-width:100%;border:0;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;}
p{margin:0 0 .6em;}
button{font-family:inherit;}

/* 布局容器 */
.ys-container{
	width:100%;
	max-width:var(--ys-container);
	margin:0 auto;
	padding:0 var(--ys-gap);
}
.ys-page{padding:18px 0 32px;}
.ys-main{flex:1 1 0;min-width:0;}
.ys-main-full{flex:1 1 100%;}
.ys-side{flex:0 0 300px;margin-left:var(--ys-gap);}
.ys-index-wrap,.ys-fd-wrap,.ys-vt-wrap{
	display:flex;align-items:flex-start;gap:var(--ys-gap);
}
.ys-crumb{
	padding:12px 0 6px;
	font-size:13px;color:var(--ys-text-2);
}
.ys-muted{color:var(--ys-text-2);font-size:13px;}

/* 通用卡片与空态 */
.ys-card{
	background:var(--ys-surface);
	border:1px solid var(--ys-border);
	border-radius:var(--ys-radius);
	box-shadow:var(--ys-shadow);
	padding:14px 16px;
	margin-bottom:var(--ys-gap);
}
.ys-card-title{
	font-size:15px;color:var(--ys-text);
	padding-bottom:10px;margin-bottom:10px;
	border-bottom:1px solid var(--ys-border);
}
.ys-empty{
	background:var(--ys-surface);
	border:1px dashed var(--ys-border);
	border-radius:var(--ys-radius);
	color:var(--ys-text-3);
	text-align:center;
	padding:48px 16px;
	margin-bottom:var(--ys-gap);
}
.ys-flag{
	display:inline-block;font-style:normal;font-size:11px;line-height:1;
	padding:2px 5px;border-radius:4px;margin-right:4px;vertical-align:2px;
}
.ys-flag-new{background:#dbeafe;color:var(--db-accent);}
.ys-flag-digest{background:#fef3c7;color:#b45309;}
.ys-flag-op{background:#dcfce7;color:#15803d;}

/* 按钮 */
.ys-btn{
	display:inline-block;padding:7px 16px;border-radius:var(--ys-radius);
	background:var(--ys-surface);border:1px solid var(--ys-border);
	color:var(--ys-text);font-size:14px;cursor:pointer;line-height:1.5;
	transition:all .15s ease;
}
.ys-btn:hover{border-color:var(--ys-primary);color:var(--ys-primary);}
.ys-btn-primary{background:var(--ys-primary);border-color:var(--ys-primary);color:#fff;}
.ys-btn-primary:hover{background:var(--ys-primary-hover);border-color:var(--ys-primary-hover);color:#fff;}

/* 表单 */
.ys-textarea{
	width:100%;min-height:84px;resize:vertical;
	padding:10px 12px;border:1px solid var(--ys-border);border-radius:var(--ys-radius);
	font-size:14px;color:var(--ys-text);background:var(--ys-surface);
	transition:border-color .15s ease;
}
.ys-textarea:focus{outline:none;border-color:var(--ys-primary);}

/* 分页 */
.ys-pagination{margin:14px 0;text-align:center;}
.ys-pagination a,.ys-pagination strong,.ys-pagination span{
	display:inline-block;min-width:30px;padding:5px 9px;margin:0 2px;
	background:var(--ys-surface);border:1px solid var(--ys-border);
	border-radius:6px;font-size:13px;color:var(--ys-text);
}
.ys-pagination a:hover{border-color:var(--ys-primary);color:var(--ys-primary);}
.ys-pagination strong{background:var(--ys-primary);border-color:var(--ys-primary);color:#fff;}