/* tpl_10_carbon 碳灰 —— 高密度网格 + 深色胶囊导航 + 亮黄点缀（精修版：去大写重字，圆角化，柔和阴影） */
:root{
  --t10-carbon:#374151; --t10-black:#111827; --t10-yellow:#eab308;
  --t10-ink:#1f2937; --t10-gray:#9ca3af; --t10-line:#e8eaee; --t10-bg:#f5f6f8;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Inter","PingFang SC","Microsoft YaHei",sans-serif;color:var(--t10-ink);background:var(--t10-bg);line-height:1.55}
a{color:inherit;text-decoration:none;transition:color .18s}
img{display:block;max-width:100%}
.t10-wrap{max-width:1240px;margin:0 auto;padding:0 14px}

/* header：深色胶囊导航 */
.t10-head{position:sticky;top:0;z-index:50;background:rgba(17,24,39,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 8px rgba(0,0,0,.18)}
.t10-bar{display:flex;align-items:center;height:52px;gap:20px}
.t10-logo{font-size:17px;font-weight:600;letter-spacing:.02em;color:var(--t10-yellow);display:flex;align-items:center}
.t10-logo img{max-height:30px;width:auto}
.t10-menu{display:flex;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.t10-menu::-webkit-scrollbar{display:none}
.t10-menu a{padding:6px 13px;border-radius:999px;font-size:13px;white-space:nowrap;color:#d1d5db;transition:.18s}
.t10-menu a:hover{background:var(--t10-yellow);color:var(--t10-black)}

/* ads */
.t10-adtop{padding:10px 0;text-align:center}
.t10-admid{padding:12px 0;text-align:center}
.t10-floatad{position:fixed;right:12px;bottom:12px;z-index:60;max-width:280px;border:1px solid var(--t10-yellow);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(17,24,39,.22)}

/* grid：高密度 */
.t10-sec{margin:20px 0}
.t10-h1,.t10-h2{font-weight:600}
.t10-h1{font-size:19px;margin:14px 0 12px;color:var(--t10-black)}
.t10-h2{font-size:16.5px;color:var(--t10-black);margin-bottom:10px;display:flex;align-items:baseline;gap:10px}
.t10-h2::before{content:"";width:4px;height:14px;border-radius:2px;background:var(--t10-yellow);flex:0 0 auto;align-self:center}
.t10-h2 span{font-size:12px;font-weight:400;color:var(--t10-gray)}
.t10-h2 a:hover{color:var(--t10-yellow)}
.t10-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.t10-grid-s{grid-template-columns:repeat(6,1fr);gap:8px}
.t10-cell{display:block;background:#fff;border:1px solid var(--t10-line);border-radius:10px;overflow:hidden;transition:box-shadow .18s,border-color .18s,transform .18s}
.t10-cell:hover{border-color:var(--t10-yellow);box-shadow:0 6px 16px rgba(17,24,39,.1);transform:translateY(-2px)}
.t10-cellimg{position:relative;aspect-ratio:16/9;background:var(--t10-carbon);overflow:hidden}
.t10-cellimg-v{aspect-ratio:9/14}
.t10-cellimg img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.t10-cell:hover img{transform:scale(1.04)}
.t10-dur{position:absolute;right:6px;bottom:6px;background:rgba(17,24,39,.78);color:#fde047;font-size:11px;font-weight:500;padding:1px 7px;border-radius:999px;backdrop-filter:blur(2px)}
.t10-cell h3{font-size:13.5px;font-weight:500;line-height:1.4;padding:8px 9px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}
.t10-cell:hover h3{color:var(--t10-carbon)}
.t10-meta{display:flex;gap:10px;padding:4px 9px 9px;font-size:11.5px;color:var(--t10-gray)}

/* crumbs / pager / empty */
.t10-crumbs{padding:12px 0 2px;font-size:12.5px;color:var(--t10-gray)}
.t10-crumbs span{margin:0 6px;color:var(--t10-yellow)}
.t10-pager{display:flex;justify-content:center;align-items:center;gap:16px;margin:20px 0;font-size:13px;color:var(--t10-gray)}
.t10-pgbtn{padding:8px 20px;border-radius:999px;background:var(--t10-black);color:#fff;font-weight:500;transition:.18s}
.t10-pgbtn:hover{background:var(--t10-yellow);color:var(--t10-black)}
.t10-empty{padding:60px 0;text-align:center;color:var(--t10-gray)}

/* play page */
.t10-player{position:relative;background:var(--t10-black);border-radius:12px;overflow:hidden;margin-top:12px;box-shadow:0 4px 16px rgba(17,24,39,.2)}
.t10-player video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.scp-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.75);font-size:14px}
.t10-lines{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.t10-lines:empty{display:none}
.t10-lines button{padding:6px 16px;border:1px solid var(--t10-line);border-radius:999px;background:#fff;font-size:13px;cursor:pointer;color:var(--t10-ink);transition:.18s}
.t10-lines button:hover{border-color:var(--t10-yellow)}
.t10-lines button.on,.t10-lines button.active{background:var(--t10-yellow);border-color:var(--t10-yellow);color:var(--t10-black);box-shadow:0 2px 8px rgba(234,179,8,.35)}
.t10-vtitle{font-size:19px;margin-top:12px;line-height:1.4;font-weight:600}
.t10-vmeta{margin-top:4px}
.t10-eps{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.t10-ep-btn{padding:5px 14px;border:1px solid var(--t10-line);border-radius:999px;font-size:13px;background:#fff;transition:.18s}
.t10-ep-btn:hover,.t10-ep-btn.active{background:var(--t10-yellow);border-color:var(--t10-yellow);color:var(--t10-black)}
.t10-desc{margin-top:14px;padding:14px 16px;background:#fff;border-left:3px solid var(--t10-yellow);border-radius:10px;font-size:14px;color:#4b5563;white-space:pre-line}

/* footer */
.t10-foot{margin-top:36px;background:var(--t10-black);color:#9ca3af;padding:20px 0;font-size:12.5px}
.t10-footnav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px}
.t10-footnav a:hover{color:var(--t10-yellow)}

@media (max-width:1000px){
  .t10-grid{grid-template-columns:repeat(4,1fr)}
  .t10-grid-s{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:640px){
  .t10-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .t10-grid-s{grid-template-columns:repeat(3,1fr)}
  .t10-floatad{max-width:200px}
}

/* ---- 导航栏搜索框：一体化胶囊 ---- */
.t10-search{
	position:relative;display:flex;align-items:center;margin-left:auto;
	height:36px;padding:0 4px 0 14px;gap:8px;
	border-radius:999px;border:1px solid rgba(255,255,255,.1);
	background:rgba(0,0,0,.32);
	box-shadow:inset 0 1px 3px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.05);
	transition:border-color .22s, box-shadow .22s, background .22s
}
.t10-search:hover{border-color:rgba(234,179,8,.5);background:rgba(0,0,0,.42)}
.t10-search:focus-within{
	border-color:var(--t10-yellow);
	background:rgba(0,0,0,.5);
	box-shadow:inset 0 1px 3px rgba(0,0,0,.45), 0 0 0 3px rgba(234,179,8,.2)
}
.t10-search-ico{width:15px;height:15px;flex:0 0 15px;color:#6b7280;transition:color .22s}
.t10-search:focus-within .t10-search-ico{color:var(--t10-yellow)}
.t10-search input{
	width:118px;height:100%;padding:0;border:0;background:transparent;
	color:#f3f4f6;font-size:13px;letter-spacing:.2px;outline:none;
	appearance:none;-webkit-appearance:none;transition:width .26s cubic-bezier(.4,0,.2,1)
}
.t10-search input::-webkit-search-cancel-button{display:none}
.t10-search input::placeholder{color:#6b7280;letter-spacing:.3px}
.t10-search:focus-within input{width:186px}
.t10-search button{
	height:28px;padding:0 14px;border:0;border-radius:999px;flex:0 0 auto;
	background:linear-gradient(135deg,#facc15 0%,#eab308 100%);
	color:var(--t10-black);font-size:12.5px;font-weight:600;letter-spacing:.4px;
	cursor:pointer;transition:filter .18s, transform .18s, box-shadow .18s
}
.t10-search button:hover{filter:brightness(1.06);box-shadow:0 2px 10px rgba(234,179,8,.35)}
.t10-search button:active{transform:scale(.96)}
.t10-search button span{display:inline}

/* ---- 搜索结果页 ---- */
.t10-sform{display:flex;gap:10px;max-width:560px;margin:14px 0 4px}
.t10-sform input{
	flex:1;height:42px;padding:0 16px;border:1px solid var(--t10-line);border-radius:8px;
	background:#fff;font-size:14.5px;color:var(--t10-ink);outline:none;transition:.18s
}
.t10-sform input:focus{border-color:var(--t10-yellow);box-shadow:0 0 0 3px rgba(234,179,8,.16)}
.t10-sform button{
	height:42px;padding:0 24px;border:0;border-radius:8px;background:var(--t10-black);
	color:#fff;font-size:14.5px;font-weight:600;cursor:pointer;transition:.18s
}
.t10-sform button:hover{background:var(--t10-carbon)}
.t10-sstat{font-size:13px;color:var(--t10-gray);margin:14px 0 4px}
.t10-sstat b{color:var(--t10-black);font-weight:700}
.t10-sgroup{margin:22px 0 4px}
.t10-sghead{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}
.t10-sghead h2{font-size:17px;font-weight:700;letter-spacing:.3px}
.t10-sghead span{font-size:12px;color:var(--t10-gray)}
/* 导航栏换行断点：1024px（= 导航完整布局所需 1021px + 余量）
   低于此宽度时菜单会被 flex 压扁、搜索框被挤压塌陷，故整体换行到第二行 */
@media (max-width:1024px){
	.t10-bar{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;gap:0 12px;align-items:center}
	.t10-logo{order:1}
	.t10-menu{order:2;flex:1 1 0;min-width:0;overflow-x:auto}
	.t10-search{order:3;flex:0 0 100%;box-sizing:border-box;width:100%;max-width:100%;margin:10px 0 0}
	.t10-search input{flex:1 1 0;width:auto;min-width:0}
	.t10-search:focus-within input{width:auto}
}
/* 真正的小屏：按钮收成图标 */
@media (max-width:640px){
	.t10-search button span{display:none}
	.t10-search button{width:28px;padding:0;display:flex;align-items:center;justify-content:center}
	.t10-search button::after{content:"";width:13px;height:13px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
}