/* JU88 · Cobalt & Silver — independent visual system, November 2026. */
:root{--jp-ink:#202c40;--jp-muted:#627085;--jp-accent:#2458d3;--jp-light:#e9effc;--jp-line:#dce3ed;--jp-paper:#fff;--jp-bg:#eef2f7;--jp-blue:#1f4baa;--jp-shadow:0 8px 32px #202c4009;--primary-color:#2458d3;--fs-color-primary:#2458d3;--fs-color-secondary:#52627b;--fs-experimental-link-color:#2458d3;--fs-experimental-link-color-hover:#17409f}
html,body,#wrapper,#main{background:var(--jp-bg);color:var(--jp-ink)}
body{font-family:"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:var(--jp-accent);text-decoration:none}a:hover{color:#17409f}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3976ee;outline-offset:4px}
h1,h2,h3,h4,h5,h6{color:var(--jp-ink);font-family:inherit;font-weight:750;letter-spacing:-.025em}
.container,.panel-home .panel-content>.section>.section-content>.row{max-width:1220px}
.panel-top{height:98px;background:var(--jp-paper)}
.panel-top>.container{padding-top:10px;padding-bottom:10px}
.panel-logo{font-size:44px;letter-spacing:-2.4px;min-width:150px;color:var(--jp-blue)!important;font-weight:900;line-height:1}
.panel-logo:before{display:none;content:none}
.panel-logo .gold{background:none;-webkit-text-fill-color:var(--jp-accent);color:var(--jp-accent)}
.panel-logo small{align-self:flex-start;background:var(--jp-light);color:#3456a0;border-radius:4px;margin-top:7px;font-size:9px;font-weight:700;letter-spacing:2.2px;padding:5px 9px}
.panel-actions{gap:12px}
.panel-action{background:var(--jp-accent);border:1px solid var(--jp-accent);color:#fff;border-radius:9px;padding:12px 21px;min-height:46px;box-shadow:none;letter-spacing:.015em}
.panel-action:hover{background:#1b44a6;border-color:#1b44a6;color:#fff}
.panel-actions .panel-action:last-child,.panel-mobile-actions .panel-action:last-child{background:transparent;border-color:var(--jp-line);color:var(--jp-blue)}
.panel-actions .panel-action:last-child:hover,.panel-mobile-actions .panel-action:last-child:hover{background:var(--jp-light);border-color:#b9c9ed}
.panel-nav{background:var(--jp-blue);min-height:58px;box-shadow:0 4px 12px #202c4010}
.panel-nav ul{gap:5px;padding:8px 14px;max-width:1220px;margin:0 auto;justify-content:flex-start}
.panel-nav a{flex-direction:row;gap:7px;font-size:13px;line-height:20px;padding:10px 13px;border-radius:7px;text-transform:none;letter-spacing:.01em;color:#edf3ff;font-weight:650}
.panel-nav img{width:17px;height:17px;margin:0;opacity:.75;filter:brightness(0) invert(1)}
.panel-nav a:hover,.panel-nav a[aria-current=page]{background:#3461b9;color:#fff}
.panel-nav a[aria-current=page]{box-shadow:inset 0 -2px #9bbdff}
.panel-nav a:hover img,.panel-nav a[aria-current=page] img{filter:brightness(0) invert(1);opacity:1}
.panel-page{padding-top:38px;padding-bottom:50px}
.panel-page>.panel-content,.panel-layout>div>.panel-content{background:var(--jp-paper);border:1px solid var(--jp-line);padding:34px 38px;border-radius:18px;box-shadow:var(--jp-shadow)}
.panel-content{color:var(--jp-ink)}
.panel-content h1,.panel-entry-title{font-size:clamp(26px,2.5vw,36px);line-height:1.3;text-align:left!important;margin-bottom:22px}
.panel-content h2{font-size:26px;line-height:1.4;margin:1.6em 0 .7em}
.panel-content h3{font-size:21px;line-height:1.5;margin:1.35em 0 .6em}
.panel-content p{margin-bottom:1.35em}
.panel-content p a,.panel-content li a,.panel-content td a{text-decoration:underline;text-decoration-color:#a2b8e3;text-underline-offset:4px;text-decoration-thickness:1px}
.panel-content p a:hover,.panel-content li a:hover{text-decoration-color:var(--jp-accent)}
.panel-content strong,.panel-content b{color:inherit}
.panel-content figure img{border-radius:12px}
.panel-content figcaption{color:var(--jp-muted);font-size:13px;font-style:normal;margin-top:10px}
.panel-content table{color:var(--jp-ink);border-collapse:separate;border-spacing:0;border:1px solid var(--jp-line);border-radius:10px;overflow:hidden;width:100%;font-size:15px}
.panel-content th,.panel-content td{color:var(--jp-ink);border-color:var(--jp-line);padding:12px 15px}
.panel-content th{background:#ecf1f9;color:#304d82;font-weight:700}
.panel-content tr:nth-child(even) td{background:#f7f9fc}
.panel-content blockquote{border-left:3px solid var(--jp-accent);background:#f1f5fd;color:var(--jp-muted);padding:20px 24px;border-radius:0 10px 10px 0}
.panel-divider{width:44px;height:3px;border-radius:3px;background:#4c7cdb;margin:15px 0 25px}
.panel-breadcrumb,.panel-article-meta{color:var(--jp-muted)}
.panel-breadcrumb a{color:var(--jp-accent)}
.panel-layout{grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:26px;align-items:start}
.panel-sidebar{background:var(--jp-paper);border:1px solid var(--jp-line);border-radius:16px;padding:22px;box-shadow:var(--jp-shadow)}
.panel-sidebar h2{font-size:16px;color:var(--jp-ink);text-transform:none;letter-spacing:0;margin-bottom:12px;padding-bottom:14px;border-bottom:2px solid var(--jp-light)}
.panel-recent{border-bottom:1px solid var(--jp-line);gap:12px;padding:15px 0;color:var(--jp-ink)}
.panel-recent:last-child{border-bottom:0;padding-bottom:0}
.panel-recent img{width:65px;height:65px;flex:0 0 65px;border-radius:8px}
.panel-recent span{font-size:13px;font-weight:600;line-height:1.55}
.panel-card-grid{gap:22px}
.panel-card{background:var(--jp-paper);border:1px solid var(--jp-line);border-radius:14px;overflow:hidden;text-align:left;box-shadow:var(--jp-shadow);transition:transform .18s ease,box-shadow .18s ease}
.panel-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #202c4014}
.panel-card>a{display:block;color:var(--jp-ink)}
.panel-card img{aspect-ratio:1.8;border-radius:0;width:100%;display:block}
.panel-card h3,.panel-latest-grid .panel-card h3{padding:0 19px;font-size:18px;line-height:1.5;margin:16px 0 12px;color:var(--jp-ink);letter-spacing:-.015em}
.panel-card .panel-divider{display:none}
.panel-card p,.panel-latest-grid .panel-card p{padding:0 19px 20px;font-size:14px;line-height:1.7;color:var(--jp-muted)}
.panel-toc{display:block;border:1px solid #c7d6f1;background:#f1f5fc;border-radius:12px;padding:15px 20px;margin:24px 0;color:var(--jp-muted)}
.panel-toc summary{color:#2854b0;font-size:15px}
.panel-toc a{color:#2d56a6}
.panel-related{border-top:1px solid var(--jp-line);padding-top:24px;margin-top:32px}
.panel-related>h2{font-size:23px}
.panel-category-posts{margin-top:32px}
.panel-pagination a,.panel-pagination span{border:1px solid var(--jp-line);background:#fff;border-radius:7px;color:var(--jp-ink);padding:5px 14px}
.panel-pagination .current{background:var(--jp-accent);border-color:var(--jp-accent);color:#fff}
/* Contained artwork and distinct category tiles replace the edge-to-edge black canvas. */
.panel-home .panel-content>.img{width:calc(100% - 40px);max-width:1190px;margin:26px auto 0;padding:0 0;background:transparent}
.panel-home .panel-content>.img .img-inner{border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #202c4012}
.panel-home .panel-content>.section{padding:28px 0 45px}
.panel-home .row .col.medium-2{padding:0 10px 25px}
.panel-home .col.medium-2 .col-inner>.img{background:#fff;padding:12px;border:1px solid var(--jp-line);border-radius:18px;box-shadow:var(--jp-shadow)}
.panel-home .col.medium-2 .img-inner{border-radius:12px;overflow:hidden}
.panel-home .col.medium-2 a:hover img{opacity:.9}
.panel-home h1.section-title{color:var(--jp-ink);font-size:clamp(24px,2.4vw,32px);letter-spacing:-.025em;justify-content:flex-start;text-align:left!important;line-height:1.35;border-bottom:1px solid var(--jp-line);padding:10px 0 23px;margin:5px 0 28px}
.panel-home h1.section-title:before,.panel-home h1.section-title:after{display:none}
.panel-home .section-title-main{color:var(--jp-ink)}
.panel-home .home-content{height:650px;border:1px solid var(--jp-line);border-radius:18px;background:#fff;padding:28px 34px;box-shadow:var(--jp-shadow);scrollbar-color:#a5b7d9 #ecf1f9;scrollbar-width:thin}
.panel-home .home-content h2{color:var(--jp-ink);font-size:25px}
.panel-home .home-content h3{color:var(--jp-ink)}
.panel-home .tieude{background:transparent;border:0;border-bottom:1px solid var(--jp-line);border-radius:0;padding:0 0 13px;line-height:1.5}
.panel-home .tieude,.panel-home .tieude h2{color:var(--jp-ink);text-align:left!important}
.panel-home .accordion{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--jp-line)}
.panel-home .accordion-title{font-size:17px;font-weight:650;line-height:1.5;color:var(--jp-ink);padding:19px 22px;border-top:1px solid var(--jp-line);background:#fff}
.panel-home .accordion-item:first-child .accordion-title{border-top:0}
.panel-home .accordion-title:before{content:'+';color:var(--jp-accent);font-weight:400;font-size:24px;line-height:1}
.panel-home .accordion-title.active{color:var(--jp-accent);background:#f1f5fd}
.panel-home .accordion-title.active:before{content:'−'}
.panel-home .accordion-inner{background:#fff;color:var(--jp-muted);padding:4px 23px 20px}
.panel-home .panel-latest-grid{gap:22px;padding-bottom:18px}
.panel-latest-grid>.panel-card{flex-basis:calc((100% - 66px)/4)}
.panel-latest-grid .panel-card h3{font-size:16px}
.panel-carousel-prev,.panel-carousel-next{background:#fff;border:1px solid var(--jp-line);color:var(--jp-accent);box-shadow:0 4px 14px #202c4018;width:36px;height:36px;line-height:30px}
.panel-carousel-prev{left:-12px}.panel-carousel-next{right:-12px}
.panel-footer{background:#202e43;color:#c1ccdf;border-top:4px solid #5e88d8;padding:48px 0 30px}
.panel-footer-grid{grid-template-columns:1.2fr 1fr 1.3fr;gap:45px}
.panel-footer h3{font-size:16px;color:#fff;text-transform:none;letter-spacing:0;border-color:#33465f;margin-bottom:16px;padding-bottom:14px}
.panel-footer .panel-logo{color:#fff!important;font-size:42px}
.panel-footer .panel-logo .gold{-webkit-text-fill-color:#a8c7ff;color:#a8c7ff}
.panel-footer .panel-logo small{background:#33465f;color:#cfddf5}
.panel-footer p,.panel-footer li{font-size:14px;line-height:1.8}
.panel-footer a,.panel-footer-links a,.panel-footer-more a{color:#d6dfec}
.panel-footer a:hover{color:#a8c7ff}
.panel-footer-links li{border-color:#33465f}
.panel-footer-links a{padding:8px 0}
.panel-footer-contact{margin-left:17px}
.panel-footer-more{border-top:1px solid #33465f;margin-top:28px;padding-top:20px;font-size:13px}
.panel-copyright{background:#172334;color:#a7b6ce;font-size:12px;padding:17px}
.panel-to-top{background:#fff;color:var(--jp-blue);border:1px solid var(--jp-line);box-shadow:0 4px 18px #202c4015;width:42px;height:42px}
@media(max-width:1100px) and (min-width:850px){.panel-nav ul{gap:0}.panel-nav a{padding:10px 8px;font-size:12px}.panel-home .panel-content>.img{margin-left:20px;margin-right:20px}}
@media(max-width:849px){
 .panel-top{height:72px}.panel-top .panel-logo{font-size:34px;min-width:123px}.panel-top .panel-logo small{font-size:8px;margin-top:4px;padding:4px 7px;letter-spacing:1.6px}
 .panel-menu-toggle{top:17px;color:var(--jp-blue);font-size:25px}
 .panel-mobile-actions{background:#fff;border-top:1px solid #e4eaf3;gap:10px;height:50px;padding:6px 15px}
 .panel-mobile-actions .panel-action{font-size:12px;min-height:34px;border-radius:6px;padding:7px 14px}
 .panel-nav ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:12px}
 .panel-nav a{font-size:12px;justify-content:flex-start;padding:10px 8px}
 .panel-layout{grid-template-columns:minmax(0,1fr);gap:25px}
 .panel-sidebar{padding:22px;border:1px solid var(--jp-line)}
 .panel-page>.panel-content,.panel-layout>div>.panel-content{padding:26px;border-radius:14px}
 .panel-home .panel-content>.img{width:calc(100% - 30px);margin:18px 15px 0}.panel-home .panel-content>.img .img-inner{border-radius:14px}
 .panel-home .col.medium-2 .col-inner>.img{padding:8px;border-radius:13px}
 .panel-latest-grid>.panel-card{flex-basis:calc((100% - 22px)/2)}
 .panel-footer-grid{grid-template-columns:1fr 1fr;gap:25px}
 .panel-footer-grid>section:last-child{grid-column:1/-1}
}
@media(max-width:549px){
 body{font-size:16px;line-height:1.8}.panel-page{padding-top:22px;padding-bottom:30px}
 .panel-page>.panel-content,.panel-layout>div>.panel-content{padding:22px 19px;border-radius:13px}
 .panel-content h1{font-size:26px}.panel-content h2{font-size:23px}.panel-content h3{font-size:20px}
 .panel-content th,.panel-content td{padding:10px 12px;min-width:100px;font-size:14px}
 .panel-card-grid{gap:20px}.panel-card h3{font-size:18px}
 .panel-home .section{padding:20px 0 30px}.panel-home .row .col.medium-2{padding:0 6px 16px}
 .panel-home .col.medium-2 .col-inner>.img{padding:6px;border-radius:12px}
 .panel-home h1.section-title{font-size:25px;padding:8px 0 19px;margin-bottom:22px}
 .panel-home .home-content{height:610px;padding:22px 19px;border-radius:13px}
 .panel-home .home-content h2{font-size:23px}
 .panel-home .accordion-title{font-size:16px;padding:17px 16px}
 .panel-home .accordion-inner{padding:4px 18px 18px}
 .panel-home .panel-latest-grid{gap:14px}.panel-latest-grid>.panel-card{flex-basis:calc((100% - 14px)/2)}
 .panel-latest-grid .panel-card h3{font-size:15px;padding:0 13px;margin-top:12px}
 .panel-latest-grid .panel-card p{font-size:13px;padding:0 13px 15px}
 .panel-carousel-prev{left:-7px}.panel-carousel-next{right:-7px}
 .panel-footer{padding-top:34px}.panel-footer-grid{display:block}.panel-footer-grid>section{margin-bottom:26px}
 .panel-footer-more{padding-top:18px}.panel-to-top{right:13px;bottom:13px}
}
@keyframes jp-register-glow{
 0%,100%{background-color:#12358d;border-color:#12358d;box-shadow:0 0 0 0 #3976ee00;transform:scale(1)}
 45%,55%{background-color:#3976ee;border-color:#8cb6ff;box-shadow:0 0 0 7px #3976ee40,0 0 28px #3976ee85;transform:scale(1.045)}
}
.panel-actions>.panel-action:first-child,.panel-mobile-actions>.panel-action:first-child{animation:jp-register-glow 1.2s ease-in-out infinite;transform-origin:center;position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.panel-card{transition:none}.panel-card:hover{transform:none}.panel-actions>.panel-action:first-child,.panel-mobile-actions>.panel-action:first-child{animation:none}}