/* ============================================================
   野象时间网 - 主样式 (还原参考站视觉: 白底 + 深蓝/青蓝主色, Bootstrap 3 栅格)
   ============================================================ */
body{font-family:'Open Sans','Helvetica Neue',Arial,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;color:#333;background:#fff;font-size:14px;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:'Raleway','Open Sans','Helvetica Neue',Arial,'Microsoft YaHei',sans-serif;font-weight:400;color:#333}
a{color:#2e52a4}
a:hover,a:focus{color:#09afdf;text-decoration:underline}
.text-default{color:#09afdf!important}
.text-muted{color:#777}
.text-center{text-align:center}
.mb-10{margin-bottom:10px!important}
.mb-20{margin-bottom:20px!important}
.mt-5{margin-top:5px!important}
.mt-20{margin-top:20px!important}
.mr-10{margin-right:10px!important}
.pr-5{padding-right:5px!important}
.pr-10{padding-right:10px!important}
.large{font-size:17px}
small{font-size:85%}

/* ============ 顶部导航 ============ */
.header{border-top:1px solid #fff;border-bottom:2px solid #f1f1f1;background-color:#fcfcfc}
.header .container{position:relative}
.logo{display:block;padding-top:8px;text-decoration:none!important}
.logo .logo-text{font-size:22px;font-weight:700;color:#2e52a4;font-family:'Raleway',sans-serif}
.logo .logo-sub{display:block;font-size:11px;color:#999;letter-spacing:1px}
.header .navbar{margin-bottom:0;border:none;background:transparent;min-height:auto}
.header .navbar-default{border:none;background:transparent}
.header .navbar-nav>li>a{color:#000!important;font-weight:500;font-size:14px;padding:18px 14px}
.header .navbar-nav>li>a:hover,.header .navbar-nav>li>a:focus{color:#09afdf!important;background:transparent}
.header .navbar-nav>li.dropdown.open>a{background:transparent;color:#09afdf}
.header .navbar-toggle{border-color:#595959}
.header .navbar-toggle .icon-bar{background:#595959}
.header .navbar-toggle:hover,.header .navbar-toggle:focus{background-color:#fafafa;border-color:#3364C4}
.header .navbar-toggle:hover .icon-bar{background-color:#3364C4}
/* 搜索框 */
.so-box{position:relative;max-width:430px;padding-top:9px}
.so-box .form-control{height:36px;border-radius:4px;border:1px solid #d0d0d0;box-shadow:none;font-size:13px}
.so-box .form-control:focus{border-color:#09afdf;box-shadow:0 0 5px rgba(9,175,223,.3)}
#search2{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#999;font-size:15px;cursor:pointer;outline:none}
#search2:hover{color:#2e52a4}
.so-suggest{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;z-index:999;display:none;max-height:320px;overflow:auto;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.so-suggest ul{list-style:none;margin:0;padding:0}
.so-suggest li{padding:8px 14px;cursor:pointer;font-size:13px;border-bottom:1px solid #f1f1f1}
.so-suggest li:hover,.so-suggest li.active{background:#f5f9ff;color:#2e52a4}
.so-suggest .flag-icon{margin:0 8px 0 0;vertical-align:-2px}

/* ============ 通用区块 ============ */
.white-bg{background-color:#fff}
.light-gray-bg{background-color:#f4f4f4}
.space-bottom{padding-bottom:20px}
.space-bottom2{padding-bottom:40px}
.pv-20{padding-top:20px!important;padding-bottom:20px!important}
.ph-20{padding-left:20px!important;padding-right:20px!important}
.p-10{padding:10px}
.boxed{border:1px solid #e6e6e6;border-radius:6px}
.shadow{box-shadow:0 2px 6px rgba(0,0,0,.08)}
.font-size1{font-size:16px}
.font-size2{font-size:16px}
.page-header-loc h1{margin:0 0 20px;font-size:28px;font-weight:500}
.page-header-loc h1 img.flag{vertical-align:-8px;margin-right:10px;border-radius:2px}
.feature-box-2 .icon .flag-icon{margin:0;font-size:30px;line-height:1}
.h2-block{margin:0 0 14px;font-size:20px;font-weight:500}
.marker-list a{color:#444;font-size:14px;text-decoration:none}
.marker-list a:hover{color:#2e52a4;text-decoration:underline}
.marker-list .fa{color:#09afdf;padding-right:6px;font-size:13px}

/* ============ 首页时钟 ============ */
div.clock{text-align:center;margin:30px 0 20px 0}
div.clock a{color:#333;font-size:18px;font-weight:500;text-decoration:none}
div.clock a:hover{text-decoration:underline;color:#2e52a4}
div.clock .flag-icon{margin-left:10px;vertical-align:-2px}
div.clock div.date{color:#595959;font-size:14px;margin:8px 0}
div.clock div.time{font-size:22px;font-weight:200;font-family:'Open Sans',Arial,sans-serif;color:#333}
div.clock div.time strong{font-weight:normal;font-size:18px;margin-left:3px;color:#666}

/* ============ 首页大标题/分隔线 ============ */
h1.homepage{margin:30px 0;font-size:34px;font-weight:300;letter-spacing:1px}
.separator{width:100%;margin:20px auto 15px;position:relative;height:1px;background:#cdcdcd;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1)}
.separator:after{content:'\f111';font-family:FontAwesome;position:absolute;top:-9px;left:50%;margin-left:-9px;font-size:10px;color:#09afdf;background:#fff;padding:2px 8px;line-height:1}
.separator-2{width:100%;margin-bottom:15px;position:relative;height:1px;background:#e4e4e4}

/* ============ 首页三大功能模块 ============ */
.feature-box-2{position:relative;margin-bottom:30px;padding-left:70px;min-height:64px}
.feature-box-2 .icon{position:absolute;top:2px;left:0;width:52px;height:52px;line-height:52px;text-align:center;border-radius:4px}
.feature-box-2 .icon.without-bg{background:transparent;border:none}
.feature-box-2 .icon i{font-size:34px}
.feature-box-2 .body .title{margin:0 0 8px;font-size:18px;font-weight:500;color:#2e52a4}
.feature-box-2 .body p{color:#777;font-size:13px;margin:0;line-height:1.7}

/* ============ 首页热门地点 ============ */
.popular-place{font-size:14px;line-height:2.2}
.popular-place .flag-icon{margin:0 8px 0 0;vertical-align:-2px}
.popular-place a{color:#333;text-decoration:none}
.popular-place a:hover{color:#2e52a4;text-decoration:underline}
.popular-place a.text-muted{color:#777}
.popular-place a.text-muted:hover{color:#2e52a4}

/* ============ 面包屑 ============ */
.breadcrumb-container{background-color:#fff;border-bottom:none;padding:12px 0;margin:0}
.breadcrumb{margin:0;background:transparent;padding:0;font-size:13px}
.breadcrumb>li+li:before{content:'> ';color:#999}
.breadcrumb a{color:#2e52a4}
.breadcrumb .newsnav a{color:#333}
.breadcrumb .newsnav a:hover{color:#2e52a4}

/* ============ 内容页 H1 ============ */
.page-header-loc{margin:20px 0 25px}
.page-header-loc h1{margin:0;font-size:28px;font-weight:500}
.page-header-loc h1 img.flag{vertical-align:-8px;margin-right:10px;border-radius:2px}
.page-header-loc h1 .country{font-size:16px;color:#777}
.page-header-loc h1 .country a{color:#777}

/* ============ 城市页大时钟 ============ */
div.clock.big{text-align:center;margin:0 0 20px 0;border:1px solid #d9d9d9;border-radius:6px;padding:25px 20px;background:#fff}
div.clock.big h2{margin:0 0 20px;font-size:28px}
div.clock.big h2 .headline{display:block;margin-bottom:12px;font-size:75%;color:#595959;font-weight:300}
div.clock.big h2 small{font-size:18px;display:block;margin-top:5px;color:#999}
div.clock.big div.date{font-size:22px;color:#595959;margin:8px 0}
div.clock.big div.time{font-size:56px;margin:15px 0;font-weight:200;color:#333;line-height:1.1}
div.clock.big div.time span{padding:0 5px}
div.clock.big div.time strong{font-weight:lighter;font-size:40px;margin-left:10px;color:#666}

/* ============ 时区信息表 ============ */
.timezone-info{margin:0 0 20px}
.timezone-info.more-whitespace tbody tr.bm1 td{padding:20px 15px;border-top:none;border-bottom:1px solid #eee;vertical-align:middle}
.timezone-info tbody tr.bm1 td.bm2{width:60%}
.timezone-info tbody tr.bm1 td.bm3{width:40%;text-align:right;font-size:16px}
.timezone-info .light-gray-bg2{background:#f9f9f9}
.timezone-info h2{font-size:18px;margin:0}
.timezone-info h3{font-size:16px;margin:0;color:#333}
.timezone-info small.show{color:#999;font-size:13px;font-weight:400}
.timezone-info .text-success{color:#3c763d}
.timezone-info a.abm3{color:#2e52a4;font-size:15px}

/* ============ 主要城市手风琴 ============ */
.panel-default{border-color:#ddd}
.panel-default>.panel-heading{background-color:#f5f5f5;border-color:#ddd;padding:12px 15px}
.panel-title a{color:#333;font-size:15px}
.panel-title a:hover{color:#2e52a4;text-decoration:none}
.panel-body .list-links a{display:inline-block;padding:5px 8px;margin:0 2px 4px 0;color:#555;font-size:13px;border:1px solid #eee;border-radius:3px;text-decoration:none}
.panel-body .list-links a:hover{color:#2e52a4;border-color:#09afdf;background:#f0fbff}

/* ============ 页脚 ============ */
#footer{clear:both}
.footer{border-top:2px solid #e8e8e8;background:#fff;padding:35px 0 0}
.footer-inner{padding-bottom:25px}
.footer .title{color:#2e52a4;font-size:16px;margin:0 0 12px}
.footer p{color:#777;font-size:13px}
.footer .nav-pills.nav-stacked.list-style-icons>li>a{padding:4px 0;color:#555;font-size:13px;background:transparent}
.footer .nav-pills.nav-stacked.list-style-icons>li>a:hover{color:#2e52a4;background:transparent}
.footer .nav-pills.nav-stacked.list-style-icons>li>a .fa{color:#2e52a4;padding-right:6px;font-size:11px}
.footer-bottom{background:#2e52a4;color:#fff;padding:14px 0;margin-top:10px;font-size:12px}
.footer-bottom a{color:#fff;text-decoration:underline}
.footer-bottom a:hover{color:#cfe9ff}

/* ============ 列表页 (洲/国家/省) ============ */
.country-list a,.region-list a{display:inline-block;padding:6px 10px;margin:0 4px 6px 0;color:#444;font-size:14px;text-decoration:none}
.country-list a:hover,.region-list a:hover{color:#2e52a4;text-decoration:underline}
.city-list-links a{color:#444;font-size:14px;text-decoration:none}
.city-list-links a:hover{color:#2e52a4;text-decoration:underline}

/* ============ 时区列表 ============ */
.tz-table th{background:#f5f5f5;color:#333;font-weight:600}
.tz-table td a{color:#2e52a4}

/* ============ 搜索结果 ============ */
.search-result-item{padding:10px 0;border-bottom:1px dashed #e4e4e4}
.search-result-item a{font-size:16px;color:#2e52a4}
.search-result-item .sr-meta{color:#999;font-size:12px}

/* ============ 时区转换器/时差计算器 ============ */
.convert-panel,.distance-panel{background:#fafafa;border:1px solid #e4e4e4;border-radius:6px;padding:20px}
.convert-panel label,.distance-panel label{font-weight:500;color:#333;margin-bottom:4px}
.convert-panel select,.distance-panel select,.convert-panel input,.distance-panel input{width:100%;height:38px;border:1px solid #ccc;border-radius:4px;padding:0 10px;font-size:14px;background:#fff}
.convert-panel button,.distance-panel button{margin-top:18px;background:#2e52a4;color:#fff;border:none;border-radius:4px;padding:9px 28px;font-size:14px}
.convert-panel button:hover,.distance-panel button:hover{background:#09afdf}
#convertResult,#distanceResult{margin-top:20px;font-size:15px;line-height:1.9}
.result-box{border:1px solid #09afdf;background:#f0fbff;border-radius:6px;padding:14px 18px;color:#333}

/* ============ 日出日落 ============ */
.sun-panel{background:#fafafa;border:1px solid #e4e4e4;border-radius:6px;padding:16px 20px}
.sun-panel h2{font-size:18px;margin:0 0 12px;color:#333}
.sun-grid{display:flex;gap:30px}
.sun-item{flex:1;text-align:center;background:#fff;border:1px solid #e4e4e4;border-radius:6px;padding:14px}
.sun-item .sun-label{color:#999;font-size:12px;display:block;margin-bottom:4px}
.sun-item strong{font-size:22px;color:#2e52a4;font-weight:500}
.sun-item em{display:block;color:#999;font-size:12px;font-style:normal;margin-top:4px}

/* ============ 静态页 ============ */
.static-page h1{font-size:26px;margin:0 0 16px}
.static-page h2{font-size:19px;margin:22px 0 10px}
.static-page p{color:#555;margin-bottom:10px}

/* ============ 响应式 ============ */
/* 桌面端: 搜索框与导航菜单同一行(flex弹性, 导航内容多也不换行) */
@media (min-width: 992px){
    .header .main-navigation .navbar{display:flex;align-items:center;flex-wrap:nowrap;min-height:auto}
    .header .navbar-header{float:none;width:auto;padding-top:0;flex:0 0 auto}
    .header .navbar-header .row{display:flex;align-items:center;margin:0;flex-wrap:nowrap}
    .header .search-col{width:auto;flex:0 0 240px;min-width:240px;float:none;padding:0 14px 0 0}
    .header .navbar-collapse{float:none;flex:1 1 auto;width:auto;padding:0;border:0;max-height:none;min-width:0;display:flex!important;justify-content:flex-end}
    .header .navbar-nav{flex:1 1 auto;justify-content:flex-end;float:none;margin:0}
    .header .navbar-nav>li>a{padding:18px 8px;font-size:12px;white-space:nowrap}
    .header .navbar-nav>li:first-child>a{padding-left:2px}
}
@media (min-width:992px) and (max-width:1199px){
    .header .search-col{flex-basis:240px;min-width:240px}
    .header .navbar-nav>li>a{padding:18px 1px;font-size:11px}
}
@media (min-width:768px) and (max-width:991px){
    .header .main-navigation .navbar{display:flex;align-items:center;flex-wrap:nowrap;min-height:auto}
    .header .navbar-header{float:none;width:auto;padding-top:0;flex:0 0 auto}
    .header .navbar-header .row{display:flex;align-items:center;margin:0;flex-wrap:nowrap}
    .header .search-col{width:auto;flex:0 1 210px;min-width:150px;float:none;padding:0 10px 0 0}
    .header .navbar-collapse{float:none;flex:1 1 auto;width:auto;padding:0;border:0;max-height:none;min-width:0;display:flex!important;justify-content:flex-end}
    .header .navbar-nav{flex:1 1 auto;justify-content:flex-end;float:none;margin:0}
    .header .navbar-nav>li>a{padding:16px 5px;font-size:12px;white-space:nowrap}
}
@media (max-width:767px){
    .header .navbar-collapse{background:#fff;border-top:1px solid #f1f1f1;box-shadow:0 6px 12px rgba(0,0,0,.1)}
    .header .navbar-nav>li>a{padding:10px 14px}
    .so-box{max-width:100%;padding-top:6px}
    h1.homepage{font-size:24px}
    div.clock.big div.time{font-size:42px}
    div.clock.big h2{font-size:22px}
    .footer .col-md-5,.footer .col-md-4,.footer .col-md-3{margin-bottom:20px}
    .logo{padding-top:4px}
    .logo .logo-text{font-size:18px}
}

/* ============ 列表页兼容样式 (洲/国家/省/搜索/海洋) ============ */
.yx-h1{font-size:26px;font-weight:500;margin:24px 0 8px;color:#333}
.yx-h2{font-size:20px;font-weight:500;margin:26px 0 12px;color:#333}
.yx-lead{color:#777;font-size:14px;margin-bottom:22px}
.yx-continent-block{margin-bottom:28px}
.yx-continent-block h2{font-size:19px;border-bottom:2px solid #f1f1f1;padding-bottom:8px;margin-bottom:12px}
.yx-continent-block h2 a{color:#2e52a4}
.yx-country-grid{display:flex;flex-wrap:wrap;gap:10px}
.yx-country-cell{display:inline-flex;flex-direction:column;width:180px;padding:10px 12px;border:1px solid #eee;border-radius:6px;text-decoration:none!important;background:#fff}
.yx-country-cell:hover{border-color:#09afdf;background:#f0fbff}
.yx-cc-name{font-size:14px;color:#333;font-weight:500}
.yx-cc-cap{font-size:12px;color:#999;margin-top:2px}
.yx-cc-tz,.yx-cc-domain{font-size:11px;color:#aaa}
.yx-cc-flag{font-size:11px;color:#2e52a4;font-weight:700}
.yx-city-grid{display:flex;flex-wrap:wrap;gap:8px}
.yx-city-cell{display:inline-flex;flex-direction:column;padding:8px 12px;border:1px solid #eee;border-radius:5px;text-decoration:none!important;background:#fff}
.yx-city-cell:hover{border-color:#09afdf;background:#f0fbff}
.yx-ct-name{font-size:13px;color:#333}
.yx-ct-time{font-size:11px;color:#999}
.yx-tz-tags{display:flex;flex-wrap:wrap;gap:8px}
.yx-tz-tags a{padding:5px 10px;border:1px solid #eee;border-radius:4px;font-size:12px;color:#555;text-decoration:none}
.yx-tz-tags a:hover{color:#2e52a4;border-color:#09afdf;background:#f0fbff}
.yx-search-big{display:flex;gap:8px;margin:14px 0 20px;max-width:560px}
.yx-search-big input{flex:1;height:40px;border:1px solid #ccc;border-radius:4px;padding:0 12px;font-size:14px}
.yx-search-big button{background:#2e52a4;color:#fff;border:none;border-radius:4px;padding:0 22px;font-size:14px;cursor:pointer}
.yx-search-big button:hover{background:#09afdf}
.yx-ocean-block{margin:20px 0}
.yx-ocean-grid{display:flex;flex-wrap:wrap;gap:10px}
.yx-ocean-cell{width:220px;padding:10px 12px;border:1px solid #eee;border-radius:6px;background:#fff}
.yx-oc-tz{font-size:13px;font-weight:600;color:#2e52a4;display:block}
.yx-oc-cn{font-size:12px;color:#555;display:block}
.yx-oc-time{font-size:12px;color:#333;display:block;margin-top:4px}
.yx-oc-offset{font-size:11px;color:#999;display:block}

/* ========== 2026-10-12 UI 美化补充 ========== */
/* 整卡可点击 */
.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}
.feature-box-2.clickable:hover{box-shadow:0 2px 12px rgba(46,82,164,.18);transform:translateY(-2px)}
.feature-box-2.clickable h3.title a{color:#2e52a4}
.feature-box-2.clickable h3.title a:hover{color:#09afdf;text-decoration:none}
div.clock.clickable:hover{background:#f7f9fd;border-radius:6px}
div.clock.clickable a:hover{text-decoration:none}
.marker-list a:hover{color:#09afdf}
.h2-block{color:#2e52a4;font-size:22px;margin:10px 0 20px}
/* 时区列表页 */
.tz-group-title{font-size:18px;color:#2e52a4;margin:8px 0 12px;font-weight:600}
.tz-group-title i{margin-right:8px;color:#09afdf}
/* 转换器/时差计算器 */
.convert-panel select{width:100%;height:38px;border:1px solid #d9d9d9;border-radius:4px;padding:0 10px;color:#333;background:#fff}
.convert-panel label{font-weight:600;color:#333;margin-bottom:4px}
.convert-panel .btn{background:#2e52a4;color:#fff;border:none;border-radius:4px;padding:8px 28px;margin-top:24px}
.convert-panel .btn:hover{background:#09afdf}
.result-box{background:#f7f9fd;border:1px solid #e3e8f3;border-radius:6px;padding:18px 20px;margin-top:18px;color:#333;line-height:1.9}
.result-box strong{color:#2e52a4}
.yx-diff{font-size:16px;color:#333;margin:16px 0}
.yx-diff strong{color:#e0673c;font-size:18px}
/* 时区介绍页使用国家 */
.tz-country-list{column-count:2;column-gap:30px}
.tz-country-list a{display:block;padding:5px 0;color:#333;border-bottom:1px dashed #eee}
.tz-country-list a:hover{color:#09afdf;text-decoration:none}
@media (max-width:767px){.tz-country-list{column-count:1}}
/* 时钟区(首页) */
.clocks{margin:0 -10px}
.home .clock{background:#f7f9fd;border:1px solid #eef2fa;border-radius:8px;padding:14px 8px;margin:10px 6px}
.home .clock div.time{font-size:20px;color:#2e52a4}
/* 搜索框图标按钮 */
.so-box .fa-search{position:absolute;right:10px;top:8px;font-size:18px;color:#2e52a4;background:none;border:none;cursor:pointer}

/* 页脚友情链接 */
.footer-links{border-top:1px solid #eef0f4;background:#fafbfd;padding:12px 0}
.footer-links .fl-t{font-weight:600;color:#2e52a4;margin-right:8px;font-size:13px}
.footer-links a{color:#666;font-size:13px;margin:0 10px 4px 0;display:inline-block}
.footer-links a:hover{color:#09afdf;text-decoration:none}

/* ========== 2026-10-12 时间详情页美化 ========== */
/* 大时钟卡片 */
.clock.big{position:relative;border:1px solid #e3e8f3;border-radius:10px;padding:30px 24px 26px;background:linear-gradient(180deg,#fbfcff,#f4f7fd);box-shadow:0 2px 10px rgba(46,82,164,.08);overflow:hidden}
.clock.big:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2e52a4,#09afdf)}
.clock.big h2{color:#2e52a4;font-size:18px;margin-bottom:4px}
.clock.big h2 .headline{color:#888;font-weight:400}
.clock.big h2 small{color:#999;font-size:13px}
.clock.big div.date{color:#666;font-size:15px;margin:10px 0 6px;letter-spacing:.5px}
.clock.big div.time{font-size:44px;font-weight:700;color:#2e52a4;font-family:'Open Sans',Arial,sans-serif;letter-spacing:2px;line-height:1.1}
.clock.big div.time .hour,.clock.big div.time .minute,.clock.big div.time .second{display:inline-block;background:#fff;border:1px solid #e3e8f3;border-radius:8px;padding:4px 12px;margin:0 3px;box-shadow:0 1px 3px rgba(46,82,164,.1)}
.clock.big div.time .second{color:#09afdf}
/* 时区信息表 */
table.timezone-info{border:1px solid #e3e8f3;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(46,82,164,.06);background:#fff}
table.timezone-info td{padding:14px 16px;border-bottom:1px solid #f0f3f9;vertical-align:middle}
table.timezone-info tr:last-child td{border-bottom:none}
table.timezone-info tr.bm1.light-gray-bg2 td{background:#f7f9fd}
table.timezone-info h2{font-size:20px;color:#2e52a4;margin:0}
table.timezone-info h3{font-size:15px;color:#444;margin:0}
table.timezone-info .bm2{width:55%}
table.timezone-info .bm3 h2{color:#e0673c}
table.timezone-info a.abm3{color:#09afdf;text-decoration:none}
table.timezone-info small.show{color:#999;font-size:12px}
/* 转换器卡片 */
.convert-panel{border:1px solid #e3e8f3;border-radius:10px;padding:22px 24px;background:linear-gradient(180deg,#fbfcff,#fff);box-shadow:0 2px 10px rgba(46,82,164,.06)}
.convert-panel h2{color:#2e52a4;font-size:18px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #eef2f8}
/* 下级地区标题 */
.h2-block{position:relative;padding-left:14px}
.h2-block:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:linear-gradient(180deg,#2e52a4,#09afdf);border-radius:2px}
/* 日出日落 */
.sun-panel{border:1px solid #e3e8f3;border-radius:10px;padding:20px 24px;background:#fff;box-shadow:0 2px 10px rgba(46,82,164,.06);margin-top:0}
.sun-panel h2{color:#2e52a4;font-size:17px;margin-bottom:14px}
.sun-grid{display:flex;gap:16px;flex-wrap:wrap}
.sun-item{flex:1;min-width:200px;border:1px solid #eef2f8;border-radius:8px;padding:14px 18px;background:#fbfcff;display:flex;flex-direction:column;align-items:center}
.sun-item strong{font-size:22px;color:#2e52a4;margin:4px 0}
.sun-item .sun-label{font-size:14px;color:#666}
.sun-item em{font-style:normal;font-size:12px;color:#aaa}
/* 城市/地区简介 (About {place} Local Time) */
.about-panel{border:1px solid #e3e8f3;border-radius:10px;padding:22px 26px;background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:0 2px 10px rgba(46,82,164,.06);margin-top:0}
.about-panel h2{color:#2e52a4;font-size:19px;margin:0 0 16px;display:flex;align-items:center;gap:8px;border-bottom:2px solid #eef2f8;padding-bottom:10px}
.about-panel h2 svg{flex-shrink:0}
.about-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.about-badge{flex:1;min-width:140px;background:#fff;border:1px solid #e3e8f3;border-radius:8px;padding:9px 14px;box-shadow:0 1px 4px rgba(46,82,164,.05)}
.about-badge .ab-l{color:#8a94a6;font-size:12px;display:block;margin-bottom:3px}
.about-badge .ab-v{color:#333;font-weight:600;font-size:14px;word-break:break-all}
.about-panel p{color:#555;line-height:1.85;font-size:14.5px;margin:0 0 12px;text-align:left}
.about-panel p:last-child{margin-bottom:0}
@media(max-width:768px){.about-badges{flex-direction:column}.about-badge{min-width:0}}
/* 周围地区手风琴 */
.panel-default{border:1px solid #e3e8f3!important;border-radius:10px!important;overflow:hidden;box-shadow:0 2px 10px rgba(46,82,164,.06)!important}
.panel-default .panel-heading{background:linear-gradient(180deg,#f4f8fd,#e9eff8)!important;border-color:#e3e8f3!important}
.panel-title{color:#2e52a4!important;font-size:16px!important}
.list-links a{display:inline-block;margin:3px 6px 3px 0;padding:5px 12px;border:1px solid #e3e8f3;border-radius:16px;color:#444;font-size:13px;background:#fbfcff}
.list-links a:hover{background:#2e52a4;color:#fff;border-color:#2e52a4;text-decoration:none}
/* 下级地区链接微调 */
.marker-list a{color:#2e52a4;font-size:14px;transition:all .2s}
.marker-list a:hover{color:#09afdf;padding-left:4px}
.marker-list i{color:#09afdf}

/* ========== 2026-10-12 第二轮美化 ========== */
/* fa 字体兜底, 防止图标显示为方块 */
.fa{font-family:'FontAwesome'!important}
/* 小标题图标: 圆底小徽章, 更美观 */
h2 .fa,h2 i.fa,.h2-block .fa,.convert-panel h2 .fa,.sun-panel h2 .fa{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;background:#eef3fb;border:1px solid #dbe4f5;border-radius:50%;color:#2e52a4;font-size:14px;margin-right:6px;box-shadow:0 1px 3px rgba(46,82,164,.1)}
/* 首页时钟卡片美化 */
.clocks .clock{background:#fff;border:1px solid #e3e8f3;border-radius:12px;padding:20px 12px 18px;text-align:center;box-shadow:0 2px 8px rgba(46,82,164,.08);transition:all .25s;margin-bottom:20px}
.clocks .clock:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(46,82,164,.16);border-color:#09afdf}
.clocks .clock-flag{margin-bottom:8px}
.clocks .clock-flag .flag-icon{width:36px;height:26px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.25);display:inline-block}
.clocks .clock-name{display:block;font-size:14px;font-weight:600;color:#2e52a4;margin-bottom:4px}
.clocks .clock-name:hover{color:#09afdf;text-decoration:none}
.clocks .clock .date{font-size:12px;color:#888;margin:2px 0;letter-spacing:.3px}
.clocks .clock .time{font-size:22px;font-weight:700;color:#333;font-family:'Open Sans',Arial,sans-serif;letter-spacing:1px}
/* 国际热门地点美化 */
.popular-place{padding:14px 6px 6px;background:#fbfcff;border:1px solid #eef2f8;border-radius:10px}
.popular-place a{color:#2e52a4;font-size:14px}
.popular-place a:hover{color:#09afdf}
.popular-place .flag-icon{width:24px;height:18px;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.2);display:inline-block;vertical-align:middle}
.popular-place > div{padding:8px 10px}
/* 日出日落图标 */
.sun-item .sun-icon{width:46px;height:46px;margin-bottom:6px;border-radius:8px}

/* ========== 2026-10-12 第三轮 ========== */
/* 日出日落: 图标在左侧, 文字在右侧 */
.sun-item{flex-direction:row;justify-content:flex-start;gap:12px;align-items:center;padding:12px 18px}
.sun-item .sun-icon{margin-bottom:0;order:0}
.sun-item .sun-label{order:1;font-size:14px;color:#666;width:auto;white-space:nowrap;margin-right:6px}
.sun-item strong{order:2;font-size:22px;margin:0}
.sun-item em{order:3;font-size:12px;color:#aaa;margin-left:auto}
/* 首页时钟: 纯自定义网格, 桌面居中, 手机一行两个 (gap间距+calc宽度, 卡片留白美观) */
.clocks{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.clock-item{box-sizing:border-box;flex:0 0 calc(16.666% - 16.7px);width:calc(16.666% - 16.7px);padding:0 0 20px;margin:0!important;min-width:0}
@media (max-width:991px) and (min-width:768px){.clock-item{flex:0 0 calc(25% - 10px);width:calc(25% - 10px)}}
@media (max-width:767px){.clocks{gap:10px}.clock-item{flex:0 0 calc(50% - 5px);width:calc(50% - 5px);padding:0 0 20px}}
/* 时区表卡片美化 */
table.timezone-info{overflow:hidden;border-radius:12px;border:1px solid #dbe4f5;box-shadow:0 3px 14px rgba(46,82,164,.10)}
table.timezone-info thead th,table.timezone-info tr:first-child td{background:linear-gradient(135deg,#2e52a4,#09afdf);color:#fff;border-bottom:none}
table.timezone-info tr:first-child td h2,table.timezone-info tr:first-child td h3{color:#fff}
table.timezone-info tr:first-child td small.show{color:#e6f0ff}
table.timezone-info tr.bm1.light-gray-bg2 td{background:#f4f7fd}
table.timezone-info tr:nth-child(even) td{background:#fafcff}
table.timezone-info td{transition:background .2s}
table.timezone-info tr:hover td{background:#eef4fd}

/* ========== 2026-10-12 第四轮 ========== */
/* 国旗图标: 与文字同大小 */
.flag-img{width:20px;height:14px;border-radius:2px;vertical-align:-2px;box-shadow:0 1px 2px rgba(0,0,0,.15);display:inline-block}
.clocks .clock-flag .flag-img{width:20px;height:14px;margin:0;border-radius:2px}
.popular-place .flag-img.sm{width:16px;height:12px;vertical-align:-1px}
.feature-box-2 .flag-img.md{width:34px;height:24px}
h1 .flag.flag-img{width:40px;height:30px}
/* 时区表: 标准时间行不随悬停变色 */
table.timezone-info tr:not(:first-child):hover td{background:#eef4fd}
table.timezone-info tr:first-child:hover td{background:linear-gradient(135deg,#2e52a4,#09afdf)}
/* 时区缩写 badge: 独立一行, 与主文字拉开垂直间距, 宽度贴近文字 */
.tz-abbr{display:inline-block!important;margin-top:10px;padding:1px 8px;border-radius:8px;background:#eef3fb;border:1px solid #dbe4f5;color:#2e52a4;font-size:11px;line-height:1.5;font-weight:400;min-width:34px;text-align:center;letter-spacing:.5px}
table.timezone-info tr:first-child .tz-abbr{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.35);color:#fff}

/* 国际热门地点: 手机两列 */
@media (max-width:767px){.popular-place .col-xs-6{width:50%;float:left}}
/* 洲列表国家卡片: 国旗与文字间距加大(!important覆盖ph-20), 垂直居中 */
.feature-box-2{padding-left:88px!important}
.feature-box-2 .icon{width:44px;height:44px;line-height:44px;top:50%;transform:translateY(-50%)}
.feature-box-2 .flag-img.md{width:32px;height:22px;vertical-align:middle}

/* 时钟卡: 国旗在名称左侧, 一行排列 */
.clock-head{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px}
.clocks .clock-head .flag-img{width:18px;height:13px;margin:0;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.15);flex:0 0 auto}
.clocks .clock-name{margin-bottom:0;font-size:13px}

/* 世界国家列表: 手机端一行2个 */
@media (max-width:767px){.yx-country-cell{width:calc(50% - 5px)}}

/* ========== 2026-10-14 时钟卡布局最终修复 ========== */
/* 覆盖 .home .clock / .clocks .clock 自带 margin, 保证一行两个 */
.clocks .clock-item{margin:0!important}
.clocks .clock{margin:0!important}
.clocks div.clock{margin:0!important}
.home .clock{margin:0!important}
.home .clock-item{margin:0!important}
.home .clocks .clock-item{margin:0!important}

/* ========== 最新天气板块 ========== */
.weather-panel{background:linear-gradient(135deg,#eaf4ff,#f6fbff);border:1px solid #d9e8fb;border-radius:14px;padding:22px;margin-bottom:30px}
.weather-panel h2{font-size:20px;color:#2e52a4;margin:0 0 18px;display:flex;align-items:center;gap:8px}
.weather-grid{display:flex;gap:16px;flex-wrap:wrap}
.weather-day{flex:1;min-width:170px;background:#fff;border-radius:12px;padding:18px 14px;text-align:center;box-shadow:0 2px 8px rgba(46,82,164,.08);transition:transform .2s}
.weather-day:hover{transform:translateY(-3px)}
.weather-day.today{background:linear-gradient(135deg,#2e52a4,#09afdf);color:#fff}
.weather-day .wd-date{font-size:13px;color:#6b82a8;opacity:.9}
.weather-day.today .wd-date{color:#fff;opacity:.95}
.weather-day .wd-icon{margin:10px 0 6px}
.weather-day .wd-cond{font-size:15px;font-weight:600;color:#333}
.weather-day.today .wd-cond{color:#fff}
.weather-day .wd-temp{font-size:24px;font-weight:700;color:#2e52a4;margin-top:4px}
.weather-day.today .wd-temp{color:#fff}
.weather-day .wd-range{font-size:13px;color:#7a8aa8;margin-top:2px}
.weather-day.today .wd-range{color:#fff;opacity:.9}
.weather-note{font-size:12px;color:#7a93b8;margin-top:12px;text-align:right}
@media (max-width:767px){.weather-day{min-width:0;flex:0 0 calc(33.333% - 10.7px)}.weather-day .wd-icon svg{width:36px;height:36px}.weather-day .wd-temp{font-size:19px}}

/* ========== 下级地区卡片美化 ========== */
.marker-card{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e6edf7;border-radius:8px;padding:10px 12px;color:#333;font-size:14px;text-decoration:none!important;transition:all .2s;box-shadow:0 1px 4px rgba(46,82,164,.06);height:100%}
.marker-card:hover{border-color:#09afdf;color:#2e52a4;box-shadow:0 3px 10px rgba(46,82,164,.14);transform:translateY(-2px)}
.marker-card svg{flex:0 0 auto}
@media (max-width:767px){.marker-card{font-size:13px;padding:9px 10px}}

/* ========== 保险: 防止任何横向出界 ========== */
body{overflow-x:hidden}
.marker-card{max-width:100%}
.row.marker-list, .marker-list{max-width:100%}

/* ========== 洲页顶部图标手机端自适应 ========== */
@media (max-width:767px){
  .col-xs-3.text-center svg{max-width:100%!important;height:auto!important;width:auto!important}
}

/* ========== 时区会议策划器 ========== */
.meeting-panel{background:#fff;border-radius:10px;box-shadow:0 2px 12px rgba(46,82,164,.08);padding:22px 20px}
.meeting-controls{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;margin-bottom:18px}
.meeting-date label,.meeting-slider label{display:block;font-size:13px;color:#555;margin-bottom:6px;font-weight:600}
.meeting-date input[type=date]{padding:7px 10px;border:1px solid #d5e0f0;border-radius:6px;font-size:14px}
.meeting-slider{flex:1;min-width:260px}
.meeting-slider input[type=range]{width:100%;accent-color:#09afdf}
.slider-scale{display:flex;justify-content:space-between;font-size:11px;color:#999;margin-top:2px}
.meeting-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:16px}
.meeting-city{background:#f7fafd;border:1px solid #e3ecf6;border-radius:10px;padding:14px;transition:all .2s;position:relative}
.meeting-city.st-good{background:#eefaf1;border-color:#b5e8c4}
.meeting-city.st-ok{background:#fffbea;border-color:#f3e2a8}
.meeting-city.st-bad{background:#f5f6f8;border-color:#e4e7ec}
.mc-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;padding-right:22px}
.mc-name{font-size:16px;font-weight:700;color:#2e52a4}
.mc-sub{font-size:12px;color:#888}
.mc-del{position:absolute;top:8px;right:10px;border:0;background:transparent;color:#bbb;font-size:16px;cursor:pointer;line-height:1}
.mc-del:hover{color:#e05}
.mc-time{font-size:30px;font-weight:800;color:#1c2f55;font-family:'Segoe UI',Arial,sans-serif;display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap}
.mc-meta{font-size:12px;color:#667;margin-top:4px}
.mc-day{color:#09afdf;font-weight:600}
.mc-state{display:inline-block;margin-top:0;font-size:11px;padding:2px 10px;border-radius:20px;background:#eef2f7;color:#556}
.st-good .mc-state{background:#c9efd3;color:#1c7a35}
.st-ok .mc-state{background:#f7e7a8;color:#8a6d00}
.st-bad .mc-state{background:#dfe3e9;color:#6b7280}
.meeting-add{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.meeting-add select{padding:7px 10px;border:1px solid #d5e0f0;border-radius:6px;font-size:14px;max-width:340px;flex:1;min-width:220px}
.meeting-add button{padding:7px 18px;border:0;border-radius:6px;background:#2e52a4;color:#fff;cursor:pointer;font-size:14px}
.meeting-add button:hover{background:#09afdf}
.meeting-tip{font-size:12px;color:#999}
.meeting-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#555;border-top:1px dashed #e3ecf6;padding-top:10px}
.lg{display:inline-flex;align-items:center;gap:6px}
.lg::before{content:'';width:12px;height:12px;border-radius:3px;display:inline-block}
.lg-green::before{background:#3eb96a}
.lg-yellow::before{background:#e5c04b}
.lg-gray::before{background:#a8b0bd}
.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.scenario-item{background:#f7fafd;border:1px solid #e3ecf6;border-radius:8px;padding:14px}
.scenario-item b{color:#2e52a4}
.scenario-item p{margin:6px 0 0;font-size:13px;color:#667}
.faq-item{border:1px solid #e3ecf6;border-radius:8px;margin-bottom:10px;overflow:hidden}
.faq-q{padding:12px 16px;cursor:pointer;font-weight:600;color:#2e52a4;display:flex;justify-content:space-between;align-items:center;background:#f7fafd}
.faq-q:hover{background:#eef4fb}
.faq-arrow{color:#09afdf;font-size:12px}
.faq-a{max-height:0;overflow:hidden;padding:0 16px;font-size:13px;color:#555;line-height:1.7;transition:max-height .25s ease}
.faq-item.open .faq-a{padding:4px 16px 12px}
@media (max-width:767px){
  .meeting-cities{grid-template-columns:1fr;gap:10px}
  .meeting-city{padding:10px}
  .mc-time{font-size:24px}
  .mc-name{font-size:14px}
}

/* ========== 时区会议策划器 美化版 v2 ========== */
.mc-tz{font-size:11px;color:#9aa4b2;margin:0 0 5px;font-family:'Consolas','Courier New',monospace;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meeting-empty{grid-column:1/-1;text-align:center;color:#889;font-size:14px;padding:36px 16px;border:2px dashed #d5e3f2;border-radius:12px;background:#fbfdff}
.meeting-empty small{color:#aab;font-size:12px}
.meeting-panel{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border:1px solid #e3ecf6;border-radius:14px;box-shadow:0 6px 24px rgba(46,82,164,.10);padding:26px 24px;position:relative;overflow:visible}
.meeting-panel::before{content:'';position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:3px;background:linear-gradient(90deg,#2e52a4,#09afdf)}
.meeting-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin-bottom:22px}
.meeting-date,.meeting-slider{background:#f3f8fd;border:1px solid #e6eef8;border-radius:10px;padding:14px 16px}
.meeting-date label,.meeting-slider label{display:block;font-size:12px;color:#667;margin-bottom:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.meeting-date input[type=date]{padding:8px 12px;border:1px solid #cfe0f2;border-radius:8px;font-size:15px;color:#1c2f55;background:#fff;outline:none}
.meeting-date input[type=date]:focus{border-color:#09afdf;box-shadow:0 0 0 3px rgba(9,175,223,.12)}
.meeting-slider{flex:1;min-width:280px}
.meeting-slider #baseTimeLabel{color:#2e52a4;font-size:18px;font-weight:800;margin-left:6px}
.meeting-slider input[type=range]{width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,#2e52a4,#09afdf);outline:none;-webkit-appearance:none;appearance:none}
.meeting-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #09afdf;box-shadow:0 2px 8px rgba(9,175,223,.4);cursor:pointer}
.slider-scale{display:flex;justify-content:space-between;font-size:11px;color:#99a;margin-top:6px}
.meeting-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:20px}
.meeting-city{border-radius:12px;padding:16px 14px 14px;position:relative;transition:transform .15s,box-shadow .15s;overflow:hidden}
.meeting-city:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(46,82,164,.12)}
.meeting-city.st-good{background:linear-gradient(160deg,#eefbf2,#dff6e7);border:1px solid #b5e8c4}
.meeting-city.st-ok{background:linear-gradient(160deg,#fffcf0,#fdf3d3);border:1px solid #f0e0a0}
.meeting-city.st-bad{background:linear-gradient(160deg,#f6f7fa,#eef0f4);border:1px solid #e2e6ec}
.mc-head{display:flex;align-items:center;gap:7px;margin-bottom:10px;padding-right:24px}
.mc-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.st-good .mc-dot{background:#2fb75e;box-shadow:0 0 0 3px rgba(47,183,94,.18)}
.st-ok .mc-dot{background:#e0b21a;box-shadow:0 0 0 3px rgba(224,178,26,.18)}
.st-bad .mc-dot{background:#9aa4b2;box-shadow:0 0 0 3px rgba(154,164,178,.18)}
.mc-name{font-size:16px;font-weight:800;color:#1c2f55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.mc-sub{font-size:11px;color:#889;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.mc-del{position:absolute;top:10px;right:12px;border:0;background:rgba(0,0,0,.05);color:#99a;font-size:14px;width:22px;height:22px;border-radius:50%;cursor:pointer;line-height:1}
.mc-del:hover{background:#e05;color:#fff}
.mc-time{font-size:32px;font-weight:900;color:#16294d;font-family:'Segoe UI',Arial,sans-serif;line-height:1.1;letter-spacing:.5px;display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap}
.mc-meta{font-size:12px;color:#667;margin-top:6px}
.mc-state{display:inline-block;margin-top:0;font-size:11px;font-weight:700;padding:3px 12px;border-radius:20px}
.st-good .mc-state{background:#2fb75e;color:#fff}
.st-ok .mc-state{background:#e0b21a;color:#fff}
.st-bad .mc-state{background:#8d97a6;color:#fff}
.meeting-add{margin-bottom:12px;position:relative}
.ma-search{display:flex;gap:10px;position:relative}
.ma-search input{flex:1;min-width:240px;padding:11px 14px;border:1px solid #cfe0f2;border-radius:9px;font-size:14px;outline:none;background:#fff;transition:border-color .2s,box-shadow .2s}
.ma-search input:focus{border-color:#09afdf;box-shadow:0 0 0 3px rgba(9,175,223,.12)}
.ma-search button{padding:0 26px;border:0;border-radius:9px;background:linear-gradient(135deg,#2e52a4,#3b6fd6);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px rgba(46,82,164,.25)}
.ma-search button:hover{background:linear-gradient(135deg,#09afdf,#2e52a4)}
.ma-list{display:none;position:absolute;top:calc(100% + 6px);left:0;right:74px;background:#fff;border:1px solid #dbe7f5;border-radius:10px;box-shadow:0 10px 30px rgba(30,60,120,.15);max-height:260px;overflow:auto;z-index:99}
.ma-row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;cursor:pointer;font-size:14px;border-bottom:1px solid #f0f5fb}
.ma-row:hover{background:#eef6fd}
.ma-c{color:#1c2f55;font-weight:600}
.ma-co{font-style:normal;font-size:12px;color:#99a;margin-left:4px}
.ma-t{color:#09afdf;font-size:12px}
.ma-empty{padding:14px;color:#999;font-size:13px;text-align:center}
.meeting-tip{display:block;font-size:12px;color:#99a;margin-top:8px}
.meeting-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#556;border-top:1px dashed #dbe7f5;padding-top:12px}
.lg{display:inline-flex;align-items:center;gap:7px}
.lg::before{content:'';width:14px;height:14px;border-radius:4px;display:inline-block}
.lg-green::before{background:#2fb75e}
.lg-yellow::before{background:#e0b21a}
.lg-gray::before{background:#9aa4b2}
/* ========== 时区会议策划器 美化版 v2 ========== */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:767px){.how-grid{grid-template-columns:1fr}}
.how-step{background:#f6fafd;border:1px solid #e3ecf6;border-radius:10px;padding:18px;position:relative;min-width:0;overflow:hidden}
.how-step b{color:#2e52a4;font-size:15px;display:block;margin-bottom:6px}
.how-step p{margin:0;font-size:13px;color:#667;line-height:1.7}
.hs-num{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#2e52a4,#09afdf);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.scenario-item{min-width:0;overflow:hidden}
@media (max-width:991px){.scenario-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.scenario-grid{grid-template-columns:1fr}}
.scenario-item{background:linear-gradient(180deg,#fff,#f6fafd);border:1px solid #e3ecf6;border-left:4px solid #09afdf;border-radius:10px;padding:16px;transition:transform .15s}
.scenario-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(46,82,164,.08)}
.scenario-item b{color:#2e52a4;font-size:15px}
.scenario-item p{margin:6px 0 0;font-size:13px;color:#667;line-height:1.7}
.faq-item{border:1px solid #e3ecf6;border-radius:10px;margin-bottom:10px;overflow:hidden;background:#fff}
.faq-q{padding:13px 16px;cursor:pointer;font-weight:700;color:#2e52a4;display:flex;justify-content:space-between;align-items:center;background:#f7fafd;transition:background .2s}
.faq-q:hover{background:#edf4fb}
.faq-arrow{color:#09afdf;font-size:12px;transition:transform .2s}
.faq-a{max-height:0;overflow:hidden;padding:0 16px;font-size:13px;color:#556;line-height:1.8;transition:max-height .25s ease}
.faq-item.open .faq-q{background:#eef6fd}
.faq-item.open .faq-a{padding:4px 16px 14px}
@media (max-width:767px){
  .meeting-cities{grid-template-columns:1fr;gap:10px}
  .meeting-city{padding:12px 10px;min-width:0}
  .mc-time{font-size:25px}
  .mc-name{font-size:14px;max-width:80px;min-width:0}
  .mc-sub{font-size:10px;max-width:70px}
  .ma-list{right:0}
  .meeting-controls{flex-direction:column;gap:12px;align-items:stretch}
  .meeting-date,.meeting-slider{width:100%}
  .ma-search input{min-width:0;flex:1 1 auto;width:auto;padding:10px 12px;font-size:14px}
  .ma-search button{padding:0 16px;font-size:13px;flex:0 0 auto}
  .meeting-slider{min-width:0}
  .meeting-slider input[type=range]{width:100%}
}