.jh{color:#fff;background:radial-gradient(120% 90% at 18% 0,#2a2017 0%,#1a130c 46%,#120c06 100%);padding:150px 0 92px;position:relative;overflow:hidden}.jh:before{content:"";pointer-events:none;background:radial-gradient(46% 60% at 82% 30%,#f383004d,#0000 70%);position:absolute;inset:0}.jh:after{content:"JOURNAL";color:#ffffff09;letter-spacing:-.03em;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Outfit;font-size:clamp(120px,21vw,300px);font-weight:900;line-height:.8;position:absolute;bottom:-7%;left:-2%}.jh .wrap{grid-template-columns:1.06fr .94fr;align-items:center;gap:46px;display:grid;position:relative}.jh-tx .kick{letter-spacing:.26em;color:var(--amber);align-items:center;gap:12px;font-family:Outfit;font-size:12.5px;font-weight:800;display:inline-flex}.jh-tx .kick:before{content:"";background:var(--amber);width:34px;height:1.5px;display:inline-block}.jh-tx h1{color:#fff;letter-spacing:.01em;margin:22px 0 0;font-size:clamp(34px,5.1vw,58px);line-height:1.34}.jh-tx h1 .out{color:#0000;-webkit-text-stroke:1.6px var(--amber)}.jh-tx h1 .em{color:var(--amber)}.jh-tx .lead{color:#d8cdbe;max-width:480px;margin-top:24px;font-size:15px;font-weight:500;line-height:2.05}.jh-tx .lead b{color:#fff;font-weight:800}.jh-tx .stats{border-top:1px solid #ffffff21;gap:30px;margin-top:30px;padding-top:24px;display:flex}.jh-tx .stat .n{color:#fff;font-family:Outfit;font-size:30px;font-weight:900;line-height:1}.jh-tx .stat .n .u{color:var(--amber);margin-left:3px;font-size:15px}.jh-tx .stat .l{color:#b3a899;letter-spacing:.04em;margin-top:6px;font-size:11.5px;font-weight:700}.jh-tx .acts{flex-wrap:wrap;gap:13px;margin-top:34px;display:flex}.jh-tx .acts a{border-radius:12px;padding:15px 28px;font-size:14.5px;font-weight:800;transition:all .16s}.jh-tx .acts .fill{background:var(--orange);color:#fff}.jh-tx .acts .fill:hover{background:var(--orange-d)}.jh-tx .acts .line{color:#fff;border:1.5px solid #ffffff80}.jh-tx .acts .line:hover{color:var(--ink);background:#fff}.jh-stage{perspective:1400px;justify-content:center;display:flex}.jh-book{aspect-ratio:3/4;width:330px;max-width:78vw;transform-style:preserve-3d;will-change:transform;transition:transform .25s ease-out;position:relative;transform:rotateY(-19deg)rotateX(5deg)}.jh-book .face{backface-visibility:hidden;background:#15100a;border-radius:5px 9px 9px 5px;position:absolute;inset:0;overflow:hidden;transform:translateZ(16px);box-shadow:0 44px 80px -26px #000000b8,inset 0 4px #d7cdbb}.jh-book .face>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.jh-book .spine{transform-origin:100%;background:linear-gradient(90deg,#0d0905,#2a1c0e);border-radius:5px 0 0 5px;width:16px;position:absolute;top:0;bottom:0;left:0;transform:translateZ(0)translate(-16px)rotateY(90deg)}.jh-book .gloss{pointer-events:none;background:linear-gradient(115deg,#ffffff38 0%,#0000 26% 70%,#0000002e);border-radius:5px 9px 9px 5px;position:absolute;inset:0;transform:translateZ(17px)}.jh-book .ctop{z-index:2;background:linear-gradient(#00000080,#0000);padding:20px 22px 30px;position:absolute;top:0;left:0;right:0;transform:translateZ(18px)}.jh-book .ctop .mh{color:#fff;letter-spacing:.02em;font-family:Outfit;font-size:33px;font-weight:900;line-height:1}.jh-book .ctop .iss{letter-spacing:.2em;color:#ffffffd9;margin-top:6px;font-family:Outfit;font-size:9px;font-weight:700}.jh-book .clines{z-index:2;background:linear-gradient(#0000,#000c);padding:32px 22px 22px;position:absolute;bottom:0;left:0;right:0;transform:translateZ(18px)}.jh-book .clines .cl{color:#fff;text-shadow:0 2px 8px #0009;font-size:15.5px;font-weight:800;line-height:1.55}.jh-book .clines .cf{color:var(--amber);letter-spacing:.02em;margin-top:9px;font-size:11px;font-weight:800}.jh-book .clines .cw{color:#fffc;letter-spacing:.05em;margin-top:10px;font-size:9.5px;font-weight:600}.jh-book .rib{z-index:3;background:var(--orange);color:#fff;letter-spacing:.05em;border-radius:7px 0 0 7px;padding:7px 13px;font-family:Outfit;font-size:10.5px;font-weight:800;position:absolute;top:18px;right:-6px;transform:translateZ(20px);box-shadow:0 8px 16px -8px #0009}.jh-book .rib:after{content:"";border:5px solid #a85400;border-color:#a85400 #a85400 #0000 #0000;position:absolute;top:100%;right:0}.jh-hint{text-align:center;color:#9c9183;letter-spacing:.04em;margin-top:18px;font-size:11px;font-weight:700}@media (max-width:880px){.jh{padding:130px 0 70px}.jh .wrap{grid-template-columns:1fr;gap:44px}.jh-stage{order:-1}.jh-book{transform:rotateY(-12deg)rotateX(3deg)}}.bi .head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;display:flex}.bi .lede{color:var(--ink2);max-width:560px;margin:2px 0 26px;font-size:14px;font-weight:500;line-height:1.95}.bi .nav-arrows{gap:9px;display:flex}.arw{border:1px solid var(--line);cursor:pointer;width:42px;height:42px;color:var(--ink2);-webkit-user-select:none;user-select:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-family:Outfit;font-weight:800;transition:all .15s;display:flex}.arw:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.biSwiper{padding-bottom:6px;overflow:visible}.biSwiper .swiper-slide{width:268px;max-width:74vw}.issue{display:block}.issue .cv{aspect-ratio:3/4;background:#16100a;border-radius:4px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 22px 44px -22px #2819058c}.issue:hover .cv{transform:translateY(-7px);box-shadow:0 34px 56px -24px #2819059e}.issue .cv>img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.issue:hover .cv>img{transform:scale(1.05)}.issue .cv .vtop{background:linear-gradient(#00000080,#0000);padding:14px 15px 24px;position:absolute;top:0;left:0;right:0}.issue .cv .vtop .mh{color:#fff;font-family:Outfit;font-size:23px;font-weight:900;line-height:1}.issue .cv .vtop .iss{letter-spacing:.18em;color:#ffffffd9;margin-top:4px;font-family:Outfit;font-size:8px;font-weight:700}.issue .cv .vbot{background:linear-gradient(#0000,#000000c7);padding:26px 15px 15px;position:absolute;bottom:0;left:0;right:0}.issue .cv .vbot .ct{color:#fff;text-shadow:0 2px 6px #00000080;font-size:13px;font-weight:800;line-height:1.5}.issue .cv .spineflag{color:var(--amber);letter-spacing:.08em;background:#1a130cdb;border-radius:0 6px 6px 0;padding:4px 10px;font-family:Outfit;font-size:9.5px;font-weight:800;position:absolute;top:13px;left:0}.issue .meta{margin-top:13px}.issue .meta .em{color:var(--ink3);letter-spacing:.06em;font-family:Outfit;font-size:11px;font-weight:700}.issue .meta .tt{color:var(--ink);margin-top:3px;font-size:14px;font-weight:800;line-height:1.5}.issue:hover .meta .tt{color:var(--orange-d)}.issue.blank .cv{box-shadow:none;text-align:center;background:repeating-linear-gradient(135deg,#f3ede1,#f3ede1 12px,#efe7d8 12px 24px);border:2px dashed #d8ccb6;justify-content:center;align-items:center;padding:26px;display:flex}.issue.blank:hover .cv{transform:translateY(-7px);box-shadow:0 26px 46px -26px #50320a4d}.issue.blank .qq{color:#e3d6bf;font-family:Outfit;font-size:64px;font-weight:900;line-height:1}.issue.blank .bt{color:var(--ink2);margin-top:10px;font-size:13.5px;font-weight:800;line-height:1.6}.issue.blank .bs{color:var(--ink3);margin-top:7px;font-size:11.5px;font-weight:700}.biSwiper .swiper-pagination{margin-top:24px;position:static}.biSwiper .swiper-pagination-bullet{background:var(--ink4);opacity:.5;width:7px;height:7px}.biSwiper .swiper-pagination-bullet-active{background:var(--orange);opacity:1;border-radius:4px;width:22px}.tr{background:var(--paper2)}.tr .lay{grid-template-columns:1.04fr .96fr;align-items:center;gap:54px;display:grid}.tr .tx .lab{letter-spacing:.18em;color:var(--orange-d);font-family:Outfit;font-size:12px;font-weight:800}.tr .tx h2{margin:13px 0 16px;font-size:clamp(23px,2.8vw,32px);line-height:1.5}.tr .tx p{color:var(--ink2);font-size:14.5px;font-weight:500;line-height:2.05}.tr .tx p b{color:var(--ink);font-weight:800}.tr .toc{border-top:1px solid var(--line);margin:22px 0 4px}.tr .toc .ti{border-bottom:1px solid var(--line);align-items:baseline;gap:16px;padding:13px 2px;display:flex}.tr .toc .ti .pg{color:var(--orange-d);flex:0 0 38px;font-family:Outfit;font-size:15px;font-weight:900}.tr .toc .ti .nm{color:var(--ink);font-size:14px;font-weight:700}.tr .toc .ti .nm span{color:var(--ink3);margin-top:2px;font-size:12px;font-weight:600;display:block}.tr .acts{flex-wrap:wrap;gap:13px;margin-top:24px;display:flex}.tr .acts .fill{background:var(--orange);color:#fff;border-radius:12px;padding:14px 26px;font-size:14.5px;font-weight:800}.tr .acts .fill:hover{background:var(--orange-d)}.tr .acts .note{color:var(--ink3);align-self:center;font-size:12px;font-weight:700}.tr .spread{height:430px;position:relative}.tr .spread .pg{background:#fff;border:6px solid #fff;border-radius:4px;position:absolute;overflow:hidden;box-shadow:0 26px 52px -24px #28190580}.tr .spread .p1{aspect-ratio:3/4;z-index:1;width:62%;top:18px;left:0;transform:rotate(-5deg)}.tr .spread .p2{aspect-ratio:3/4;z-index:2;width:62%;top:0;right:0;transform:rotate(4deg)}.tr .spread .pg img{object-fit:cover;width:100%;height:100%;display:block}.tr .spread .free{z-index:4;background:var(--ink);color:#fff;letter-spacing:.1em;border-radius:999px;padding:8px 16px;font-family:Outfit;font-size:11px;font-weight:800;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 10px 22px -10px #00000080}.tr .spread .free b{color:var(--amber)}@media (max-width:860px){.tr .lay{grid-template-columns:1fr;gap:40px}.tr .spread{order:-1;height:340px}}.mc{color:#fff;background:radial-gradient(120% 100% at 80% 0,#241a10 0%,#171009 55%,#100b05 100%);position:relative;overflow:hidden}.mc:after{content:"";pointer-events:none;background:radial-gradient(circle,#f3830042,#0000 66%);width:55%;height:120%;position:absolute;bottom:-30%;left:-10%}.mc .lay{grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;display:grid;position:relative}.mc .demo{justify-content:center;display:flex}.mc .you{aspect-ratio:3/4;background:#15100a;border-radius:5px;width:300px;max-width:74vw;position:relative;overflow:hidden;box-shadow:0 40px 76px -26px #000000b3}.mc .you>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mc .you .vt{background:linear-gradient(#00000080,#0000);padding:18px 20px 30px;position:absolute;top:0;left:0;right:0}.mc .you .vt .mh{color:#fff;font-family:Outfit;font-size:30px;font-weight:900;line-height:1}.mc .you .vt .iss{letter-spacing:.2em;color:#ffffffd9;margin-top:5px;font-family:Outfit;font-size:8.5px;font-weight:700}.mc .you .vb{background:linear-gradient(#0000,#000c);padding:30px 20px 20px;position:absolute;bottom:0;left:0;right:0}.mc .you .vb .cl{color:#fff;font-size:15px;font-weight:800;line-height:1.5}.mc .you .vb .cw{color:#fffc;letter-spacing:.05em;margin-top:9px;font-size:10px;font-weight:600}.mc .you .pulse{border:2px solid var(--amber);pointer-events:none;border-radius:5px;animation:2.6s ease-in-out infinite youpulse;position:absolute;inset:0}@keyframes youpulse{0%,to{opacity:.25;box-shadow:0 0 #ffbe5a00}50%{opacity:.9;box-shadow:0 0 36px -6px #ffbe5a73}}.mc .you .tag{z-index:3;background:var(--orange);color:#fff;letter-spacing:.05em;border-radius:7px 0 0 7px;padding:7px 13px;font-family:Outfit;font-size:10.5px;font-weight:800;position:absolute;top:16px;right:-6px}.mc .tx .lab{letter-spacing:.2em;color:var(--amber);font-family:Outfit;font-size:12px;font-weight:800}.mc .tx h2{color:#fff;margin:14px 0 18px;font-size:clamp(26px,3.4vw,40px);line-height:1.42}.mc .tx h2 .out{color:#0000;-webkit-text-stroke:1.6px var(--amber)}.mc .tx h2 .em{color:var(--amber)}.mc .tx p{color:#d2c7b8;max-width:520px;font-size:15px;font-weight:500;line-height:2.05}.mc .tx p b{color:#fff;font-weight:800}.mc .flow{grid-template-columns:repeat(3,1fr);gap:26px;margin:28px 0 10px;display:grid}.mc .flow .st{padding-left:2px;position:relative}.mc .flow .st .n{color:#100b05;background:var(--amber);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:Outfit;font-size:14px;font-weight:900;display:flex}.mc .flow .st b{color:#fff;margin-top:13px;font-size:15.5px;font-weight:800;line-height:1.5;display:block}.mc .flow .st span{color:#b3a899;margin-top:6px;font-size:13px;font-weight:600;line-height:1.85;display:block}.mc .flow .st:not(:last-child):after{content:"";background:#ffffff1a;width:1px;height:calc(100% - 6px);position:absolute;top:6px;right:-13px}@media (max-width:600px){.mc .flow{grid-template-columns:1fr;gap:20px}.mc .flow .st:not(:last-child):after{display:none}}.mc .acts{flex-wrap:wrap;align-items:center;gap:13px;margin-top:30px;display:flex}.mc .acts .fill{background:var(--orange);color:#fff;border-radius:12px;padding:15px 30px;font-size:14.5px;font-weight:800}.mc .acts .fill:hover{background:var(--orange-d)}.mc .acts .mn{color:#b3a899;font-size:12.5px;font-weight:700}@media (max-width:880px){.mc .lay{grid-template-columns:1fr;gap:42px}.mc .demo{order:-1}}.ni .head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.ni .card{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:.78fr 1.22fr;gap:0;display:grid;overflow:hidden;box-shadow:0 22px 54px -34px #50320a66}.ni .card .pic{min-height:330px;position:relative;overflow:hidden}.ni .card .pic img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ni .card .pic .blur{background:linear-gradient(#140d050d,#140d0580);position:absolute;inset:0}.ni .card .pic .stamp{background:var(--ink);color:#fff;letter-spacing:.12em;border-radius:8px;padding:8px 15px;font-family:Outfit;font-size:11px;font-weight:800;position:absolute;top:20px;left:20px}.ni .card .tx{flex-direction:column;justify-content:center;padding:42px 44px;display:flex}.ni .card .tx .schedule{letter-spacing:.14em;color:var(--orange-d);font-family:Outfit;font-size:12px;font-weight:800}.ni .card .tx h3{margin:13px 0 14px;font-size:clamp(22px,2.6vw,30px);line-height:1.5}.ni .card .tx h3 .em{color:var(--orange-d)}.ni .card .tx p{color:var(--ink2);font-size:14px;font-weight:500;line-height:2}.ni .card .tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.ni .card .tags span{color:var(--ink2);background:var(--paper2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}.ni .card .remind{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.ni .card .remind a{background:var(--orange);color:#fff;border-radius:11px;padding:13px 26px;font-size:14px;font-weight:800}.ni .card .remind a:hover{background:var(--orange-d)}.ni .card .remind .sm{color:var(--ink3);font-size:12.5px;font-weight:700}@media (max-width:780px){.ni .card{grid-template-columns:1fr}.ni .card .pic{min-height:220px}}.closing{color:#fff;text-align:center;background:#17120c;padding:78px 0}.closing .flame-big{width:38px;height:50px;margin:0 auto 16px}.closing h2{color:#fff;font-size:clamp(24px,3.4vw,38px);line-height:1.45}.closing h2 .em{color:var(--amber)}.closing p{color:#cabfb1;max-width:520px;margin:16px auto 0;font-size:14.5px;font-weight:500}.closing .acts{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.bi-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:20px;padding:6px 2px 14px;display:flex;overflow-x:auto}.bi-scroll .issue{scroll-snap-align:start;flex:0 0 268px;max-width:74vw}.bi-scroll::-webkit-scrollbar{height:8px}.bi-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}