.hys-license-main{padding-top:88px;background:#f2f0e9;color:#171b1d}
.hyl{--ink:#171b1d;--steel:#252c30;--paper:#f2f0e9;--mist:#e7ecea;--yellow:#e5b91f;--orange:#ef5b37;--blue:#88aeb9;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;line-height:1.68;overflow:hidden}
.hyl *{box-sizing:border-box}
.hyl a{color:inherit;text-decoration:none}
.hyl button{font:inherit}
.hyl-shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.hyl-hero{position:relative;background:var(--steel);color:var(--paper);padding:76px 0 0;background-image:linear-gradient(148deg,#283137 0%,#171b1d 82%)}
.hyl-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,var(--yellow) 0 42%,var(--orange) 42% 55%,transparent 55%)}
.hyl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:64px;align-items:center}
.hyl-hero-copy{padding:8px 0 78px}
.hyl-kicker,.hyl-overline,.hyl-counter,.hyl-scene-id,.hyl-handoff-number{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hyl-kicker{display:flex;align-items:center;gap:12px;color:var(--blue);margin:0 0 48px}
.hyl-kicker-mark{display:inline-block;width:28px;height:12px;background:linear-gradient(90deg,var(--yellow) 0 60%,var(--orange) 60%);clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%)}
.hyl-counter{color:#adb9ba;margin:0 0 14px}
.hyl h1,.hyl h2,.hyl h3,.hyl p{overflow-wrap:anywhere}
.hyl h1{font-size:clamp(42px,4.7vw,72px);line-height:1.18;letter-spacing:-.055em;margin:0 0 26px;font-weight:850}
.hyl h1 em{font-style:normal;color:var(--yellow)}
.hyl-lead{font-size:18px;color:#d4ddda;max-width:570px;margin:0 0 32px}
.hyl-hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.hyl-action{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--yellow);color:var(--ink)!important;padding:14px 19px;min-width:184px;font-weight:800;transition:background .2s,transform .2s}
.hyl-action:hover{background:#f5d24b;transform:translateY(-2px)}
.hyl-text-link{border-bottom:1px solid var(--blue);padding-bottom:4px;color:var(--paper)!important;font-weight:700}
.hyl-text-link span{margin-left:16px;color:var(--yellow)}
.hyl-hero-caveat{margin:40px 0 0;padding:15px 18px;border-left:3px solid var(--yellow);background:#ffffff0d;color:#d4ddda;font-size:13px}
.hyl-hero-caveat strong{color:var(--yellow);margin-right:8px}
.hyl-hero-media{position:relative;align-self:stretch;min-height:620px;display:flex;align-items:center}
.hyl-hero-media .ss-photo{width:100%;height:100%;margin:0;position:absolute;inset:0;overflow:hidden}
.hyl-hero-media .ss-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#171b1dbb 0%,transparent 45%);pointer-events:none}
.hyl-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.hyl-hero-media figcaption{position:absolute;bottom:18px;left:18px;z-index:1;color:#fff;font-size:12px}
.hyl-image-note{position:absolute;top:24px;left:-17px;z-index:2;background:var(--yellow);color:var(--ink);padding:8px 12px;font-size:12px;font-weight:900;writing-mode:vertical-rl;letter-spacing:.1em}
.hyl-gates{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #556268;border-right:1px solid #556268}
.hyl-gate{position:relative;display:flex;flex-direction:column;min-height:155px;padding:23px 22px;border-top:1px solid #556268;border-right:1px solid #556268}
.hyl-gate:last-child{border-right:0}
.hyl-gate:before{content:"";position:absolute;left:22px;top:-4px;width:7px;height:7px;background:var(--yellow)}
.hyl-gate-index{color:var(--yellow);font-size:12px;font-weight:900;margin-bottom:13px}
.hyl-gate strong{font-size:19px;line-height:1.3}
.hyl-gate>span:last-child{color:#b9c6c7;font-size:13px;margin-top:8px}
.hyl-promo,.ss-promo{display:block}
.hyl .ss-promo{width:min(1240px,calc(100% - 64px));margin:28px auto}
.hyl .ss-promo img{display:block;width:100%;height:auto}
.hyl-scenes,.hyl-articles{padding-top:104px;padding-bottom:108px}
.hyl-section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:38px}
.hyl-section-head>div{max-width:760px}
.hyl-section-head>p{max-width:360px;font-size:14px;color:#596066;margin:0 0 5px}
.hyl-overline{color:#ac4a30;margin:0 0 10px}
.hyl h2{font-size:clamp(30px,3vw,45px);line-height:1.27;letter-spacing:-.045em;margin:0}
.hyl-scene-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#c3c7c4;border:1px solid #c3c7c4;margin-bottom:24px}
.hyl-scene-button{appearance:none;border:0;background:#e7ecea;text-align:left;padding:17px 18px;cursor:pointer;color:var(--ink);font-size:15px;font-weight:800;transition:background .18s,color .18s}
.hyl-scene-button span{display:block;font-size:11px;color:#61767c;margin-bottom:4px}
.hyl-scene-button:hover,.hyl-scene-button[aria-pressed="true"]{background:var(--ink);color:#fff}
.hyl-scene-button[aria-pressed="true"] span{color:var(--yellow)}
.hyl-scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hyl-scene{min-height:520px;background:#fff;border:1px solid #d4d7d4;display:flex;flex-direction:column;position:relative;transition:border-color .2s,box-shadow .2s,transform .2s}
.hyl-scene[data-active="true"]{border-color:#aa8221;box-shadow:inset 0 0 0 2px var(--yellow),0 16px 35px #171b1d12}
.hyl-scene-content{padding:33px 34px 25px;flex:1}
.hyl-scene-id{color:#bb542f;margin:0 0 10px}
.hyl h3{font-size:24px;line-height:1.35;letter-spacing:-.035em;margin:0 0 12px}
.hyl-scene-content>p:not(.hyl-scene-id){font-size:15px;color:#3e4a4c;min-height:76px;margin:0 0 22px}
.hyl-scene dl{margin:0;border-top:1px solid #d6deda}
.hyl-scene dl>div{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #d6deda;font-size:13px}
.hyl-scene dt{font-weight:900;color:#944121}
.hyl-scene dd{margin:0;color:#414d50}
.hyl-scene .ss-photo{margin:0;height:210px;position:relative;overflow:hidden;background:#c6d1cf}
.hyl-scene .ss-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hyl-scene .ss-photo figcaption{position:absolute;left:12px;bottom:10px;background:#171b1dd9;color:#fff;font-size:11px;padding:3px 8px}
.hyl-publication-graphic,.hyl-other-graphic{height:210px;background:#d9e2df;display:flex;align-items:center;justify-content:center;gap:10px;padding:25px;color:#43555b;font-size:13px;font-weight:900}
.hyl-publication-graphic{background:repeating-linear-gradient(0deg,#dae3e0 0 39px,#cbd7d4 40px 41px)}
.hyl-publication-graphic span{padding:12px 15px;background:#f3f3eb;border:1px solid #98aaa9;box-shadow:4px 4px 0 #8aa3a0}
.hyl-publication-graphic i{height:2px;width:22px;background:#ef5b37;flex:none}
.hyl-other-graphic{background:#d6e1dd;position:relative}
.hyl-other-graphic span{width:82px;height:82px;display:grid;place-items:center;border:2px solid #607b7f;border-radius:50%;background:#f2f0e9}
.hyl-other-graphic b{position:absolute;bottom:10px;right:15px;font-size:11px;letter-spacing:.1em;color:#a3472a}
.hyl-handoff{background:#1d2427;color:#f2f0e9;padding:104px 0 88px;position:relative}
.hyl-handoff:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--orange) 0 24%,var(--yellow) 24% 52%,transparent 52%)}
.hyl-section-head-light>p{color:#b7c6c5}
.hyl-section-head-light .hyl-overline{color:var(--yellow)}
.hyl-handoff-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #52636a}
.hyl-handoff-grid article{padding:30px;min-height:338px;border-right:1px solid #52636a;background:#243035}
.hyl-handoff-grid article:last-child{border-right:0}
.hyl-handoff-number{color:var(--yellow)}
.hyl-handoff-grid h3{font-size:23px;margin:20px 0 12px}
.hyl-handoff-grid p{font-size:14px;color:#d3ddda;margin:0 0 20px}
.hyl-handoff-grid ul{margin:0;padding:0;list-style:none;border-top:1px solid #52636a}
.hyl-handoff-grid li{padding:7px 0 7px 16px;position:relative;font-size:12px;color:#c5d3d1}
.hyl-handoff-grid li:before{content:"";position:absolute;left:0;top:16px;width:5px;height:5px;background:var(--yellow)}
.hyl-handoff-foot{display:grid;grid-template-columns:1fr minmax(0,1.1fr);gap:40px;align-items:center;margin-top:48px}
.hyl-handoff-foot>div{border-left:4px solid var(--orange);padding:18px 0 18px 27px}
.hyl-handoff-foot strong{font-size:26px;line-height:1.3}
.hyl-handoff-foot p{color:#bdccca;font-size:14px;max-width:470px}
.hyl-handoff-foot .ss-photo{margin:0;max-height:330px;overflow:hidden;position:relative}
.hyl-handoff-foot img{width:100%;height:330px;object-fit:cover;display:block}
.hyl-handoff-foot figcaption{position:absolute;bottom:10px;left:10px;background:#171b1ddb;padding:3px 8px;font-size:11px}
.hyl-articles{padding-top:90px}
.hyl-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #b7c0bd;border-left:1px solid #b7c0bd}
.hyl-article{min-height:105px;display:grid;grid-template-columns:105px 1fr 20px;gap:12px;align-items:center;padding:20px;border-right:1px solid #b7c0bd;border-bottom:1px solid #b7c0bd;background:#fff}
.hyl-article time{color:#8b4e31;font-size:12px;font-weight:800}
.hyl-article h3{font-size:16px;margin:0;line-height:1.5;letter-spacing:0}
.hyl-article a:hover{text-decoration:underline;text-underline-offset:4px}
.hyl-article>span{color:#a34d31}
.hyl-all-articles{display:inline-flex;gap:30px;align-items:center;margin-top:29px;padding:12px 18px;background:var(--ink);color:#fff!important;font-weight:800;font-size:14px}
.hyl-all-articles span{color:var(--yellow)}
.hyl :focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:1000px){.hyl-hero-grid{gap:30px}.hyl-hero-media{min-height:560px}.hyl-scene-content{padding:26px}.hyl-handoff-grid article{padding:23px}.hyl-article{grid-template-columns:80px 1fr 16px}}
@media(max-width:760px){.hys-license-main{padding-top:78px}.hyl-shell{width:min(100% - 36px,620px)}.hyl-hero{padding-top:46px}.hyl-hero-grid{grid-template-columns:1fr;gap:0}.hyl-hero-copy{padding-bottom:40px}.hyl-kicker{margin-bottom:30px}.hyl-lead{font-size:16px}.hyl-hero-media{min-height:0;height:360px;margin-bottom:24px}.hyl-image-note{left:auto;right:15px;top:0}.hyl-gates{grid-template-columns:repeat(2,1fr)}.hyl-gate{min-height:135px}.hyl-gate:nth-child(2){border-right:0}.hyl .ss-promo{width:min(100% - 36px,620px)}.hyl-scenes,.hyl-articles{padding-top:70px;padding-bottom:75px}.hyl-section-head{display:block;margin-bottom:26px}.hyl-section-head>p{max-width:none;margin-top:14px}.hyl-scene-rail{grid-template-columns:repeat(2,1fr)}.hyl-scene-grid{grid-template-columns:1fr}.hyl-scene{min-height:0}.hyl-scene-content>p:not(.hyl-scene-id){min-height:0}.hyl-handoff{padding:72px 0}.hyl-handoff-grid{grid-template-columns:1fr}.hyl-handoff-grid article{min-height:0;border-right:0;border-bottom:1px solid #52636a}.hyl-handoff-grid article:last-child{border-bottom:0}.hyl-handoff-foot{grid-template-columns:1fr;gap:20px}.hyl-article-grid{grid-template-columns:1fr}}
@media(max-width:620px){.hys-license-main{padding-top:72px}.hyl-shell{width:calc(100% - 30px)}.hyl h1{font-size:clamp(38px,10vw,54px)}.hyl-hero-actions{gap:20px}.hyl-hero-media{height:290px}.hyl-gates{width:100%;border-left:0;border-right:0}.hyl-gate{padding:15px;min-height:128px}.hyl-gate:before{left:15px}.hyl-gate strong{font-size:16px}.hyl-gate>span:last-child{font-size:12px}.hyl .ss-promo{width:calc(100% - 30px);margin:20px auto}.hyl-scene-button{font-size:13px;padding:12px}.hyl-scene-content{padding:23px 20px}.hyl-scene .ss-photo,.hyl-publication-graphic,.hyl-other-graphic{height:180px}.hyl-publication-graphic{gap:5px;padding:10px;font-size:11px}.hyl-publication-graphic span{padding:10px 7px}.hyl-publication-graphic i{width:9px}.hyl-article{grid-template-columns:1fr 18px;gap:4px;min-height:88px}.hyl-article time{grid-column:1/-1}.hyl-article h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hyl *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}