/*
Theme Name: Wukelan Blocksy Child
Theme URI: https://wukelan.com
Template: blocksy
Author: WUKELAN
Description: Blocksy 子主题 — WUKELAN「中文世界通往乌克兰的大门」v3 亮色首页设计、城市指南文章类型与品牌页脚。
Version: 1.4.26
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: wukelan
*/
/* Scope: front-page sections use their own classes; Blocksy header/footer/single/archive remain Blocksy-styled. */

*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#07080C;--fg:#F5F3EE;--mut:#8A8F9C;--lime:#D4FF3A;--blue:#0057B7;--sun:#FFD500;--glass:rgba(255,255,255,.06);--bd:rgba(255,255,255,.12)}
body.home{background:var(--bg);color:var(--fg);font-family:"Noto Sans CJK SC",sans-serif;overflow-x:hidden}
.s{font-family:"Noto Serif CJK SC",serif}
.w{max-width:1360px;margin:0 auto;padding:0 40px}
.ex{display:inline-block;font-size:10px;border:1px dashed var(--sun);color:var(--sun);border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:middle;font-weight:500}

.nb{display:flex;justify-content:space-between;align-items:center;background:rgba(10,12,18,.45);backdrop-filter:blur(18px);border:1px solid var(--bd);border-radius:999px;padding:10px 12px 10px 24px}
.lg{font-weight:900;font-size:20px;letter-spacing:2px}.lg i{color:var(--lime);font-style:normal}
.mn{display:flex;gap:30px;font-size:14px;color:#D0D3DA}
.b{border-radius:999px;padding:11px 20px;font-size:14px;font-weight:700;background:var(--lime);color:#000;display:inline-block}
.b.o{background:transparent;color:var(--fg);border:1px solid var(--bd)}
.hero{position:relative;height:900px;overflow:hidden;
background:radial-gradient(circle at 75% 30%,rgba(255,213,0,.55),transparent 40%),radial-gradient(circle at 20% 80%,rgba(0,87,183,.7),transparent 45%),linear-gradient(180deg,#1a2a6c 0%,#0b1230 55%,#07080C 100%)}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.015) 3px 4px)}
.field{position:absolute;bottom:0;left:0;right:0;height:360px;background:linear-gradient(180deg,transparent,#07080C),repeating-linear-gradient(100deg,rgba(255,213,0,.22) 0 2px,transparent 2px 26px);transform:perspective(600px) rotateX(55deg);transform-origin:bottom}
.hc{position:absolute;left:0;right:0;bottom:120px}
.kick{font-size:13px;letter-spacing:4px;color:var(--lime);margin-bottom:22px}
.hero h1{font-size:150px;line-height:.95;font-weight:900;letter-spacing:-6px}
.hero h1 span{-webkit-text-stroke:2px var(--fg);color:transparent}
.hrow{display:flex;justify-content:space-between;align-items:end;margin-top:36px}
.hrow p{max-width:520px;font-size:19px;line-height:1.7;color:#C9CDD6}
.search{display:flex;gap:10px;background:var(--glass);border:1px solid var(--bd);backdrop-filter:blur(16px);border-radius:20px;padding:10px;width:520px}
.search input{flex:1;background:none;border:none;color:var(--fg);font-size:15px;padding:0 12px;font-family:inherit}
.pills{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.pl{font-size:12px;border:1px solid var(--bd);border-radius:999px;padding:6px 12px;color:#C9CDD6}
.marq{border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:18px 0;white-space:nowrap;overflow:hidden;font-size:28px;font-weight:900;color:#2A2E38}
.marq b{color:var(--fg)} .marq em{color:var(--lime);font-style:normal;margin:0 24px}
section{padding:110px 0 0}
.hd{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}
.hd small{font-size:12px;letter-spacing:4px;color:var(--lime)}.hd h2{font-size:64px;font-weight:900;letter-spacing:-2px;margin-top:10px}
.hd p{color:var(--mut);max-width:380px;line-height:1.7}
.paths{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pt{height:440px;border-radius:32px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid var(--bd)}
.pt .no{font-size:13px;opacity:.8}.pt h3{font-size:40px;font-weight:900;line-height:1.1}.pt p{font-size:14px;opacity:.85;line-height:1.6;margin-top:10px}
.pt .ar{position:absolute;top:24px;right:24px;width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.3);display:grid;place-items:center;font-size:20px}
.g1{background:linear-gradient(160deg,#0057B7,#0E1F70)}.g2{background:linear-gradient(160deg,#FFD500,#E06A1B);color:#111}.g3{background:linear-gradient(160deg,#1E1E28,#3a2a5c)}.g4{background:linear-gradient(160deg,#D4FF3A,#4DA35A);color:#0a0a0a}
.mapw{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}
.map{height:560px;border-radius:32px;border:1px solid var(--bd);position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#13203f,#07080C 70%)}
.map svg{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
.pin i{width:14px;height:14px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 8px rgba(212,255,58,.18),0 0 30px var(--lime)}
.pin.act{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid var(--bd);padding:8px 14px 8px 10px;border-radius:999px}
.city{border-radius:32px;padding:32px;background:var(--glass);border:1px solid var(--bd);display:flex;flex-direction:column;gap:18px}
.city h3{font-size:56px;font-weight:900}.city .en{color:var(--mut);letter-spacing:3px;font-size:13px}
.st{display:grid;grid-template-columns:1fr 1fr;gap:10px}.st div{background:rgba(255,255,255,.05);border-radius:18px;padding:16px}.st b{font-size:26px;display:block}.st span{font-size:12px;color:var(--mut)}
.tabs{display:flex;gap:8px}.tabs span{font-size:13px;padding:8px 14px;border-radius:999px;border:1px solid var(--bd)}.tabs .on{background:var(--fg);color:#000}
.stories{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}
.sc{border-radius:32px;overflow:hidden;position:relative;height:520px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border:1px solid var(--bd)}
.sc:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85))}
.sc>*{position:relative}.sc .tg{font-size:12px;color:var(--lime);letter-spacing:2px}.sc h3{font-size:30px;font-weight:900;line-height:1.3;margin:10px 0}.sc p{font-size:14px;color:#C9CDD6}
.ph{position:absolute!important;top:20px;left:20px;font-size:11px;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.3);padding:3px 8px;border-radius:6px}
.i1{background:linear-gradient(200deg,#e0a458 0%,#8c4a2f 45%,#1b1b2f 100%)}.i2{background:linear-gradient(200deg,#7fb8ff,#2b3f8f 60%,#0b0f22)}.i3{background:linear-gradient(200deg,#b4e07a,#2f6b4a 55%,#0b1a14)}
.biz{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bz{border-radius:28px;padding:28px;border:1px solid var(--bd);background:var(--glass)}
.bz .big{font-size:72px;font-weight:900;color:var(--lime);letter-spacing:-3px;line-height:1}.bz h4{font-size:20px;margin:14px 0 8px}.bz p{color:var(--mut);font-size:14px;line-height:1.6}
.brief{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--bd);border-radius:28px;overflow:hidden}
.br{padding:26px;border-right:1px solid var(--bd)}.br:last-child{border:none}.br time{font-size:12px;color:var(--lime)}.br h4{font-size:17px;line-height:1.5;margin-top:10px}
.comm{margin:110px 0 0;border-radius:40px;padding:72px;background:radial-gradient(circle at 85% 20%,rgba(212,255,58,.35),transparent 40%),linear-gradient(135deg,#0057B7,#1029a8);display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.comm h2{font-size:72px;font-weight:900;line-height:1.05;letter-spacing:-2px}.comm p{font-size:18px;opacity:.85;line-height:1.7;margin:20px 0 28px}
.chat{display:flex;flex-direction:column;gap:12px}.msg{background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:20px 20px 20px 6px;padding:14px 18px;font-size:14px;max-width:85%}.msg.me{align-self:flex-end;background:var(--lime);color:#000;border-radius:20px 20px 6px 20px}
footer{padding:100px 0 40px}.fw{font-size:200px;font-weight:900;letter-spacing:-8px;line-height:.85;color:#14161d}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-top:40px;font-size:14px;color:var(--mut)}.fg h5{color:var(--fg);margin-bottom:12px}.fg a{display:block;margin:8px 0}
.lgl{border-top:1px solid var(--bd);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:var(--mut)}
:root{--bg:#F7FAFF;--fg:#0B1F3A;--mut:#5B6785;--lime:#0057B7;--glass:rgba(255,255,255,.65);--bd:rgba(0,87,183,.14)}
body.home{background:linear-gradient(180deg,#EAF3FF 0,#F7FAFF 900px,#FFFBEF 100%)}
.nb{background:rgba(255,255,255,.6)}.mn{color:#33406a}.lg i{color:var(--sun)}
.b{background:var(--sun);color:#0B1F3A}.b.o{color:var(--fg)}
.hero{background:radial-gradient(circle at 78% 28%,rgba(255,214,90,.75),transparent 38%),radial-gradient(circle at 15% 85%,rgba(120,170,255,.55),transparent 45%),linear-gradient(180deg,#CFE4FF 0%,#EAF3FF 60%,#F7FAFF 100%)}
.hero:before{display:none}
.field{background:linear-gradient(180deg,transparent,#F7FAFF),repeating-linear-gradient(100deg,rgba(255,190,40,.45) 0 2px,transparent 2px 26px)}
.hero h1 span{-webkit-text-stroke:2px var(--blue)}.hrow p{color:#33406a}.pl{color:#33406a;background:rgba(255,255,255,.6)}
.marq{color:#C9D6F2}.marq em{color:var(--sun)}
.g1{background:linear-gradient(160deg,#BFD3FF,#7FA2FF);color:#0B1F3A}.g2{background:linear-gradient(160deg,#FFF0B8,#FFCB5C);color:#0B1F3A}.g3{background:linear-gradient(160deg,#E7DEFF,#BFB0FF);color:#0B1F3A}.g4{background:linear-gradient(160deg,#DDF7E6,#9EE0B5);color:#0B1F3A}
.pt .ar{background:rgba(255,255,255,.6)}
.map{background:radial-gradient(circle at 50% 50%,#E3EEFF,#F7FAFF 75%)}.map path{stroke:rgba(0,87,183,.5)}
.pin i{background:var(--sun);box-shadow:0 0 0 8px rgba(255,213,0,.25),0 0 24px var(--sun)}.pin.act{background:rgba(255,255,255,.8)}
.city p{color:#33406a!important}.st div{background:rgba(0,87,183,.06)}.tabs .on{background:var(--blue);color:#fff}
.sc:before{background:linear-gradient(180deg,transparent 35%,rgba(15,27,61,.7))}.sc,.sc h3{color:#fff}.sc .tg{color:var(--sun)}.sc p{color:#eef}
.i1{background:linear-gradient(200deg,#FFE3A8,#F5A65B 50%,#9C6B9E)}.i2{background:linear-gradient(200deg,#D6ECFF,#7FB2FF 55%,#3D5FC4)}.i3{background:linear-gradient(200deg,#F2FBD0,#9ED98A 55%,#4C9A7A)}
.bz .big{color:var(--blue)}.ex{color:#B07800;border-color:#E0A800;background:#FFF7DA}
.comm{background:radial-gradient(circle at 85% 20%,rgba(255,214,90,.6),transparent 40%),linear-gradient(135deg,#4F7BFF,#0057B7);color:#fff}
.comm .b.o{border-color:rgba(255,255,255,.5)}.msg{background:rgba(255,255,255,.25)}.msg.me{background:var(--sun);color:#0B1F3A}
footer{background:#E6EFFF;margin-top:110px}.fw{color:#C9D9FF}
body{font-family:"Noto Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}
.s,h1,h2,h3{font-family:"Noto Serif SC","Noto Serif CJK SC","Songti SC",serif}
a{color:inherit;text-decoration:none}
nav.site{position:absolute}
body:not(.home) nav.site{position:relative;top:0;padding-top:24px}
.mn a:hover{color:var(--blue)}
.mn ul{display:flex;gap:30px;list-style:none}
.pin{cursor:pointer}
.page-hero{padding:70px 0 40px}.page-hero small{letter-spacing:4px;color:var(--blue);font-size:12px}.page-hero h1{font-size:60px;font-weight:900;letter-spacing:-2px;margin-top:10px;line-height:1.15}
.page-hero p{color:var(--mut);margin-top:14px;font-size:18px;max-width:720px;line-height:1.7}
.article{max-width:760px;margin:0 auto;font-size:18px;line-height:1.95;color:#1d2850}
.article h2{font-size:30px;margin:44px 0 14px}.article h3{font-size:22px;margin:30px 0 10px}
.article p{margin:0 0 18px}.article ul,.article ol{margin:0 0 18px 1.4em}.article li{margin:6px 0}
.article blockquote{border-left:4px solid var(--sun);background:#FFF7DA;padding:14px 20px;border-radius:12px;margin:20px 0}
.article img{max-width:100%;height:auto;border-radius:20px}
.cover{height:420px;border-radius:32px;margin-bottom:48px;background:linear-gradient(200deg,#D6ECFF,#7FB2FF 55%,#3D5FC4);background-size:cover;background-position:center}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--glass);border:1px solid var(--bd);border-radius:28px;overflow:hidden;display:flex;flex-direction:column}
.card .th{height:200px;background:linear-gradient(200deg,#FFE3A8,#F5A65B 50%,#9C6B9E);background-size:cover;background-position:center}
.card:nth-child(3n+2) .th{background-image:linear-gradient(200deg,#D6ECFF,#7FB2FF 55%,#3D5FC4)}.card:nth-child(3n) .th{background-image:linear-gradient(200deg,#F2FBD0,#9ED98A 55%,#4C9A7A)}
.card .bd{padding:22px}.card .bd small{color:var(--blue);font-size:12px;letter-spacing:2px}.card h3{font-size:21px;line-height:1.4;margin:8px 0}.card p{color:var(--mut);font-size:14px;line-height:1.6}
.pager{display:flex;gap:10px;justify-content:center;margin:50px 0}.pager .page-numbers{padding:8px 14px;border-radius:999px;border:1px solid var(--bd)}.pager .current{background:var(--blue);color:#fff}
.meta-line{color:var(--mut);font-size:14px;margin-top:14px}
.searchform{display:flex;gap:10px;max-width:560px}.searchform input{flex:1;border:1px solid var(--bd);border-radius:999px;padding:12px 18px;font-size:15px;background:#fff;font-family:inherit}
.searchform button{border:none;cursor:pointer;font-family:inherit}
.big404{font-size:220px;font-weight:900;color:#C9D9FF;line-height:1;letter-spacing:-8px}
.ico{font-size:56px;line-height:1}
.screen-reader-text{position:absolute;left:-9999px}
.burger{display:none;background:none;border:1px solid var(--bd);border-radius:999px;padding:9px 14px;font-size:14px;cursor:pointer}
.city-panel{display:none}.city-panel.on{display:flex}
@media (max-width:760px){
.w{padding:0 18px}.mn,.nb .o{display:none}nav{top:14px}.hero{height:780px}.hero h1{font-size:64px;letter-spacing:-2px}.hrow{flex-direction:column;align-items:start;gap:22px}.search{width:100%}.hrow p{font-size:15px}.hc{bottom:60px}
section{padding-top:70px}.hd{flex-direction:column;align-items:start;gap:12px}.hd h2{font-size:38px}
.paths{grid-template-columns:1fr 1fr;gap:10px}.pt{height:240px;border-radius:22px;padding:18px}.pt h3{font-size:24px}.pt p{display:none}.pt .ar{width:38px;height:38px;top:14px;right:14px}
.mapw,.stories,.biz,.comm,.fg{grid-template-columns:1fr}.map{height:380px}.city h3{font-size:40px}.sc{height:340px}.sc h3{font-size:22px}
.brief{grid-template-columns:1fr}.br{border-right:none;border-bottom:1px solid var(--bd)}.comm{padding:32px;border-radius:28px;margin-top:70px}.comm h2{font-size:40px}.fw{font-size:80px;letter-spacing:-3px}.marq{font-size:20px}.bz .big{font-size:56px}
.hero{height:820px}.hero h1{font-size:54px}.pills{display:none}.hc{bottom:40px}.kick{font-size:11px}
.mn{display:none}.burger{display:inline-block}.mn.open{display:block;position:absolute;top:70px;left:18px;right:18px;background:#fff;border-radius:22px;padding:18px;box-shadow:0 20px 40px rgba(15,27,61,.12)}.mn.open ul{flex-direction:column;gap:14px}
.grid{grid-template-columns:1fr}.page-hero h1{font-size:36px}.article{font-size:16px}.cover{height:220px;border-radius:22px}.big404{font-size:120px}
}
@media (min-width:761px) and (max-width:1100px){.paths,.grid{grid-template-columns:1fr 1fr}.hero h1{font-size:110px}.mapw,.comm{grid-template-columns:1fr}.stories{grid-template-columns:1fr 1fr}}

.home .hero{height:820px}
.wk-front{padding-bottom:20px}
.wk-foot{background:#E6EFFF;padding:70px 0 30px;color:var(--mut)}
.wk-foot .fw{font-size:160px}
.wk-foot .lgl{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.wk-foot a:hover{color:var(--blue)}
@media (max-width:760px){.home .hero{height:760px}.wk-foot .fw{font-size:72px}}

/* 2026-10-13: compact desktop hero so search + entry cards sit in/near the first screen */
@media (min-width:1101px){
.home .hero{height:clamp(500px,calc(100vh - 300px),580px)}
.home .hero h1{font-size:clamp(84px,7.4vw,112px);letter-spacing:-4px;line-height:1}
.home .hc{bottom:44px}
.home .hrow{margin-top:24px}
.home .hrow p{font-size:17px}
.home .marq{padding:12px 0;font-size:22px}
.home .wk-front>section:first-child{padding-top:56px}
.home .wk-front>section:first-child .hd{margin-bottom:28px}
}

/* imgfix */
.wk-ico{display:inline-block;width:1em;height:1em;vertical-align:-.14em;margin-left:.3em;flex:none}
.pt .ar .wk-ico{margin:0;width:22px;height:22px}
@media(max-width:720px){.pt .ar .wk-ico{width:18px;height:18px}}
.pt.has-img{border:0;background-origin:border-box;background-repeat:no-repeat;background-color:transparent}

/* navsize */
header [data-id="menu"] > ul > li > a,header .ct-header .menu > li > .ct-menu-link{font-size:15px!important;font-weight:600!important;letter-spacing:.02em!important;color:#1D2850!important}
header [data-id="menu"] > ul > li > a:hover,header [data-id="menu"] > ul > li.current-menu-item > a,header [data-id="menu"] > ul > li.current-menu-ancestor > a{color:#0057B8!important}
header [data-id="menu"] > ul{gap:0}
header [data-id="menu"] > ul > li > a{padding-left:14px!important;padding-right:14px!important;white-space:nowrap}
header [data-id="menu"] .sub-menu a{font-size:15px!important;min-height:40px;display:flex!important;align-items:center}
header [data-id="button"] .ct-button,header .ct-header-cta .ct-button{font-size:15px!important;font-weight:700!important;min-height:40px!important;height:40px;display:inline-flex!important;align-items:center;white-space:nowrap}
@media(min-width:1000px) and (max-width:1279px){header [data-id="menu"] > ul > li > a{font-size:14px!important;padding-left:10px!important;padding-right:10px!important}}
#offcanvas .sub-menu a,#offcanvas .sub-menu .ct-menu-link{font-size:17px!important;min-height:44px;display:flex!important;align-items:center}
.wk-foot a{font-size:15px!important;color:#44506F!important}
.wk-foot .lgl a,.wk-foot .lgl span{font-size:13px!important}
.h2-pills .pl{font-size:14px!important;min-height:36px;padding:7px 14px!important}
.h2-cities .wk-chip{font-size:15px}
@media(max-width:768px){.h2-cities .wk-chip{font-size:14px}
.pin{font-size:13px!important;gap:6px;transform:translate(-7px,-50%)}
.pin.minor{font-size:0!important;gap:0}.pin.minor i{width:9px;height:9px;box-shadow:0 0 0 4px rgba(255,213,0,.25)}
.pin.act{padding:6px 10px 6px 8px}.pin.minor.act{font-size:13px!important;gap:6px;z-index:3}
.map{height:340px}}

/* titlegap: consistent space between header and page/archive titles */
main > .ct-container > section,main > .ct-container-full > section{padding-top:0}
main > .ct-container[data-vertical-spacing*="top"],main > .ct-container-full[data-vertical-spacing*="top"]{padding-top:36px!important}
.wk-news-page{padding-top:36px!important}.wk-news-page .page-hero{padding-top:0!important}
@media(max-width:768px){
main > .ct-container[data-vertical-spacing*="top"],main > .ct-container-full[data-vertical-spacing*="top"]{padding-top:22px!important}
.wk-news-page{padding-top:22px!important}}

/* audit: tap target */
.h2-nh a{padding:10px 0;display:inline-flex;align-items:center}

/* hit-areas: invisible 44px tap zones, visuals unchanged */
.pin{position:absolute}.pin::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}
.pin.minor::after{width:36px;height:36px}
.ct-header-trigger,.ct-header-search{position:relative}
.ct-header-trigger::after,.ct-header-search::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}

/* storyedge: no rims on image cards (WebKit radius+overflow bleed) */
.sc,.pt,.card{border:0!important;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0)}
.sc,.pt.has-img{background-origin:border-box;background-repeat:no-repeat;background-size:cover!important;background-color:#7d8aa6}
.sc:before{inset:-2px;z-index:0;pointer-events:none}
.sc>*{z-index:1}
.sc h3,.sc p{text-shadow:0 1px 8px rgba(0,0,0,.35)}
.card{box-shadow:0 1px 0 rgba(15,27,61,.04),0 8px 24px rgba(15,27,61,.06)}
.card .th{transform:scale(1.01)}
.city-img,.wk-xc-img,.bz-img{transform:translateZ(0)}

/* 1.4.4 blue header dropdowns (#2C61BD sampled from user image) */
header [data-id^="menu"] .sub-menu{--dropdown-background-color:#2C61BD;--dropdown-divider:1px solid rgba(255,255,255,.18);--dropdown-items-spacing:10px;background:#2C61BD!important;border:0!important;border-radius:8px!important;box-shadow:0 10px 28px rgba(11,31,58,.18)!important;overflow:hidden;padding:4px 0!important}
header [data-id^="menu"] .sub-menu li{border:0!important}
header [data-id^="menu"] .sub-menu li+li{border-top:1px solid rgba(255,255,255,.18)!important}
header [data-id^="menu"] .sub-menu li::before,header [data-id^="menu"] .sub-menu li::after{border:0!important;display:none!important}
header [data-id^="menu"] .sub-menu a,header [data-id^="menu"] .sub-menu .ct-menu-link{color:#fff!important;background:transparent!important;font-weight:400;position:relative}
header [data-id^="menu"] .sub-menu a:hover,header [data-id^="menu"] .sub-menu a:focus-visible,header [data-id^="menu"] .sub-menu li:hover>a{background:#3F75D2!important;color:#fff!important}
header [data-id^="menu"] .sub-menu .current-menu-item>a,header [data-id^="menu"] .sub-menu .current_page_item>a,header [data-id^="menu"] .sub-menu [aria-current="page"]{color:#fff!important;font-weight:600!important}
header [data-id^="menu"] .sub-menu .current-menu-item>a::before,header [data-id^="menu"] .sub-menu .current_page_item>a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 2px 2px 0;background:#FFD500}

/* 2026-10-15 手机端宽表格：容器内横向滑动，避免右侧列被裁切、窄列逐字竖排 */
.wk-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
@media(max-width:640px){.wk-table-wrap table{min-width:760px}.wk-table-wrap th,.wk-table-wrap td{word-break:normal}.wk-table-wrap th{white-space:nowrap}.wk-table-wrap td a{white-space:nowrap}}

/* WK-SPACING-20261016: 首页版块间留白缩小（用户要求少留白）。回滚：删除此块至 END */
section{padding-top:32px}
.comm{margin-top:32px}
footer{margin-top:32px}
@media (max-width:760px){section{padding-top:20px}.comm{margin-top:20px}footer{margin-top:20px}}
/* END WK-SPACING-20261016 */

/* WK-MAP-20261016: 地图版块两栏等高、地图居中、乌日哥罗德/穆卡切沃标签错开。回滚：删除此块至 END，并恢复 front-page.php 备份 */
.mapw{align-items:stretch}
.mapw .map{height:auto;min-height:560px}
.map-in{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:100%;aspect-ratio:800/560}
@media (max-width:1100px){.mapw .map{min-height:0;aspect-ratio:800/560}}
@media (max-width:760px){.mapw .map{height:auto!important}}
/* END WK-MAP-20261016 */

/* WK-MAPCARD-20261016: 地图版块右侧城市卡内部间距压紧。回滚：删除此块至 END */
.mapw .city{gap:10px;padding:24px}
.mapw .city .wk-credit{margin-top:2px!important}
.mapw .city h3{line-height:1.15;margin:2px 0 0}
.mapw .city p{margin:0 0 6px}
.mapw .map{min-height:520px}
@media (max-width:1100px){.mapw .map{min-height:0}}
@media (max-width:760px){.mapw .city{padding:20px}}
/* END WK-MAPCARD-20261016 */

/* WK-MAPLABELS-20261016: 只移标签文字、圆点不动，加细引线。回滚：删除此块至 END（并恢复 uzhhorod/mukachevo 旧规则见备份） */
.mapw .pin{white-space:nowrap;margin-top:var(--dy,0px)!important;margin-left:var(--dx,0px)}
.mapw .pin i{position:relative;flex:none;top:calc(-1 * var(--dy,0px));left:calc(-1 * var(--dx,0px))}
.mapw .pin i::before{content:"";position:absolute;left:50%;top:50%;width:var(--len,0px);height:1px;background:rgba(0,87,183,.55);transform-origin:0 50%;transform:rotate(var(--ang,0deg));pointer-events:none}
.mapw .pin[data-city="lviv"]{--dy:-22px;--dx:0px;--len:24px;--ang:-70deg}
.mapw .pin[data-city="ivano-frankivsk"]{--dy:-5px;--dx:0px;--len:0px}
.mapw .pin[data-city="kamianets-podilskyi"]{--dy:10px;--dx:0px;--len:12px;--ang:40deg}
.mapw .pin[data-city="uzhhorod"]{--dy:-16px;--dx:-30px;--len:16px;--ang:-90deg}
.mapw .pin[data-city="mukachevo"]{--dy:6px;--dx:0px;--len:0px}
@media (max-width:768px){
.mapw .pin[data-city="lviv"]{--dy:-14px;--len:15px;--ang:-75deg}
.mapw .pin[data-city="ivano-frankivsk"]{--dy:-10px;--dx:12px;--len:22px;--ang:-25deg}
.mapw .pin[data-city="kamianets-podilskyi"]{--dy:-16px;--len:17px;--ang:-65deg}
.mapw .pin[data-city="uzhhorod"]{--dy:20px;--dx:-26px;--len:20px;--ang:90deg}
.mapw .pin[data-city="mukachevo"]{--dy:32px;--dx:-8px;--len:32px;--ang:90deg}
}
.mapw .pin.act{margin-top:calc(var(--dy,0px) - 9px)!important;margin-left:calc(var(--dx,0px) - 10px)}
@media (max-width:768px){.mapw .pin.act{margin-top:var(--dy,0px)!important;margin-left:calc(var(--dx,0px) - 8px)}}
@media (max-width:768px){.mapw .pin.minor:not(.act) i::before{display:none}}
/* END WK-MAPLABELS-20261016 */

/* WK-MAPFIX2-20261016: 桌面端地图放大填满左栏（裁去 SVG 四周空白），标签偏移改为相对地图宽度（cqw），各桌面宽度一致。回滚：删除此块至 END */
@media (min-width:1101px){
.mapw .map-in{container-type:inline-size;width:110%;left:-1.5%;right:auto;top:50%;transform:translateY(-51.79%)}
.mapw .pin[data-city="lviv"]{--dy:-2.6cqw;--dx:0cqw;--len:2.8cqw;--ang:-70deg}
.mapw .pin[data-city="ivano-frankivsk"]{--dy:-0.7cqw;--dx:0cqw;--len:0px}
.mapw .pin[data-city="kamianets-podilskyi"]{--dy:1.2cqw;--dx:0cqw;--len:1.5cqw;--ang:40deg}
.mapw .pin[data-city="uzhhorod"]{--dy:-2cqw;--dx:-2.2cqw;--len:1.9cqw;--ang:-90deg}
.mapw .pin[data-city="mukachevo"]{--dy:0.8cqw;--dx:0cqw;--len:0px}
}
/* END WK-MAPFIX2-20261016 */

/* 2026-10-18 brief-hover v3 (1.4.19): 蓝色速览卡文字在悬停/聚焦时保持白色，标题与摘要不加下划线 */
a.wk-pin,a.wk-pin:visited,a.wk-pin:hover,a.wk-pin:focus,a.wk-pin:active{color:#fff!important}
a.wk-pin h2,a.wk-pin p,a.wk-pin .wk-pin-hl li{color:#fff}
a.wk-pin:focus-visible{outline:3px solid #FFD500;outline-offset:3px}
section.wkh-card ul li a,section.wkh-card ul li a:hover,section.wkh-card ul li a:focus,section.wkh-card ul li a:focus-visible{text-decoration:none}
section.wkh-card ul li a:focus-visible{outline:2px solid #FFD500;outline-offset:2px;border-radius:2px}
.wk-pin ::selection,.wkh-card ::selection{background:#FFD500;color:#0b1f3a}

/* WK-MAP-IOS-20261021: iPhone/Safari(WebKit) 上地图版块宽度塌成约3px（.map 内只有绝对定位子元素，又用 aspect-ratio+height:auto，WebKit 在网格里算不出宽度）。显式给宽度。回滚：删除此块至 END */
.mapw .map{width:100%;min-width:0;box-sizing:border-box}
@media (max-width:1100px){.mapw .map{height:auto!important;aspect-ratio:800/560}}
/* END WK-MAP-IOS-20261021 */

/* 2026-10-23 footer-wordmark-nowrap (1.4.25): 页脚 WUKELAN 水印随屏宽缩放，始终一行 */
.wk-foot .fw{font-size:clamp(40px,18.5vw,160px);letter-spacing:-.05em;white-space:nowrap;max-width:100%}
/* 2026-10-23 contact-email: footer legal links never break inside a link (联系我/们) */
.wk-foot .lgl a{white-space:nowrap}