.activity-detail .wrap{max-width:1080px}.activity-detail .crumb{color:var(--gray);padding:22px 0 0;font-size:11.5px}.activity-detail .crumb a:hover{color:var(--teal-d)}.activity-detail .crumb span{opacity:.5;margin:0 8px}.activity-detail .cover{--img:none;background-color:#0e3f48;background-image:linear-gradient(180deg,#0e3f480d,#0e3f48c7),var(--img),linear-gradient(150deg,#2aa7b3,#0e3f48);background-blend-mode:normal,normal,normal;color:#fff;background-position:50%;background-size:cover;border-radius:22px;align-items:flex-end;min-height:360px;margin-top:22px;padding:36px;display:flex;position:relative;overflow:hidden}.activity-detail .cover.has-img{background-image:linear-gradient(180deg,#0e3f4859 0%,transparent 30%,transparent 55%,#0e3f48b8 100%),var(--img);background-blend-mode:normal,normal}.activity-detail .cover .pref{color:var(--teal-deep);background:#fff;border-radius:20px;padding:7px 16px;font-size:12px;font-weight:800;position:absolute;top:22px;left:22px}.activity-detail .cover .ct{z-index:2;position:relative}.activity-detail .cover .ctags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.activity-detail .cover .ctags span{color:#fff;background:#fff3;border:1px solid #ffffff59;border-radius:14px;padding:4px 12px;font-size:11px;font-weight:700}.activity-detail .cover h1{max-width:760px;font-size:32px;font-weight:800;line-height:1.45}.activity-detail .meta{border-bottom:1px solid var(--line);color:var(--gray);flex-wrap:wrap;gap:20px;padding:22px 0;font-size:12.5px;font-weight:700;display:flex}.activity-detail .meta b{color:var(--teal-d)}.activity-detail .layout{grid-template-columns:1fr 290px;gap:50px;padding:44px 0 90px;display:grid}@media (max-width:880px){.activity-detail .layout{grid-template-columns:1fr}}.activity-detail .lead{color:#2c3638;background:var(--peach);border-left:4px solid var(--teal);border-radius:0 12px 12px 0;margin-bottom:34px;padding:20px 24px;font-size:16px;font-weight:700;line-height:1.9}.activity-detail .article h2{border-left:5px solid var(--teal-d);margin:36px 0 14px;padding-left:14px;font-size:21px;font-weight:800}.activity-detail .article p{color:#384244;margin-bottom:18px;font-size:14.5px}.activity-detail .article ul{margin:0 0 20px 4px;list-style:none}.activity-detail .article li{color:#384244;padding:6px 0 6px 24px;font-size:14.5px;position:relative}.activity-detail .article li:before{content:"▶";color:var(--teal);font-size:9px;position:absolute;top:11px;left:4px}.activity-detail .gallery{grid-template-columns:1fr 1fr;gap:14px;margin:24px 0;display:grid}.activity-detail .gallery .g{color:#ffffffb3;letter-spacing:.15em;background-color:#15616e;border-radius:14px;align-items:flex-end;height:200px;padding:14px;font-size:10px;display:flex;position:relative;overflow:hidden}@media (max-width:560px){.activity-detail .gallery{grid-template-columns:1fr}}.activity-detail .voice{background:var(--tint);color:var(--teal-deep);border-radius:14px;margin:24px 0;padding:20px 24px;font-size:14px;line-height:1.85;position:relative}.activity-detail .voice:before{content:"“";color:#2aa7b34d;font-size:46px;font-weight:800;position:absolute;top:6px;left:14px}.activity-detail .voice .who{color:var(--gray);margin-top:10px;font-size:11.5px;font-weight:700;display:block}.activity-detail .aimark{color:var(--teal-d);background:var(--tint);border-radius:14px;align-items:center;gap:7px;margin-bottom:20px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.activity-detail .side .box{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:18px;padding:22px 24px}.activity-detail .side h4{color:var(--teal);letter-spacing:.06em;margin-bottom:14px;font-size:11px;font-style:italic;font-weight:800}.activity-detail .side .info{color:#34403f;font-size:12.5px;line-height:1.8}.activity-detail .side .info b{color:var(--ink)}.activity-detail .side .rel{border-bottom:1px solid var(--line);padding:11px 0;font-size:12.5px;font-weight:700;line-height:1.5;display:block}.activity-detail .side .rel:last-child{border-bottom:none}.activity-detail .side .rel small{color:var(--gray);margin-bottom:3px;font-size:10px;font-weight:700;display:block}.activity-detail .side .rel:hover{color:var(--teal-d)}.activity-detail .backbar{text-align:center;padding:10px 0 70px}.activity-detail .backbar a{border:1.5px solid var(--ink);border-radius:30px;padding:13px 30px;font-size:13px;font-weight:800;display:inline-block}.activity-detail .backbar a:hover{background:var(--ink);color:#fff}
