.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.pic-page main{padding-top:22px}
.pic-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--muted);font-size:13px}
.pic-breadcrumb a{font-weight:650;text-decoration:none}
.pic-hero{padding:31px 34px 12px;text-align:center}
.pic-kicker,.pic-eyebrow{margin:0 0 7px;color:var(--primary);font-size:12.5px;font-weight:800;letter-spacing:.08em}
.pic-hero h1{margin:0;font-size:clamp(32px,4.2vw,48px);line-height:1.18;letter-spacing:-.035em;background:linear-gradient(105deg,#172033 18%,#1769d2 68%,#079b91);-webkit-background-clip:text;background-clip:text;color:transparent}
.pic-hero>p:not(.pic-kicker){max-width:760px;margin:13px auto 18px;color:var(--muted);font-size:17px}
.pic-hero .badges{margin-bottom:12px}
.pic-channel-nav{grid-template-columns:repeat(10,minmax(0,1fr));margin:0 0 22px}

.pic-channel-nav a.active{border-color:#93bdec;background:#fff;box-shadow:0 7px 18px rgba(23,105,210,.11)}
.pic-search,.pic-sources,.pic-guide{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(38,64,102,.045)}
.pic-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:15px}
.pic-section-head h2,.pic-guide h2{margin:0;font-size:22px}
.pic-section-head>p{max-width:420px;margin:0;color:var(--muted);font-size:13.5px;text-align:right}
.pic-search-form{display:grid;grid-template-columns:210px minmax(240px,1fr) 120px;gap:9px}
.pic-search-form select,.pic-search-form input,.pic-card-form input{width:100%;min-width:0;min-height:48px;padding:0 13px;border:1px solid #c8cfe0;border-radius:9px;background:#fff;color:var(--ink);font:15px var(--font);outline:none}
.pic-search-form select:focus,.pic-search-form input:focus,.pic-card-form input:focus{border-color:#83afe4;box-shadow:0 0 0 3px rgba(23,105,210,.11)}
.pic-search-form button,.pic-card-form button{min-height:48px;padding:0 15px;border:1px solid var(--primary);border-radius:9px;background:var(--primary);color:#fff;font:700 15px var(--font);cursor:pointer}
.pic-search-form button:hover,.pic-card-form button:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.pic-safe-tip{margin:10px 0 0;color:var(--muted);font-size:13px}
.pic-error{margin:0 0 12px;padding:10px 12px;border:1px solid #f2c4c0;border-radius:9px;background:#fff4f3;color:#a32b22;font-size:14px}
.pic-express-frame{display:block;width:100%;max-width:1200px;margin:0 auto;border:0;border-radius:10px;background:#fff}
.pic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:11px}
.pic-card{min-width:0;display:flex;flex-direction:column;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fbfcff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.pic-card:hover,.pic-card:focus-within{border-color:#abc9ee;box-shadow:0 7px 18px rgba(38,64,102,.075);transform:translateY(-1px)}
.pic-source-title{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:16px;font-weight:800}
.pic-source-title:hover{color:var(--primary)}
.pic-source-logo{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:14px}
.pic-external{margin-left:auto;color:#98a2b3;font-size:13px}
.pic-card>p{min-height:42px;margin:9px 0 12px;color:var(--muted);font-size:13px;line-height:1.55}
.pic-card-form{display:grid;grid-template-columns:minmax(100px,1fr) 66px;gap:6px;margin-top:auto}
.pic-card-form input,.pic-card-form button{min-height:40px;font-size:14px}
.pic-card-form button{padding:0 10px}
.pic-guide{color:var(--muted);font-size:14px}
.pic-guide h2:not(:first-child){margin-top:25px}
.pic-guide p{margin:9px 0}
.pic-keywords{display:flex;flex-wrap:wrap;gap:7px;max-height:280px;overflow:auto}
.pic-keywords a{display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border:1px solid #e1e6ee;border-radius:8px;background:#fafbff;color:#536079;text-decoration:none;font-size:13px}
.pic-keywords a:hover{border-color:#a9c7eb;background:var(--primary-soft);color:var(--primary)}
@media (max-width:760px){.pic-page main{padding-top:16px}.pic-hero{padding:21px 4px 8px}.pic-hero h1{font-size:30px}.pic-hero>p:not(.pic-kicker){font-size:15.5px}.pic-section-head{align-items:flex-start;flex-direction:column;gap:3px}.pic-section-head>p{text-align:left}.pic-search,.pic-sources,.pic-guide{padding:16px;border-radius:14px}.pic-search-form{grid-template-columns:1fr}.pic-grid{grid-template-columns:1fr}.pic-card>p{min-height:0}}
/* 热门搜索 */
.pic-hot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.pic-hot span{font-size:13px;font-weight:700;color:var(--muted);margin-right:4px}
.pic-hot button{min-height:30px;padding:0 11px;border:1px solid #e1e6ee;border-radius:999px;background:#fafbff;color:#46536a;font:13px var(--font);cursor:pointer}
.pic-hot button:hover{border-color:#a9c7eb;background:var(--primary-soft);color:var(--primary)}
@media (max-width:860px){.pic-channel-nav{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pic-channel-nav a:nth-child(3) i{font-size:16px;letter-spacing:0}
@media (max-width:600px){.pic-channel-nav a:nth-child(3) i{font-size:14px}}

/* 来源卡片升级：宽松双行布局（首行 logo+标题+简介，次行搜索框） */
.pic-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}
.pic-card{position:relative;padding:20px 20px 18px;border-radius:16px;background:#fff;overflow:hidden}
.pic-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#83afe4,#4d7fc4);opacity:0;transition:opacity .16s ease}
.pic-card:hover::before,.pic-card:focus-within::before{opacity:1}
.pic-card:hover,.pic-card:focus-within{border-color:#9cc0ea;box-shadow:0 12px 28px rgba(38,64,102,.10);transform:translateY(-2px)}
.pic-source-title{gap:11px;font-size:17px;letter-spacing:.2px}
.pic-source-logo{width:44px;height:44px;border-radius:12px;font-size:18px;box-shadow:inset 0 0 0 1px rgba(23,105,210,.10)}
.pic-external{font-size:14px;transition:transform .16s ease}
.pic-source-title:hover .pic-external{transform:translate(2px,-2px)}
.pic-card>p{min-height:0;margin:11px 0 15px;font-size:13.5px;line-height:1.65}
.pic-card-form{grid-template-columns:minmax(120px,1fr) 86px;gap:8px}
.pic-card-form input,.pic-card-form button{min-height:44px;border-radius:10px}
.pic-card-form button{letter-spacing:2px;padding:0 12px}
@media (max-width:760px){.pic-grid{grid-template-columns:1fr;gap:12px}.pic-card{padding:16px 16px 15px}.pic-source-logo{width:40px;height:40px}}

/* 主搜索框：左侧来源下拉完整显示 */
.pic-search-form{grid-template-columns:auto minmax(200px,1fr) 132px}
.pic-search-form select{padding-right:32px}
/* 移动端恢复单列：下拉、输入框、按钮各自占一行，按钮不再溢出 */
@media (max-width:760px){.pic-search-form{grid-template-columns:1fr}}

/* 来源卡片：品牌/轮换强调色 */
.pic-card{--pc:#2932e1;--pc-soft:rgba(41,50,225,.11)}
.pic-card::before{background:var(--pc);opacity:1;width:4px}
.pic-source-logo{background:var(--pc-soft);color:var(--pc)}
.pic-card-form button{background:var(--pc);border-color:var(--pc)}
.pic-card-form button:hover{background:var(--pc);border-color:var(--pc);filter:brightness(.88)}

/* 方块导航与卡片拉开间距 */
.pic-channel-nav{margin:28px 0 20px}

/* 来源卡片：品牌晕染 + 角部光斑（去掉左侧竖线） */
.pic-card{isolation:isolate;background:linear-gradient(165deg,#fff 52%,var(--pc-soft))}
.pic-card::before{display:none}
.pic-card::after{content:"";position:absolute;top:-36px;right:-36px;z-index:-1;width:112px;height:112px;border-radius:50%;background:var(--pc-soft);opacity:.85;transition:opacity .18s ease,transform .18s ease}
.pic-card:hover::after,.pic-card:focus-within::after{opacity:1;transform:scale(1.18)}
.pic-source-logo{background:var(--pc);color:#fff;box-shadow:0 5px 12px var(--pc-soft);transition:transform .18s ease}
.pic-card:hover .pic-source-logo,.pic-card:focus-within .pic-source-logo{transform:scale(1.08) rotate(-4deg)}
.pic-card:hover,.pic-card:focus-within{border-color:var(--pc);box-shadow:0 14px 30px var(--pc-soft)}

/* 来源卡片：顶部渐变线 + 品牌色彩描边（去掉角部半圆光斑） */
.pic-card{background:#fff;border-color:#e6edf7}
.pic-card::before{display:block;left:0;right:0;top:0;bottom:auto;width:auto;height:3px;opacity:1;background:linear-gradient(90deg,var(--pc),rgba(255,255,255,0) 80%);transform:scaleX(.3);transform-origin:left center;transition:transform .22s ease}
.pic-card:hover::before,.pic-card:focus-within::before{transform:scaleX(1)}
.pic-card::after{display:none}
.pic-source-logo{background:var(--pc-soft);color:var(--pc);box-shadow:inset 0 0 0 1px rgba(20,40,80,.05);transition:transform .18s ease}
.pic-card:hover .pic-source-logo,.pic-card:focus-within .pic-source-logo{transform:scale(1.06)}
.pic-card:hover .pic-source-title,.pic-card:focus-within .pic-source-title{color:var(--pc)}
.pic-card-form button{background:var(--pc-soft);color:var(--pc);border-color:transparent;transition:background .16s ease,color .16s ease}
.pic-card-form button:hover{background:var(--pc);border-color:var(--pc);color:#fff}
.pic-card:hover,.pic-card:focus-within{border-color:var(--pc);box-shadow:0 16px 32px rgba(20,40,80,.10)}

/* 卡片紧凑化 + 渐变色彩（最终层） */
.pic-grid{gap:13px}
.pic-card{padding:13px 15px 13px;border-radius:14px;background:linear-gradient(150deg,#ffffff 26%,color-mix(in srgb,var(--pc) 11%,#fff) 100%);border-color:#e3eaf5}
.pic-source-title{gap:9px;font-size:16px;letter-spacing:0}
.pic-source-logo{width:38px;height:38px;border-radius:10px;font-size:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 90%,#fff),color-mix(in srgb,var(--pc) 30%,#fff));color:#fff;box-shadow:0 4px 10px var(--pc-soft)}
.pic-card>p{margin:7px 0 10px;font-size:13px;line-height:1.5;color:#5a6c8a}
.pic-card-form{gap:7px}
.pic-card-form input,.pic-card-form button{min-height:40px;border-radius:9px}
.pic-card-form button{letter-spacing:2px;padding:0 11px;background:linear-gradient(135deg,var(--pc),color-mix(in srgb,var(--pc) 72%,#1a1f4d));color:#fff;border-color:transparent}
.pic-card-form button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 92%,#fff),var(--pc));filter:brightness(1.04)}
.pic-card:hover,.pic-card:focus-within{border-color:var(--pc);box-shadow:0 12px 26px var(--pc-soft),0 2px 6px rgba(20,40,80,.06);transform:translateY(-2px)}
.pic-card:hover .pic-source-logo{transform:scale(1.06) rotate(-3deg)}
@media (max-width:760px){.pic-card{padding:12px 13px}.pic-source-logo{width:34px;height:34px;font-size:14px}}