body.is-library{--sn-ink: #F3F6FC;--sn-glow: #2B4FE0;--sn-glow-rgb: 43, 79, 224;--sn-glow-d: #1E3BB8;--sn-cyan: #0E9FD0;--sn-grad: linear-gradient(135deg, #2B4FE0 0%, #3B63F2 55%, #0E9FD0 120%);--sn-grad-line: linear-gradient(90deg, #2B4FE0, #0E9FD0);--sn-glass: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .58));--sn-glass-line: rgba(255, 255, 255, .95);--sn-glass-hi: #fff;--sn-glass-sh: 0 10px 30px rgba(28, 52, 130, .12), 0 1px 2px rgba(28, 52, 130, .06);--sn-card-r: 14px;--sn-card-sh: 0 1px 2px rgba(28, 52, 130, .06), 0 10px 28px -14px rgba(28, 52, 130, .18);--sn-line: rgba(20, 40, 90, .08);--lt-glow: #2B4FE0;--lt-glow-rgb: 43, 79, 224;background:var(--sn-ink)}body.is-library .sn-aura{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}body.is-library .sn-aura i{position:absolute;border-radius:50%;filter:blur(80px)}body.is-library .sn-aura i:nth-child(1){width:820px;height:600px;left:-6%;top:-20%;background:rgba(43,79,224,.2);animation:sn-au1 22s ease-in-out infinite alternate}body.is-library .sn-aura i:nth-child(2){width:720px;height:540px;right:-8%;top:2%;background:rgba(20,170,220,.18);animation:sn-au2 26s ease-in-out infinite alternate}body.is-library .sn-aura i:nth-child(3){width:900px;height:560px;left:28%;bottom:-28%;background:rgba(59,99,242,.14);animation:sn-au1 30s ease-in-out infinite alternate-reverse}body.is-library .sn-aura i:nth-child(4){width:560px;height:440px;left:-10%;bottom:4%;background:rgba(14,159,208,.12);animation:sn-au2 34s ease-in-out infinite alternate-reverse}@keyframes sn-au1{to{transform:translate(90px, 60px) scale(1.1)}}@keyframes sn-au2{to{transform:translate(-100px, 70px) scale(0.92)}}@media(prefers-reduced-motion: reduce){body.is-library .sn-aura i{animation:none}}body.is-library .site-main,body.is-library main,body.is-library .site-ftr{position:relative;z-index:1}body.is-library .site-header{background:rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(20,40,90,.06),0 8px 24px -16px rgba(28,52,130,.18);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}body.is-library .search-form,body.is-library .category-nav__item,body.is-library .tag-chip,body.is-library .hero-slider__nav,body.is-library .card-slider__nav button{background:var(--sn-glass);border:1px solid var(--sn-glass-line);box-shadow:inset 0 1px 0 var(--sn-glass-hi),var(--sn-glass-sh);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}body.is-library .search-form{border-radius:14px;padding:6px}body.is-library .search-form:focus-within{border-color:rgba(var(--sn-glow-rgb), 0.45);box-shadow:inset 0 1px 0 var(--sn-glass-hi),0 0 0 4px rgba(14,159,208,.16),var(--sn-glass-sh)}body.is-library .category-nav__item,body.is-library .tag-chip{transition:border-color .3s,color .3s,transform .3s,box-shadow .3s}body.is-library .category-nav__item:hover,body.is-library .tag-chip:hover{border-color:rgba(var(--sn-glow-rgb), 0.35);background:var(--sn-glass);color:var(--lt-body);transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--sn-glass-hi),0 12px 26px -10px rgba(43,79,224,.35)}body.is-library .category-nav__item.is-active{background:var(--sn-grad);border-color:rgba(0,0,0,0);color:#fff}body.is-library .hero-slider__nav,body.is-library .card-slider__nav button{background:var(--sn-glass),rgba(255,255,255,.7);color:var(--sn-glow)}body.is-library .hero-slider__nav:hover,body.is-library .card-slider__nav button:hover{border-color:rgba(0,0,0,0);background:var(--sn-grad);color:#fff;box-shadow:0 8px 20px -6px rgba(43,79,224,.5)}body.is-library .site-ftr{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.9)}body.is-library .site-ftr .fgrid,body.is-library .site-ftr .fbottom{border-color:var(--sn-line)}body.is-library .archive-section__more .btn{border:none;border-radius:12px;color:#fff;background:var(--sn-grad);box-shadow:0 10px 24px -8px rgba(43,79,224,.55),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .3s cubic-bezier(0.2, 0.8, 0.2, 1),box-shadow .3s}body.is-library .archive-section__more .btn::before{display:none}@media(min-width: 768px){body.is-library .archive-section__more .btn{min-width:256px}}body.is-library .archive-section__more .btn:hover{background:var(--sn-grad);color:#fff;transform:translateY(-2px);box-shadow:0 16px 32px -10px rgba(43,79,224,.6),inset 0 1px 0 rgba(255,255,255,.25)}body.is-library .search-form__submit{flex:0 0 40px;width:40px;height:40px;border:0;border-radius:10px;color:#fff;background:var(--sn-grad);box-shadow:0 4px 12px rgba(43,79,224,.35)}body.is-library .search-form__submit:hover{color:#fff;filter:brightness(1.08)}body.is-library .card__cat,body.is-library .article-meta__cat{border-radius:6px;border-color:rgba(var(--sn-glow-rgb), 0.35)}body.is-library .card__cat:hover,body.is-library .article-meta__cat:hover{background:rgba(0,0,0,0);border-color:var(--sn-glow);color:var(--sn-glow)}body.is-library .archive-latest__head,body.is-library .archive-categories__head{position:relative;border-color:var(--sn-line)}body.is-library .archive-latest__head::after,body.is-library .archive-categories__head::after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:2px;border-radius:2px;background:var(--sn-grad-line)}body.is-library .eyebrow::before{background:var(--sn-grad-line);height:2px;border-radius:2px}body.is-library .archive-ranking{border-color:var(--sn-line)}body.is-library .archive-search-nav{border-bottom:0}body.is-library .card,body.is-library .ranking-card,body.is-library .hero-slide,body.is-library .card-compact-grid{border-radius:var(--sn-card-r);background:var(--sn-glass);border:1px solid var(--sn-glass-line);box-shadow:inset 0 1px 0 var(--sn-glass-hi),var(--sn-glass-sh);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}body.is-library .card,body.is-library .ranking-card{overflow:hidden;transition:transform .5s cubic-bezier(0.2, 0.8, 0.2, 1),box-shadow .5s,border-color .5s}body.is-library .card:hover,body.is-library .ranking-card:hover{transform:translateY(-4px);background:var(--sn-glass);box-shadow:inset 0 1px 0 var(--sn-glass-hi),0 0 0 1px rgba(43,79,224,.1),0 22px 44px -16px rgba(28,52,130,.28)}body.is-library .card::before{height:2px;background:var(--sn-grad-line)}body.is-library .card:hover .card__title,body.is-library .card-compact:hover .card-compact__title,body.is-library .ranking-card__link:hover .ranking-card__title,body.is-library .hero-slide__title a:hover{color:var(--lt-text)}body.is-library .breadcrumb a:hover{color:var(--lt-sub)}body.is-library .hero-slide__more,body.is-library .hero-slide__more:hover{color:var(--sn-glow)}body.is-library .card__thumb,body.is-library .ranking-card__thumb{border-radius:var(--sn-card-r) var(--sn-card-r) 0 0;background:none;border-bottom-color:rgba(255,255,255,.9)}body.is-library .card__thumb img,body.is-library .ranking-card__thumb img{border-radius:var(--sn-card-r) var(--sn-card-r) 0 0}body.is-library .ranking-slider .card-slider__track{padding-top:46px}body.is-library .ranking-card{overflow:visible}body.is-library .ranking-card__num{top:-40px;-webkit-text-fill-color:#1e3bb8;color:#1e3bb8}body.is-library .archive-pickup:not(.archive-pickup--fade) .hero-slide.is-active{border-color:var(--sn-glass-line);box-shadow:inset 0 1px 0 var(--sn-glass-hi),0 14px 36px -10px rgba(28,52,130,.22),0 1px 2px rgba(28,52,130,.06)}body.is-library .hero-slide{overflow:hidden}body.is-library .hero-slide__body{border-left:0;background:radial-gradient(420px 220px at 85% 0%, rgba(14, 159, 208, 0.08), transparent 70%)}body.is-library .hero-slide__body::before{display:none}body.is-library .hero-slider__dot.is-active{background:var(--sn-grad);border-color:rgba(0,0,0,0);box-shadow:0 0 0 4px rgba(43,79,224,.14)}body.is-library .hero-slider__viewport{background:rgba(0,0,0,0);padding-top:24px;padding-bottom:56px;margin-top:-24px;margin-bottom:-56px}body.is-library .hero-slider__dots{position:relative;z-index:2}body.is-library .card-slider__track{padding-bottom:48px}body.is-library .card-slider__nav-row{margin-top:-20px}body.is-library .card-compact-grid{overflow:hidden;background:rgba(255,255,255,.6)}body.is-library .card-compact{border-color:var(--sn-line)}body.is-library .card-compact:hover{background:rgba(255,255,255,.55)}body.is-library .card-compact__thumb{border-radius:10px;overflow:hidden}body.is-library .pagination a,body.is-library .pagination span{border-radius:10px;background:rgba(255,255,255,.7);border-color:var(--sn-line)}body.is-library .pagination a:hover{color:var(--lt-body)}body.is-library .pagination .current{background:var(--sn-grad);border-color:rgba(0,0,0,0);color:#fff;box-shadow:0 6px 16px -4px rgba(43,79,224,.5)}body.is-library .card__thumb,body.is-library .ranking-card__thumb,body.is-library .hero-slide__thumb,body.is-library .card-compact__thumb,body.is-library .article-eyecatch{position:relative}body.is-library .card__thumb::after,body.is-library .ranking-card__thumb::after,body.is-library .hero-slide__thumb::after,body.is-library .card-compact__thumb::after,body.is-library .article-eyecatch::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(155deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 28%, rgba(255, 255, 255, 0) 46%);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 0 0 1px rgba(255,255,255,.1)}::selection{background:rgba(43,79,224,.16)}body.is-library .article-layout{position:relative;z-index:1;isolation:isolate}body.is-library .article-layout::before{content:"";position:absolute;top:-40px;bottom:0;left:max(-200px,50% - 50vw);right:max(-200px,50% - 50vw);z-index:-1;pointer-events:none;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 22%, rgba(255, 255, 255, 0.9) 78%, rgba(255, 255, 255, 0) 100%);-webkit-mask-image:linear-gradient(180deg, transparent 0, #000 220px, #000 calc(100% - 220px), transparent 100%);mask-image:linear-gradient(180deg, transparent 0, #000 220px, #000 calc(100% - 220px), transparent 100%)}@media(min-width: 768px){body.is-library .breadcrumb--article{max-width:calc(var(--content-width) + var(--sp-24)*2)}body.is-library .breadcrumb--article ol{flex-wrap:nowrap}body.is-library .breadcrumb--article li{white-space:nowrap}body.is-library .breadcrumb--article li:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}}body.is-library .article-eyecatch{border-radius:var(--sn-card-r);border:1px solid var(--sn-glass-line);box-shadow:var(--sn-card-sh);overflow:hidden}body.is-library .article-faq{border-radius:var(--sn-card-r);border:1px solid var(--sn-glass-line);background:radial-gradient(360px 160px at 90% 0%, rgba(14, 159, 208, 0.08), transparent 70%),linear-gradient(90deg, rgba(43, 79, 224, 0.07), transparent 80%),rgba(255,255,255,.7);box-shadow:inset 0 1px 0 var(--sn-glass-hi),var(--sn-glass-sh)}body.is-library .article-faq::before{display:none}body.is-library .article-faq__title{display:flex;align-items:center;gap:10px;padding-left:0;border-left:0}body.is-library .article-faq__title::before{content:"";width:20px;height:20px;border-radius:6px;background:var(--sn-grad);box-shadow:0 4px 10px rgba(43,79,224,.3);flex:none}body.is-library .article-faq dt,body.is-library .article-faq dt::before{color:var(--sn-glow)}body.is-library .article-toc,body.is-library .article-relate,body.is-library .article-author{border-radius:var(--sn-card-r);border:1px solid var(--sn-glass-line);background:var(--sn-glass);box-shadow:inset 0 1px 0 var(--sn-glass-hi),var(--sn-glass-sh)}body.is-library .article-body figcaption{border-top-color:var(--sn-line)}body.is-library .article-toc__title{border-bottom-color:var(--sn-line)}body.is-library .article-toc a:hover{color:var(--lt-text)}body.is-library .article-toc .toc-h3 a:hover{color:var(--lt-sub)}body.is-library .article-relate{border-left:1px solid var(--sn-glass-line)}body.is-library .article-author{transition:transform .5s cubic-bezier(0.2, 0.8, 0.2, 1),box-shadow .5s}body.is-library .article-author:hover{transform:translateY(-3px);background:var(--sn-glass);border-color:var(--sn-glass-line);box-shadow:inset 0 1px 0 var(--sn-glass-hi),0 0 0 1px rgba(43,79,224,.1),0 22px 44px -16px rgba(28,52,130,.28)}body.is-library .article-more{border-top-color:var(--sn-line)}body.is-library .article-more__card .img-frame{border-radius:12px;border:1px solid var(--sn-glass-line);box-shadow:var(--sn-card-sh);overflow:hidden}body.is-library .article-more__card:hover .title{color:var(--lt-text)}body.is-library .article-rail-actions a:not([aria-label]) .icon{background:var(--sn-glass);border:1px solid var(--sn-glass-line);box-shadow:inset 0 1px 0 var(--sn-glass-hi),var(--sn-glass-sh);color:var(--sn-glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}body.is-library .article-rail-actions a:not([aria-label]):hover .icon{background:var(--sn-grad);border-color:rgba(0,0,0,0);color:#fff}body.is-library .article-rail-actions a:hover{color:var(--lt-sub)}body.is-library .article-rail{z-index:20;transition:opacity .4s}body.is-library .article-rail.is-off{opacity:0;pointer-events:none}body.is-library .site-header .read-bar{height:2px}body.is-library .site-header .read-bar i{height:2px;background:var(--sn-grad-line);box-shadow:0 0 6px rgba(14,159,208,.35)}body.is-library .archive-bottom{position:relative;z-index:1}@media(max-width: 767px){body.is-library .site-header .site-header__inner{height:60px}body.is-library .site-header__lib-label img{width:160px;height:auto}body.is-library .site-header .logo img{width:80px;height:auto}body.is-library .hero-slide__body{padding:18px 18px 22px}body.is-library .hero-slide__title{margin-top:10px;font-size:18px;line-height:1.55}body.is-library .hero-slide__excerpt{margin-top:10px;font-size:13px;-webkit-line-clamp:2}body.is-library .hero-slide__more{margin-top:14px;font-size:13px}body.is-library .archive-latest__head::after,body.is-library .archive-categories__head::after{width:80px}body.is-library .archive-latest__title,body.is-library .archive-categories__title{font-size:18px}body.is-library .category-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:0 -24px;padding:4px 24px 14px}body.is-library .category-nav::-webkit-scrollbar{display:none}body.is-library .category-nav__item{flex:0 0 auto;font-size:12.5px;padding:6px 14px}body.is-library .card__body{padding:16px 18px 20px}body.is-library .card__title{font-size:16px}body.is-library .card__excerpt{font-size:13px;-webkit-line-clamp:2}body.is-library .archive-section__more .btn{width:100%;height:56px;justify-content:center}body.is-library .ranking-slider .card-slider__item{flex:0 0 248px;width:248px}body.is-library .archive-ranking .card-slider__nav-row{display:none}body.is-library .ranking-card__num{font-size:30px;top:-36px}body.is-library .ranking-card__body{padding:16px 16px 18px}body.is-library .ranking-card__title{font-size:14.5px;min-height:46.4px}body.is-library .card-compact__title{font-size:13.5px}body.is-library .pagination a,body.is-library .pagination span{min-width:36px;height:36px;padding:0 8px;font-size:12px}body.is-library .tag-chip{font-size:12.5px;padding:5px 12px}body.is-library .article-layout::before{background:rgba(255,255,255,.86)}body.is-library .article-title{font-size:23px;line-height:1.5;margin-bottom:24px}body.is-library .article-lead,body.is-library .article-body{font-size:16px;line-height:1.95}body.is-library .article-faq{padding:22px 18px}body.is-library .article-faq dt{font-size:15px}body.is-library .article-faq dd{font-size:13.5px}body.is-library .article-toc{padding:18px 18px 20px}body.is-library .article-toc li{font-size:13.5px}body.is-library .article-body h2{font-size:20px;padding-left:12px}body.is-library .article-body h3{font-size:17px}body.is-library .article-body .article-table{overflow-x:auto}body.is-library .article-body .article-table table{font-size:13px;min-width:520px}body.is-library .article-relate{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px}body.is-library .article-author{gap:16px;padding:20px 18px}body.is-library .article-rail{display:block;position:fixed;top:auto;bottom:16px;right:16px;z-index:50;transform:none;width:auto}body.is-library .article-rail-actions{flex-direction:row;gap:8px;padding:6px;border-radius:999px;background:var(--sn-glass);border:1px solid var(--sn-glass-line);box-shadow:inset 0 1px 0 var(--sn-glass-hi),var(--sn-glass-sh);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}body.is-library .article-rail-actions a>span:not(.icon){display:none}body.is-library .article-rail-actions .icon,body.is-library .article-rail-actions .icon--fb svg{width:36px;height:36px}}
