.detail-page{padding-bottom:40px}.detail-bottom{margin-top:28px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.detail-main,.detail-side{min-width:0}.detail-player-shell{background:#000}.detail-player,.detail-player-shell{border-radius:12px;overflow:hidden}#mse,.player-container{width:100%;height:100%}.detail-comments,.detail-links-panel{background:#fff}.detail-sites{margin-top:16px}.detail-sites__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.detail-comments__title,.detail-section__title,.detail-sites__title{font-size:26px;line-height:1.2;color:#1e293b;font-weight:600}.detail-links-panel__title{line-height:1.2}.detail-comments__hint,.detail-sites__desc{font-size:14px;color:#94a3b8}.detail-sites__list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.detail-sites__item{min-width:0}.detail-sites__link{display:flex;flex-direction:column;align-items:center;gap:8px}.detail-sites__icon{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.08)}.detail-sites__label{font-size:11px;line-height:16px;color:#6b7280;text-align:center}.detail-summary{margin-top:16px}.detail-summary__row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.detail-summary__content{min-width:0;flex:1}.detail-summary__title{margin:0;font-size:24px;line-height:1.28;color:#111827;font-weight:600}.detail-summary__meta{display:flex;align-items:center;gap:18px;margin-top:12px}.detail-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#9ca3af}.detail-meta-item img,.detail-meta-item svg{width:14px;height:14px;flex:0 0 auto}.detail-action-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.detail-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:82px;height:32px;padding:0 14px;border:1px solid #eef1f6;border-radius:999px;background:#f8fafc;color:#9aa3b2;font-size:14px;transition:all .2s ease}.detail-action-btn.is-open,.detail-action-btn:hover{color:var(--dx-primary-color);border-color:rgba(59,130,246,.16);background:rgba(59,130,246,.06)}.detail-action-btn svg,.detail-share-box__copy svg{width:14px;height:14px}.detail-action-btn small{font-size:12px;color:inherit}.share-container{display:none;margin-top:14px}.share-container .copy{display:block}.share-container .success,.share-container.is-success .copy{display:none}.share-container.is-open{display:flex}.share-container.is-success .success{display:block}.detail-share-box{align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#f8fafc}.detail-share-box__url{min-width:0;flex:1;font-size:13px;line-height:20px;color:#64748b;word-break:break-all}.detail-share-box__copy{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:0;border-radius:999px;background:var(--dx-primary-color);color:#fff;font-size:13px}.detail-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.detail-tag{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:24px;padding:0 10px;border-radius:999px;background:#eef5ff;color:#74a6ff;font-size:12px;line-height:24px}.detail-author{margin-top:26px;padding-top:22px;border-top:1px solid #eef2f7}.detail-author__head{display:flex;align-items:center;justify-content:space-between;gap:16px}.detail-author__identity{display:flex;align-items:center;min-width:0;gap:14px}.detail-author__avatar{width:52px;height:52px;border-radius:50%}.detail-author__meta{min-width:0}.detail-author__name{margin:0;font-size:16px;line-height:22px;color:#111827;font-weight:600}.detail-author__stats{margin-top:4px;font-size:12px;color:#94a3b8}.detail-follow-btn{min-width:78px;height:30px;border:0;border-radius:999px;background:#3483fa;color:#fff;font-size:13px}.detail-author__body{margin-top:18px}.detail-author__title{margin:0 0 8px;font-size:15px;line-height:22px;color:#1f2937;font-weight:600}.detail-author__text{font-size:14px;line-height:24px;color:#6b7280}.detail-anchor-tabs{z-index:5;display:flex;align-items:center;gap:56px;margin-top:28px;padding:0 0 14px;border-bottom:1px solid #eef2f7}.detail-anchor-tabs a{display:inline-flex;align-items:center;justify-content:center;font-weight:500}.detail-anchor-tabs a{position:relative;font-size:23px;line-height:32px;color:#b7bcc8;transition:color .2s ease}.detail-anchor-tabs a.is-active,.detail-anchor-tabs a:hover{color:#3b82f6}.detail-anchor-tabs a.is-active::after,.detail-anchor-tabs a:hover::after{content:'';position:absolute;left:50%;bottom:-15px;width:72%;height:3px;border-radius:3px;background:#3b82f6;transform:translateX(-50%)}.detail-section{margin-top:16px}.detail-comments__head,.detail-section__head{margin-bottom:18px}.detail-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}.detail-video-grid--wide{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-comments{margin-top:28px;padding:24px;border:1px solid #eef2f7;border-radius:12px;background:#1e29390d}.detail-comments__composer{position:relative;margin-bottom:24px;padding-left:58px;min-height:166px}.detail-comments__composer::before{content:'';position:absolute;inset:0 0 0 58px;border:1px solid rgba(148,163,184,.28);border-radius:24px;background:#1e29391a;pointer-events:none}.detail-comments__composer-icon{position:absolute;top:12px;left:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%}.detail-comments__composer-icon img{width:42px;height:42px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.detail-comments__input{position:relative;z-index:1;width:100%;min-height:166px;padding:18px 140px 56px 24px;resize:none;border:0;outline:0;background:#f6f5f55c;font-size:15px;line-height:22px;color:#64748b}.detail-comments__input::-moz-placeholder{color:#64748b}.detail-comments__input::placeholder{color:#64748b}.detail-comments__submit{position:absolute;right:20px;bottom:22px;z-index:1;min-width:164px;height:44px;padding:0 24px;border:0;border-radius:999px;background:#3483fa;color:#fff;font-size:14px;font-weight:500}.detail-comments__submit::before{content:'';display:inline-block;width:16px;height:16px;margin-right:8px;background:currentColor;vertical-align:-2px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='M22 2 15 22 11 13 2 9l20-7Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='M22 2 15 22 11 13 2 9l20-7Z'/%3E%3C/svg%3E") center/contain no-repeat}.detail-comments__list{display:flex;flex-direction:column;gap:24px}.detail-comment-card{display:flex;gap:14px}.detail-comment-card__avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e8f1ff;color:#74a6ff;font-size:12px;flex:0 0 auto}.detail-comment-card__body{min-width:0;flex:1;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.detail-comment-card:last-child .detail-comment-card__body{border-bottom:0;padding-bottom:0}.detail-comment-card__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.detail-comment-card__head strong{font-size:14px;color:#111827}.detail-comment-card__head span{font-size:12px;color:#94a3b8}.detail-comment-card__text{font-size:14px;line-height:24px;color:#475569}.detail-comment-card__foot{display:flex;align-items:center;gap:18px;margin-top:10px;font-size:12px;color:#94a3b8}.detail-comment-card__foot a,.detail-comment-card__foot span{display:inline-flex;align-items:center;gap:6px}.detail-comment-card__foot svg{width:13px;height:13px}.detail-links-panel{margin-top:20px;padding:34px 32px 40px;border-radius:16px;background:#eef4fc}.detail-links-panel__title{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;color:#3b82f6;font-size:24px;font-weight:600}.detail-links-panel__title-accent{font-size:30px;line-height:1;font-weight:700;font-style:italic;color:#62a4ff}.detail-links-panel__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:28px}.detail-links-card{min-height:162px;padding:20px 18px;border-radius:14px;background:#dbe8fb}.detail-links-card__badge{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;background:#bdd7fd;font-size:14px;color:#35527f;font-weight:600}.detail-links-card__list{margin-top:18px}.detail-links-card__list li{position:relative;padding-left:18px;margin-bottom:8px}.detail-links-card__list li:last-child{margin-bottom:0}.detail-links-card__list li::before{content:'';position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:#3b82f6}.detail-links-card__list span{display:block;color:#3b82f6;line-height:22px;font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:2px}.detail-links-card small{display:block;margin-top:8px;color:#94a3b8;font-size:12px;line-height:22px}.detail-side__item,.detail-side__promo{margin-bottom:20px}.detail-side__promo-cover,.detail-side__thumb{position:relative;display:block;overflow:hidden;border-radius:8px;background:#f1f5f9}.detail-side__promo-cover{aspect-ratio:1/1}.detail-side__thumb{aspect-ratio:300/168}.detail-side__badge,.detail-side__duration{position:absolute;right:10px;border-radius:999px;color:#fff;font-size:11px}.detail-side__badge{top:10px;padding:2px 8px;background:rgba(15,23,42,.48);line-height:18px}.detail-side__duration{bottom:10px;padding:2px 6px;background:rgba(15,23,42,.72)}.detail-side__item-title,.detail-side__promo-title{margin-top:10px;font-size:15px;line-height:22px;color:#111827}.detail-side__promo-meta{margin-top:4px;font-size:12px;color:#c0c4cc}.detail-side__item-meta{display:flex;align-items:center;gap:16px;margin-top:8px;color:#9ca3af;font-size:12px}.detail-side__channel,.detail-side__views{display:inline-flex;align-items:center;gap:4px}.detail-side__item-meta svg{width:12px;height:12px}@media (max-width:1279px){.detail-layout{grid-template-columns:minmax(0,1fr) 280px}.detail-sites__list{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:14px}.detail-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-video-grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-links-panel__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023px){.detail-layout{grid-template-columns:1fr}.detail-side{order:2}.detail-summary__row{flex-direction:column}.detail-action-row{flex-wrap:wrap}.detail-links-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.detail-page{padding-bottom:20px}.detail-side{display:none}.detail-comments__title,.detail-section__title,.detail-sites__title{font-size:20px}.detail-sites__list{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-sites__icon{width:52px;height:52px}.detail-summary__title{font-size:24px}.detail-anchor-tabs{gap:28px;overflow-x:auto;white-space:nowrap}.detail-anchor-tabs a{font-size:17px;line-height:26px}.detail-video-grid{gap:18px 12px}.detail-video-grid,.detail-video-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-comments,.detail-links-panel{padding:18px}.detail-links-panel__title{font-size:20px}.detail-links-panel__title-accent{font-size:22px}.detail-comments__composer{min-height:150px;padding-left:38px}.detail-comments__composer::before{inset:0 0 0 38px;border-radius:10px}.detail-comments__composer-icon{top:8px;left:0;width:30px;height:30px}.detail-comments__composer-icon img{width:30px;height:30px}.detail-comments__input{min-height:150px;padding:16px 20px 64px;font-size:14px}.detail-comments__submit{right:16px;bottom:16px;min-width:136px;height:40px;font-size:14px}.detail-links-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-links-card{min-height:auto}}
.dx-tag{display:flex;align-items:center}.dx-tag::after{display:block;content:'';margin:0 16px;width:1px;height:12px;background-color:var(--dx-font2-color)}.dx-tab,.dx-tag{position:relative}.dx-tab--active{color:var(--dx-primary-color)}.dx-tab--active::after{display:block;content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--dx-primary-color)}.video-comment>.video-comment-content .video-comment{padding:0 0 12px;margin-left:-20px}.video-comment.dx-hairline--bottom:last-child:after{display:none}.fixed-footer{background-color:var(--dx-base1-color)}#comment-input{width:100%;outline:0;border:0}.share-container .copy{display:block}.share-container,.share-container .success,.share-container.is-success .copy{display:none}.share-container.is-open{display:flex}.share-container.is-success .success{display:block}.btn-reply,.btn-show-share.is-open{color:var(--dx-primary-color)}.btn-reply{background-color:var(--dx-base11-color);font-size:14px;border:1px solid var(--dx-primary-color);padding:2px 6px;border-radius:4px}.markdown-body img[data-src],.markdown-body img[file]{width:50%;height:50%;margin:0 auto}.ql-editor img[data-src]{width:50%;height:50%;margin:auto}.video-drop{position:relative}.video-drop .drop-content{top:inherit!important;bottom:16px;z-index:99;max-width:365px;margin:0;padding:24px 0;right:2px}.video-drop .drop-content-items::before{top:inherit;bottom:-16px;border-top:8px solid #fff;border-bottom-color:transparent;right:25px}.drop-content{position:absolute;top:16px;padding:10px 10px 25px;font-size:0;right:0;margin:-5px -35% 0;min-width:210px;max-width:330px;pointer-events:none;height:auto;overflow:hidden;z-index:10}.drop{cursor:pointer}.drop:hover .drop-content{pointer-events:auto;z-index:20}.drop:hover .drop-content-box{transform:translateZ(0);opacity:1}.drop-content-items{padding:15px;position:relative;border-radius:10px;background:#fff}.drop-content-items::before{content:'';border-bottom-color:#fff;position:absolute;top:-8px;z-index:20;right:18px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid rgba(7,7,10,.92)}.drop-content-box{transform:translate3d(0,-100%,0);opacity:0;border-top-right-radius:7px;box-shadow:0 3px 12px rgba(0,0,0,.18);transition-duration:.3s}.drop:hover::before{content:'';position:absolute;top:100%;width:500%;right:0;height:25px}#btn-expand svg{transition:all .3s}@media (max-width:768px){.chapter-items ul li:nth-child(n+7){display:none}}.chapter-items ul li:nth-child(n+11){display:none}@media (max-width:768px){.chapter-items.is-expand ul li:nth-child(n+7){display:block}}.chapter-items.is-expand ul li:nth-child(n+11){display:block}.chapter-items.is-expand #btn-expand svg{transform:rotateZ(180deg)}
.detail-links-content{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.detail-links-content>div:only-child{display:contents}.detail-links-content>*:not(script):not(style),.detail-links-content>div:only-child>*{min-height:162px;padding:20px 18px;border-radius:14px;background:#dbe8fb}.detail-links-content ul{margin-top:14px}.detail-links-content li{position:relative;padding-left:16px;margin-bottom:8px}.detail-links-content li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#3b82f6}.detail-links-content a{color:#3b82f6;text-decoration:underline;text-underline-offset:2px}.detail-links-content p,.detail-links-content span,.detail-links-content strong{color:#35527f}@media (max-width:1279px){.detail-links-content{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023px){.detail-links-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.detail-links-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-links-content>*:not(script):not(style),.detail-links-content>div:only-child>*{min-height:auto;padding:14px 12px}}

/* Detail address panel visual alignment */
#detail-footer-links.detail-links-panel{background:#eaf1fb;padding:24px 20px 30px;border-radius:14px}
#detail-footer-links .detail-links-panel__title{margin:0;display:flex;align-items:center;justify-content:center;gap:6px;color:#2f7fe8;font-size:38px;font-weight:700;line-height:1}
#detail-footer-links .detail-links-panel__title-accent{font-size:44px;font-style:italic;color:#5ba0ff}
#detail-footer-links .detail-links-content{margin-top:18px;gap:14px}
#detail-footer-links .detail-links-content>*:not(script):not(style),
#detail-footer-links .detail-links-content>div:only-child>*{background:#d6e3f9;border-radius:12px;min-height:122px;padding:14px 14px}
#detail-footer-links .detail-links-content strong{display:inline-flex;background:#b9cff4;border-radius:999px;padding:8px 14px;font-size:14px;color:#35527f}
#detail-footer-links .detail-links-content ul{margin-top:10px}
#detail-footer-links .detail-links-content small{display:block;margin-top:6px;color:#8da2c6;font-size:12px}

/* Precise address list layout based on view_video.html */
#detail-footer-links .detail-links-content>h1,
#detail-footer-links .detail-links-content>h2,
#detail-footer-links .detail-links-content>h3 {
  display: none;
}
#detail-footer-links .detail-links-content>ul,
#detail-footer-links .detail-links-content>div>ul {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#detail-footer-links .detail-links-content>ul>li,
#detail-footer-links .detail-links-content>div>ul>li {
  min-height: 122px;
  padding: 14px;
  border-radius: 12px;
  background: #d6e3f9;
  border-bottom: none !important;
}
#detail-footer-links .detail-links-content>ul>li::after,
#detail-footer-links .detail-links-content>div>ul>li::after {display:none !important}
#detail-footer-links .detail-links-content [style*="border-bottom"] {
  border-bottom: none !important;
}
#detail-footer-links .detail-links-content>ul>li strong,
#detail-footer-links .detail-links-content>div>ul>li strong {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: #b9cff4;
  color: #35527f;
  font-size: 14px;
  font-weight: 600;
}
#detail-footer-links .detail-links-content>ul>li a,
#detail-footer-links .detail-links-content>div>ul>li a {
  color: #2f7fe8;
  text-decoration: underline;
  text-underline-offset: 2px;
}
#detail-footer-links .detail-links-content>ul>li small,
#detail-footer-links .detail-links-content>div>ul>li small {
  display: block;
  margin-top: 6px;
  color: #8da2c6;
  font-size: 12px;
}
@media (max-width: 1279px) {
  #detail-footer-links .detail-links-content>ul,
  #detail-footer-links .detail-links-content>div>ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1023px) {
  #detail-footer-links .detail-links-content>ul,
  #detail-footer-links .detail-links-content>div>ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}