*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
body{background:linear-gradient(135deg,#f5f7fc 0%,#eef1f8 50%,#f0eef8 100%);background-size:400% 400%;background-attachment:fixed;animation:bgDrift 20s ease infinite;font-family:'Inter','PingFang SC','PingFangTC','-apple-system','BlinkMacSystemFont','Helvetica Neue',sans-serif;padding:clamp(10px,2vw,28px);overflow-y:auto;-webkit-overflow-scrolling:touch;color:#1d1d1f;min-height:100vh;position:relative;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
@keyframes bgDrift{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:100% 0%}100%{background-position:0% 50%}}
body::before{content:'';position:fixed;top:-15%;left:-8%;width:55%;height:55%;background:radial-gradient(circle,rgba(0,113,227,0.07) 0%,transparent 70%);pointer-events:none;z-index:-1;animation:blobA 16s ease-in-out infinite}
body::after{content:'';position:fixed;bottom:-20%;right:-8%;width:50%;height:50%;background:radial-gradient(circle,rgba(175,82,222,0.07) 0%,transparent 70%);pointer-events:none;z-index:-1;animation:blobB 20s ease-in-out infinite reverse}
@keyframes blobA{0%{transform:translate(0,0) scale(1)}25%{transform:translate(12%,5%) scale(1.07)}50%{transform:translate(-3%,-7%) scale(0.94)}75%{transform:translate(-9%,3%) scale(1.03)}100%{transform:translate(0,0) scale(1)}}
@keyframes blobB{0%{transform:translate(0,0) scale(1)}25%{transform:translate(-9%,5%) scale(1.05)}50%{transform:translate(7%,-6%) scale(0.95)}75%{transform:translate(5%,3%) scale(1.02)}100%{transform:translate(0,0) scale(1)}}

/* Header */
.header{background:rgba(255,255,255,0.72);backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border:1px solid rgba(255,255,255,0.5);border-radius:24px;padding:clamp(16px,3.2vw,38px);margin-bottom:clamp(12px,2.2vw,26px);box-shadow:0 8px 32px rgba(0,0,0,0.04),0 2px 8px rgba(0,0,0,0.02),inset 0 1px 0 rgba(255,255,255,0.7);display:flex;flex-direction:column;gap:clamp(12px,2vw,26px);position:relative;transition:box-shadow .5s cubic-bezier(0.22,1,0.36,1),transform .5s cubic-bezier(0.22,1,0.36,1);overflow:visible;z-index:10}
.header:hover{box-shadow:0 20px 64px rgba(0,0,0,0.06),0 2px 8px rgba(0,0,0,0.02),inset 0 1px 0 rgba(255,255,255,0.7);transform:translateY(-2px)}
.header::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,0.25) 28%,rgba(255,255,255,0.4) 32%,transparent 40%);background-size:400% 100%;pointer-events:none;z-index:1;animation:headerGlide 10s ease-in-out infinite;opacity:0.6}
@keyframes headerGlide{0%,100%{background-position:-400% 0}50%{background-position:400% 0}}
.header h1{font-size:clamp(18px,3.2vw,28px);font-weight:650;letter-spacing:-0.025em;line-height:1.25;background:linear-gradient(135deg,#1d1d1f 0%,#3a3a42 50%,#1d1d1f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2}
.header-top{display:flex;align-items:center;gap:clamp(10px,1.8vw,20px);flex-wrap:wrap;position:relative;z-index:2}
.header-top #logo{flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.08));transition:filter .4s ease;height:clamp(50px,8vw,100px);width:auto}
.header-top #logo:hover{filter:drop-shadow(0 4px 16px rgba(0,113,227,0.15))}

/* Controls — Liquid Glass */
.controls{display:flex;gap:clamp(8px,1vw,16px);flex-wrap:wrap;align-items:center;position:relative;z-index:5}
.controls label{font-size:clamp(12px,1.4vw,16px);color:#86868b;font-weight:450;cursor:default;white-space:nowrap;line-height:1;letter-spacing:0.02em}
.controls select,.controls button:not(.btn-multi){
  padding:clamp(6px,0.8vw,10px) clamp(14px,1.8vw,22px);
  border:1px solid rgba(255,255,255,0.45);border-radius:100px;
  font-size:clamp(12px,1.5vw,16px);font-family:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0.25));
  backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);
  cursor:pointer;transition:all .3s cubic-bezier(0.22,1,0.36,1);
  line-height:1.4;color:#1d1d1f;appearance:none;-webkit-appearance:none;
  box-shadow:0 2px 8px rgba(0,0,0,0.04),0 0 0 0.5px rgba(255,255,255,0.5) inset;
  position:relative;overflow:hidden
}
.controls select::before,.controls button:not(.btn-multi)::before{
  content:'';position:absolute;top:0;left:0;right:0;height:50%;
  background:linear-gradient(180deg,rgba(255,255,255,0.4),transparent);
  pointer-events:none;border-radius:inherit;z-index:0
}
.controls select{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' fill='%2386868b' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px 6px;padding-right:36px}
.controls select:hover,.controls button:not(.btn-multi):hover{
  border-color:rgba(0,113,227,0.2);
  box-shadow:0 4px 16px rgba(0,113,227,0.1),0 0 0 0.5px rgba(255,255,255,0.6) inset;
  background:linear-gradient(135deg,rgba(255,255,255,0.6),rgba(240,244,255,0.35));
  transform:translateY(-1px)
}
.controls select:focus,.controls button:not(.btn-multi):focus{
  outline:none;border-color:rgba(0,113,227,0.4);
  box-shadow:0 0 0 3px rgba(0,113,227,0.1),0 4px 16px rgba(0,113,227,0.08)
}
.controls .btn-group{
  display:flex;gap:0;
  border:1px solid rgba(255,255,255,0.45);border-radius:100px;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,0.35),rgba(255,255,255,0.15));
  backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);
  box-shadow:0 2px 8px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.5)
}
.controls .btn-group button{border:none;border-radius:0;padding:clamp(6px,0.8vw,10px) clamp(16px,2.2vw,26px);background:transparent;position:relative;z-index:1;font-size:clamp(12px,1.5vw,16px)}
.controls .btn-group button.active{
  background:linear-gradient(135deg,#0071e3,#0077ed);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 8px rgba(0,113,227,0.2)
}
.controls .btn-group button:not(.active):hover{background:rgba(0,113,227,0.06)}
.controls .btn-multi{
  padding:6px 20px;
  border:1.5px solid rgba(0,113,227,0.3);border-radius:100px;
  background:linear-gradient(135deg,rgba(0,113,227,0.08),rgba(0,113,227,0.03));
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  cursor:pointer;font-size:clamp(12px,1.5vw,16px);font-family:inherit;color:#0071e3;font-weight:600;
  white-space:nowrap;transition:all .3s cubic-bezier(0.22,1,0.36,1);
  box-shadow:0 2px 8px rgba(0,113,227,0.06),inset 0 1px 0 rgba(255,255,255,0.4);
  position:relative;overflow:hidden
}
.controls .btn-multi::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.35),transparent);pointer-events:none;border-radius:inherit}
.controls .btn-multi::after{display:none!important}
.controls .btn-multi:hover{
  background:linear-gradient(135deg,rgba(0,113,227,0.15),rgba(0,113,227,0.06));
  border-color:rgba(0,113,227,0.4);
  transform:scale(1.03);
  box-shadow:0 4px 16px rgba(0,113,227,0.12),inset 0 1px 0 rgba(255,255,255,0.4)
}
.controls .btn-multi.active{
  background:linear-gradient(135deg,#0071e3,#0077ed);color:#fff;
  border-color:#0071e3;
  box-shadow:0 6px 20px rgba(0,113,227,0.25),inset 0 1px 0 rgba(255,255,255,0.15)
}

/* Custom dropdown — Liquid Glass */
.dropdown-wrap{position:relative;flex-shrink:0}
.dropdown-wrap .dropdown-selected{
  padding:clamp(6px,0.8vw,10px) clamp(14px,1.8vw,22px);padding-right:36px;
  border:1px solid rgba(255,255,255,0.45);border-radius:100px;
  font-size:clamp(12px,1.5vw,16px);font-family:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0.25));
  backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);
  cursor:pointer;transition:all .3s cubic-bezier(0.22,1,0.36,1);
  line-height:1.4;color:#1d1d1f;
  box-shadow:0 2px 8px rgba(0,0,0,0.04),0 0 0 0.5px rgba(255,255,255,0.5) inset;
  background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' fill='%2386868b' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:10px 6px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;user-select:none;
  position:relative;overflow:hidden
}
.dropdown-wrap .dropdown-selected::before{
  content:'';position:absolute;top:0;left:0;right:0;height:50%;
  background:linear-gradient(180deg,rgba(255,255,255,0.45),transparent);
  pointer-events:none;border-radius:inherit;z-index:0
}
.dropdown-wrap .dropdown-selected:hover{
  border-color:rgba(0,113,227,0.2);
  box-shadow:0 4px 16px rgba(0,113,227,0.1),0 0 0 0.5px rgba(255,255,255,0.6) inset;
  background:linear-gradient(135deg,rgba(255,255,255,0.6),rgba(240,244,255,0.35))
}
.dropdown-wrap.open .dropdown-selected{
  border-color:rgba(0,113,227,0.35);
  box-shadow:0 0 0 3px rgba(0,113,227,0.1),0 8px 24px rgba(0,113,227,0.08);
  background:linear-gradient(135deg,rgba(255,255,255,0.65),rgba(235,242,255,0.4))
}
.dropdown-menu{
  position:absolute;top:calc(100% + 8px);left:0;width:100%;
  max-height:320px;overflow-y:auto;
  background:linear-gradient(160deg,rgba(255,255,255,0.78) 0%,rgba(245,248,255,0.65) 50%,rgba(255,255,255,0.72) 100%);
  backdrop-filter:blur(40px) saturate(200%) brightness(1.05);
  -webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.05);
  border:1px solid rgba(255,255,255,0.5);
  border-radius:18px;
  box-shadow:0 16px 48px rgba(0,0,0,0.1),0 4px 12px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.8),inset 0 -1px 0 rgba(0,0,0,0.02);
  padding:6px;z-index:9999;
  opacity:0;transform:translateY(-6px) scale(0.98);
  pointer-events:none;
  transition:all .28s cubic-bezier(0.22,1,0.36,1)
}
.dropdown-menu::before{
  content:'';position:absolute;top:0;left:0;right:0;height:40%;
  background:linear-gradient(180deg,rgba(255,255,255,0.5),transparent);
  pointer-events:none;border-radius:inherit;z-index:0
}
.dropdown-wrap.open .dropdown-menu{
  opacity:1;transform:translateY(0) scale(1);pointer-events:auto
}
.dropdown-menu::-webkit-scrollbar{width:5px}
.dropdown-menu::-webkit-scrollbar-track{background:transparent}
.dropdown-menu::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.08);border-radius:3px}
.dropdown-menu li{
  list-style:none;padding:9px 14px;border-radius:12px;
  font-size:clamp(12px,1.4vw,16px);color:#1d1d1f;
  cursor:pointer;transition:all .2s cubic-bezier(0.22,1,0.36,1);
  white-space:nowrap;font-family:inherit;line-height:1.4;
  position:relative;z-index:1
}
.dropdown-menu li:hover{
  background:linear-gradient(135deg,rgba(0,113,227,0.1),rgba(0,113,227,0.04));
  color:#0071e3;
  box-shadow:0 2px 8px rgba(0,113,227,0.06)
}
.dropdown-menu li.active{
  background:linear-gradient(135deg,#0071e3,#0077ed);
  color:#fff;font-weight:500;
  box-shadow:0 4px 12px rgba(0,113,227,0.25),inset 0 1px 0 rgba(255,255,255,0.2);
  border-color:transparent
}

/* Year selector — Liquid Glass */
.yr-selector{display:flex;flex-wrap:wrap;gap:8px}
.yr-selector button{
  padding:clamp(5px,0.7vw,9px) clamp(12px,1.5vw,18px);
  border:1px solid rgba(255,255,255,0.4);border-radius:100px;
  background:linear-gradient(135deg,rgba(255,255,255,0.45),rgba(255,255,255,0.2));
  backdrop-filter:blur(18px) saturate(200%);-webkit-backdrop-filter:blur(18px) saturate(200%);
  cursor:pointer;font-size:clamp(11px,1.3vw,15px);font-family:inherit;
  transition:all .3s cubic-bezier(0.22,1,0.36,1);color:#1d1d1f;
  box-shadow:0 2px 6px rgba(0,0,0,0.03),inset 0 1px 0 rgba(255,255,255,0.5);
  position:relative;overflow:hidden
}
.yr-selector button::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.4),transparent);pointer-events:none;border-radius:inherit}
.yr-selector button::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2.5px;background:linear-gradient(90deg,#0071e3,#4da3ff);border-radius:2px;transform:translateX(-50%);transition:width .35s cubic-bezier(0.22,1,0.36,1);opacity:0}
.yr-selector button:hover::after{width:55%;opacity:1}
.yr-selector button.active{
  background:linear-gradient(135deg,rgba(0,113,227,0.12),rgba(0,113,227,0.05));
  border-color:rgba(0,113,227,0.25);color:#0071e3;font-weight:500;
  box-shadow:0 0 24px rgba(0,113,227,0.1),0 4px 12px rgba(0,113,227,0.08),inset 0 1px 0 rgba(255,255,255,0.4)
}
.yr-selector button:not(.active):hover{
  border-color:rgba(0,113,227,0.15);
  background:linear-gradient(135deg,rgba(255,255,255,0.6),rgba(240,244,255,0.3));
  box-shadow:0 4px 14px rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.5);
  transform:translateY(-1.5px)
}
.yr-selector button.multi-sel{
  background:linear-gradient(135deg,rgba(0,113,227,0.12),rgba(0,113,227,0.05));
  border-color:rgba(0,113,227,0.25);color:#0071e3;font-weight:600;
  box-shadow:0 0 20px rgba(0,113,227,0.1)
}

/* Grid layout */
.dgrid{display:grid;gap:clamp(10px,1.4vw,22px);margin-bottom:clamp(10px,1.4vw,22px);align-items:stretch}
.dgrid-main{grid-template-columns:1fr}
.dgrid-full{grid-template-columns:1fr}
.dgrid-half{grid-template-columns:1fr}
.dgrid-main>.dgrid-full,.dgrid-main>.dgrid-half{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,22px)}
.dgrid-main>.dgrid-full>.chart-box,.dgrid-main>.dgrid-half>.chart-box{flex:1;min-height:0}

@media(min-width:768px){
  .dgrid-main{grid-template-columns:1fr clamp(280px,28vw,400px)}
  .dgrid-half{grid-template-columns:1fr 1fr}
}

/* Chart boxes */
.chart-box{background:rgba(255,255,255,0.72);backdrop-filter:blur(45px) saturate(180%);-webkit-backdrop-filter:blur(45px) saturate(180%);border:1px solid rgba(255,255,255,0.5);border-radius:20px;padding:clamp(12px,2vw,26px);box-shadow:0 8px 32px rgba(0,0,0,0.04),0 2px 8px rgba(0,0,0,0.02),inset 0 1px 0 rgba(255,255,255,0.65);min-width:0;display:flex;flex-direction:column;transition:box-shadow .45s cubic-bezier(0.22,1,0.36,1),transform .45s cubic-bezier(0.22,1,0.36,1);position:relative}
.chart-box::after{content:'';position:absolute;inset:-1px;border-radius:21px;background:linear-gradient(135deg,rgba(0,113,227,0.06),rgba(175,82,222,0.06));pointer-events:none;z-index:-1;opacity:0;transition:opacity .5s ease}
.chart-box:hover{box-shadow:0 20px 64px rgba(0,0,0,0.07),0 4px 16px rgba(0,113,227,0.06),inset 0 1px 0 rgba(255,255,255,0.65);transform:translateY(-4px)}
.chart-box:hover::after{opacity:1}
.chart-box h3{font-size:clamp(13px,1.5vw,17px);color:#86868b;margin-bottom:clamp(8px,1vw,14px);font-weight:500;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;letter-spacing:-0.01em}
#chartSankey{width:100%;flex:1;min-height:clamp(300px,42vw,540px)}
#chartHeatmapWL{width:100%;flex:1;min-height:clamp(260px,38vw,500px)}
#chartHeatmapLS{width:100%;flex:1;min-height:clamp(260px,38vw,500px)}
.chart-bar{width:100%;flex:1;min-height:clamp(200px,30vw,300px)}
.chart-pie{width:100%;flex:1;min-height:0}
.dgrid-main>.dgrid-full{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,22px);height:100%}
.dgrid-main>.dgrid-full>.chart-box{flex:1;min-height:0}
.chart-compare{display:none}
.chart-compare.show{display:grid}
#chartCompare{width:100%;flex:1;min-height:clamp(260px,38vw,500px)}

/* Mobile controls */
@media(max-width:640px){
  .header{padding:14px;border-radius:16px}
  .header-right{display:none!important}
  .controls{gap:6px;flex-wrap:wrap}
  .controls label{font-size:14px;width:100%;margin-top:6px}
  .controls label:first-child{margin-top:0}
  .controls select,.controls button:not(.btn-multi){min-height:44px;font-size:15px;padding:10px 14px}
  .dropdown-wrap .dropdown-selected{min-height:44px;font-size:15px;padding:10px 14px;padding-right:32px;max-width:180px}
  .dropdown-menu{max-height:240px}
  .dropdown-menu li{font-size:15px;padding:12px 14px}
  .controls .btn-group button{padding:10px 16px;font-size:15px;min-height:44px}
  .controls .btn-multi{min-height:44px;font-size:15px;padding:10px 16px}
  .yr-selector button{padding:8px 12px;font-size:14px;min-height:40px}
  .chart-box{padding:10px;border-radius:14px}
  .chart-box h3{font-size:14px;margin-bottom:6px}
  .footer{font-size:15px;padding:16px}
}

/* Loading */
#loading{background:rgba(255,255,255,0.88);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column;gap:20px}
@keyframes spin{to{transform:rotate(360deg)}}

/* Scrollbar */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.18)}

/* Clock */
.header-right{position:absolute;right:clamp(16px,2.5vw,32px);top:clamp(16px,2.5vw,32px);transform:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:10}
.clock-block{display:flex;flex-direction:column;gap:4px;perspective:1200px;position:relative}
.clock-block::after{content:'';position:absolute;top:-25%;left:-15%;right:-15%;bottom:-25%;background:radial-gradient(ellipse at center,rgba(0,113,227,0.06),transparent 70%);pointer-events:none;z-index:-1;animation:clockGlow 5s ease-in-out infinite alternate}
@keyframes clockGlow{0%{opacity:.5;transform:scale(1)}100%{opacity:1;transform:scale(1.06)}}
.clock-row{display:flex;align-items:center;gap:3px}
.clock-row .cl{font-size:10px;color:#86868b;font-weight:600;margin-right:6px;white-space:nowrap;letter-spacing:0.04em}
.fc{position:relative;display:inline-block;width:clamp(16px,1.8vw,26px);height:clamp(20px,2.2vw,34px);border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,0.35),0 1px 2px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.06);vertical-align:middle;transform-style:preserve-3d}
.fc-u,.fc-b{position:absolute;top:0;left:0;right:0;height:50%;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;background:#1c1c32;font-family:'Times New Roman','Times','Georgia',serif;font-weight:700;font-size:clamp(18px,2vw,30px);color:#f0f0f5;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,0.25);backface-visibility:hidden;-webkit-backface-visibility:hidden;border-bottom:1px solid #000;box-shadow:inset 0 3px 5px rgba(0,0,0,0.1);border-radius:3px 3px 0 0;letter-spacing:-0.02em}
.fc-u{z-index:3;transform-origin:bottom center}
.fc-b{z-index:1}
.fc-d{position:absolute;bottom:0;left:0;right:0;height:50%;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;background:#0d0d1a;font-family:'Times New Roman','Times','Georgia',serif;font-weight:700;font-size:clamp(18px,2vw,30px);color:#f0f0f5;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:inset 0 -2px 4px rgba(0,0,0,0.12);border-radius:0 0 3px 3px;letter-spacing:-0.02em}
.fc.flipping .fc-u{animation:flipDown .22s cubic-bezier(0.55,0,0.75,0.25) forwards}
@keyframes flipDown{0%{transform:rotateX(0deg)}100%{transform:rotateX(-90deg)}}
.fs{font-size:clamp(10px,1.2vw,16px);color:#1d1d1f;font-weight:700;font-family:'Courier New',monospace;line-height:1;padding:0 1px;text-shadow:0 1px 2px rgba(0,0,0,0.04)}
.fl{font-size:9px;color:#86868b;margin:0 3px;font-weight:600;letter-spacing:0.03em}

/* Footer */
.footer{text-align:center;padding:clamp(18px,2.8vw,36px) clamp(12px,1.8vw,24px);color:#86868b;font-size:clamp(14px,1.6vw,18px);font-family:'STKaiti','KaiTi','Kai',serif;letter-spacing:0.1em;opacity:.8;border-top:1px solid rgba(0,0,0,0.04);margin-top:clamp(4px,0.6vw,8px)}