:root{--sky-space-1:8px;--sky-space-2:16px;--sky-space-3:18px;--sky-space-4:24px;--sky-space-5:32px;--sky-space-6:40px;--sky-radius-card:16px;--sky-color-text:#121212;--sky-color-sub:#5d5d5d;--sky-color-line:#ececec;--sky-color-green:#9fd429;--sky-font-title:18px;--sky-font-normal:16px;--sky-font-sub:14px}
.skydive-page{padding:var(--sky-space-4) 0 calc(var(--sky-space-5) + var(--sky-space-1));padding-left:8%;padding-right:8%;background:#f3f3f3}
.skydive-head h1{margin:0 0 var(--sky-space-3);font-size:var(--sky-space-4);line-height:1.2;color:var(--sky-color-text);text-align:center;font-weight:700}
.skydive-head-sub{margin:-8px 0 var(--sky-space-3);font-size:var(--sky-font-sub);line-height:1.6;color:#757575;text-align:center}
.skydive-filter-wrap{max-width:1200px;margin:0 auto;background:#fff;border:1px solid #eef1f5;border-radius:12px;overflow:hidden}
.skydive-filter-active{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0 0 14px}
.skydive-filter-active .label{font-size:var(--sky-font-sub);color:#666}
.skydive-filter-active .chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:20px;background:#f6f8ff;color:#2f3b57;font-size:var(--sky-font-sub);line-height:1.2}
.skydive-filter-active .reset{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:20px;border:1px solid #d7deeb;color:#3b4c6b;font-size:var(--sky-font-sub);text-decoration:none}
.skydive-filter-active .reset:hover{background:#f5f8ff}
.skydive-filter-group{margin-bottom:0;padding:18px 20px;border:0;border-bottom:1px solid #eef1f5;background:#fff}
.skydive-filter-group:last-child{border-bottom:0}
.skydive-filter-group .filter-title{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;color:#0f1f3e;text-align:left}
.skydive-filter-group .filter-title .cn{font-size:var(--sky-font-title);line-height:1.1;font-weight:700}
.skydive-filter-group .filter-title .en{font-size:var(--sky-font-title);line-height:1.1;font-weight:700;letter-spacing:.01em}
.skydive-filter-group .filter-options{display:flex;flex-wrap:wrap;gap:12px 16px;padding:0;border-radius:0;justify-content:flex-start}
.skydive-filter-group .filter-options a{display:inline-flex;align-items:center;justify-content:center;min-width:98px;max-width:300px;height:36px;padding:0 10px;border:2px solid #edf1f6;border-radius:30px;color:#28354d;text-decoration:none;font-size:var(--sky-font-normal);font-weight:500;line-height:1.2;transition:all .15s ease;white-space:nowrap;background:#fff;overflow:hidden;text-overflow:ellipsis}
.skydive-filter-group .filter-options a.cur, .skydive-filter-group .filter-options a:hover{color:#fff;background:#122b60;border-color:#122b60}
.skydive-second-cate-group{padding-bottom:22px}
.skydive-third-cate-group{padding-top:18px}
.skydive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sky-space-3);max-width:1400px;margin:var(--sky-space-3) auto 0}
.skydive-card{background:#fff;border:1px solid #f0f0f0;border-radius:var(--sky-radius-card);overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.skydive-card .cover{display:block;overflow:hidden}
.skydive-card .cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.skydive-card .body{padding:var(--sky-space-2)}
.skydive-card .country{margin-bottom:var(--sky-space-1);font-size:var(--sky-font-normal);font-weight:700;letter-spacing:.04em;line-height:1.2;color:#222;text-transform:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.skydive-card h2{margin:0 0 var(--sky-space-2);font-size:var(--sky-space-4);line-height:1.2;text-transform:none}
.skydive-card h2 a{color:#1a1a1a;text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.skydive-card .tag-row{display:flex;flex-wrap:wrap;gap:var(--sky-space-1);padding:var(--sky-space-1) 0;/* border:2px solid var(--sky-color-green);*/ border-radius:4px;max-height:calc(1.4em * 3);overflow:hidden}
.skydive-card .tag-row span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:var(--sky-font-sub);font-weight:700;line-height:1.4;color:#222;text-transform:none;word-break:break-word}
.skydive-card .meta-list{display:flex;flex-direction:column;gap:var(--sky-space-1);margin-bottom:var(--sky-space-2)}
.skydive-card .meta-item{display:grid;column-gap:var(--sky-space-2);align-items:start}
.skydive-card .meta-label{font-size:var(--sky-font-sub);font-weight:700;line-height:1.25;color:var(--sky-color-sub);letter-spacing:.02em;text-transform:none}
.skydive-card .meta-value{font-size:var(--sky-font-normal);line-height:1.25;color:#333;word-break:break-word;margin-bottom:5px}
.skydive-list .skydive-card .meta-item.meta-date{display:none}
.skydive-card .meta-item:nth-child(1) .meta-value, .skydive-card .meta-item:nth-child(2) .meta-value{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.skydive-card .brief{margin:0;padding-top:var(--sky-space-2);border-top:1px solid var(--sky-color-line);color:#151515;font-size:var(--sky-font-sub);font-weight:700;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal;text-transform:none}
.skydive-empty{padding:calc(var(--sky-space-4) + var(--sky-space-1)) 0;text-align:center;color:#777;font-size:var(--sky-font-sub)}
.skydive-pagination{margin-top:var(--sky-space-4);display:flex;justify-content:center}
.skydive-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:#777;font-size:var(--sky-font-sub);margin-bottom:18px}
.skydive-breadcrumb a{color:#555;text-decoration:none}
.skydive-detail{background:#fff}
.skydive-detail .container_screen{max-width:980px;margin:0 auto}
.skydive-detail-article{padding:0;opacity:0;transform:translateY(10px);animation:skydiveDetailFade .35s ease-out forwards}
.skydive-detail-title{margin:0 0 var(--sky-space-2);font-size:var(--sky-font-title);line-height:1.2;color:#111;word-break:break-word}
.skydive-meta-line{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:var(--sky-font-sub);color:#666;margin-bottom:var(--sky-space-2);padding-bottom:var(--sky-space-2);border-bottom:1px solid var(--sky-color-line)}
.skydive-detail-cover{margin-bottom:var(--sky-space-2);border-radius:12px;overflow:hidden}
.skydive-detail-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.skydive-detail-brief{margin-bottom:var(--sky-space-2);font-size:var(--sky-font-sub);line-height:1.8;color:#555}
.skydive-detail-content{font-size:var(--sky-font-normal);line-height:1.8;color:#222}
.skydive-detail-nav{display:flex;flex-direction:column;gap:8px;margin-top:var(--sky-space-3);padding-top:var(--sky-space-2);border-top:1px solid var(--sky-color-line)}
.skydive-detail-nav .item{padding:0;font-size:var(--sky-font-sub);line-height:1.8}
.skydive-detail-nav .item > span{color:#777;margin-right:6px}
.skydive-detail-nav .item a{color:#333;text-decoration:none}
.skydive-detail-nav .empty{color:#aaa}
@keyframes skydiveDetailFade{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:translateY(0)}
}
@media screen and (min-width: 1600px){
    .skydive-page{padding:var(--sky-space-4) 10% var(--sky-space-5)}
    .skydive-grid,.skydive-filter-wrap{max-width:100%}
}
@media screen and (max-width: 1366px){
    .skydive-grid, .skydive-filter-wrap{max-width:1200px}
    .skydive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (max-width: 1024px){
    .skydive-page{padding:var(--sky-space-2) 20px var(--sky-space-5)}
    .skydive-grid, .skydive-filter-wrap{max-width:100%}
    .skydive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .skydive-card .body{padding:var(--sky-space-2)}
    .skydive-pagination{margin-top:var(--sky-space-3)}
}
@media screen and (max-width: 768px){
    .skydive-page{padding:var(--sky-space-2) 15px var(--sky-space-3)}
    .skydive-grid{grid-template-columns:1fr}
    .skydive-head h1, .skydive-detail-title{font-size:var(--sky-space-3);text-align:center;font-weight:700}
    .skydive-filter-wrap{margin:0 auto}
    .skydive-head-sub{margin:-4px 0 12px}
    .skydive-filter-active{margin:0 0 10px}
    .skydive-filter-group{padding:12px 12px 14px}
    .skydive-filter-group .filter-title{gap:6px;margin-bottom:10px}
    .skydive-filter-group .filter-title .cn{font-size:18px}
    .skydive-filter-group .filter-title .en{font-size:24px}
    .skydive-filter-group .filter-options{gap:8px}
    .skydive-filter-group .filter-options a{min-width:84px;height:34px;font-size:15px;padding:0 12px}
    .skydive-second-cate-group{padding-bottom:14px}
    .skydive-third-cate-group{padding-top:12px}
	.skydive-card .meta-value{font-size:14px}
    .skydive-list .skydive-grid{gap:8px}
    .skydive-list .skydive-card{display:flex;flex-direction:row;align-items:stretch;border-radius:5px;padding:10px;gap:10px;box-shadow:none;border-color:#e9e9e9;background:#fff}
    .skydive-list .skydive-card .cover{order:2;flex:0 0 32%;border-radius:5px;overflow:hidden}
    .skydive-list .skydive-card .cover img{aspect-ratio:4/3;height:100%}
    .skydive-list .skydive-card .body{order:1;flex:1 1 auto;padding:0;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}
    .skydive-list .skydive-card .tag-row{display:none}
    .skydive-list .skydive-card h2{margin:0 0 3px;font-size:var(--sky-font-title);line-height:1.2;order:1;font-weight:bold}
    .skydive-list .skydive-card h2 a{-webkit-line-clamp:2}
    .skydive-list .skydive-card .country{display:-webkit-box;order:2;margin:0 0 15px;font-size:var(--sky-font-sub);line-height:1.2;font-weight:500;color:#333;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;white-space:normal}
    .skydive-list .skydive-card .brief{display:none}
    .skydive-list .skydive-card .meta-list{margin:0;gap:0;order:3}
    .skydive-list .skydive-card .meta-item.meta-date{display:inline-flex;width:auto;grid-template-columns:1fr}
    .skydive-list .skydive-card .meta-item.meta-date .meta-label{display:none}
    .skydive-list .skydive-card .meta-item.meta-date .meta-value{display:inline-flex;align-items:center;padding:5px 10px;border-radius:2px;background:#111;color:#fff;font-size:var(--sky-font-sub);line-height:1.2;white-space:nowrap;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .skydive-detail-article{padding:14px}
}
@media screen and (min-width: 1025px){
    .skydive-page{padding-left:8%;padding-right:8%}
}
@media screen and (max-width: 375px){
    .skydive-head h1, .skydive-detail-title{font-size:var(--sky-font-title)}
    .skydive-filter-group .filter-title{margin-bottom:8px}
    .skydive-filter-group .filter-options a{min-width:100%;height:34px;font-size:14px}
    .skydive-list .skydive-card{padding:8px;gap:8px}
    .skydive-list .skydive-card .cover{flex-basis:42%}
    .skydive-list .skydive-card .meta-item.meta-date .meta-value{height:26px;padding:0 8px}
}
@media screen and (max-width: 320px){
    .skydive-page{padding:var(--sky-space-2) 0 24px}
    .skydive-card .body{padding:12px}
    .skydive-filter-group .filter-options{padding:6px}
    .skydive-filter-group .filter-options a{font-size:var(--sky-font-normal)}
    .skydive-card .meta-item{column-gap:8px}
}