(function () {
  'use strict';

  var ADDRESS = 'BEIJING  北京市海淀区中关村东路世纪科贸大厦';
  var WORKS_NOTE = '点击作品下方 MORE 观看更多';

  function ready(fn) {
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', fn);
    } else {
      fn();
    }
  }

  function addStyle() {
    if (document.getElementById('tl-maintenance-style')) return;
    var style = document.createElement('style');
    style.id = 'tl-maintenance-style';
    style.textContent = [
      ".pubtitle h5:after,.section-title h5:after{content:'" + WORKS_NOTE + "';display:block;font-family:sy,Arial,sans-serif;font-size:14px;line-height:1.7;color:#999;margin-top:18px;letter-spacing:0;text-transform:none;font-weight:400}",
      ".tl-list-head{width:92%;max-width:1110px;margin:0 auto 34px;color:#fff;text-align:left}",
      ".tl-list-head h1{font-family:mouse,sy,Arial,sans-serif;font-size:36px;line-height:1.2;font-weight:300;margin:0 0 12px;letter-spacing:0}",
      ".tl-list-head a{display:inline-block;margin-right:18px;color:#999;font-size:14px;line-height:24px;text-decoration:none;border-bottom:1px solid rgba(77,165,245,.65)}",
      ".tl-list-head a:hover{color:#4da5f5}",
      "@media only screen and (max-width:767px){#myVideo{display:none!important}.videotk .iframe{width:calc(100vw - 28px)!important;max-width:720px}.videotk iframe{width:100%!important;height:auto!important;aspect-ratio:16/9;min-height:190px}.videotk .close{top:68px!important;right:24px!important;width:34px!important;height:34px!important}.vicon{position:static!important;width:calc(100vw - 40px)!important;margin:26px auto 0!important;font-size:16px!important;line-height:1.6!important;padding:0 8px;letter-spacing:0}.tl-list-head{text-align:center;margin-bottom:24px}.tl-list-head h1{font-size:28px}.tl-list-head a{font-size:13px;margin:0 8px 6px}}",
      "@media only screen and (max-width:500px){#portfolio-filter.filter{display:flex!important;justify-content:center;align-items:center;flex-wrap:nowrap;gap:15px;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;margin-bottom:26px!important;padding:0 4px 4px!important;scrollbar-width:none}#portfolio-filter.filter::-webkit-scrollbar{display:none}#portfolio-filter.filter li{flex:0 0 auto!important;padding:0!important;margin:0!important}#portfolio-filter.filter li a{font-size:14px!important;line-height:26px!important;white-space:nowrap}.pubtitle{display:block!important;text-align:center}.pubtitle .section-title{text-align:center}.pubtitle h5:after,.section-title h5:after{font-size:14px;margin-top:16px}}"
    ].join('\n');
    (document.head || document.documentElement).appendChild(style);
  }

  function stopMobileHeroVideo() {
    if (!window.matchMedia || !window.matchMedia('(max-width: 767px)').matches) return;

    function stop(video) {
      if (!video || video.getAttribute('data-tl-stopped') === '1') return;
      video.setAttribute('data-tl-stopped', '1');
      video.removeAttribute('autoplay');
      video.setAttribute('preload', 'none');
      try { video.pause(); } catch (e) {}
      video.removeAttribute('src');
      try { video.load(); } catch (e) {}
    }

    var observer = new MutationObserver(function (records) {
      records.forEach(function (record) {
        Array.prototype.forEach.call(record.addedNodes || [], function (node) {
          if (!node || node.nodeType !== 1) return;
          if (node.id === 'myVideo') stop(node);
          var video = node.querySelector && node.querySelector('#myVideo');
          if (video) stop(video);
        });
      });
    });

    observer.observe(document.documentElement, { childList: true, subtree: true });
    ready(function () {
      stop(document.getElementById('myVideo'));
      setTimeout(function () { observer.disconnect(); }, 3000);
    });
  }

  function updateAddress() {
    var node = document.querySelector('.lianxi p');
    if (node) node.textContent = ADDRESS;
  }

  function addListTitle() {
    if (!/m=content/.test(location.search) || !/catid=/.test(location.search)) return;
    if (document.querySelector('.tl-list-head')) return;
    var portfolio = document.getElementById('portfolio');
    if (!portfolio) return;
    var wrapper = portfolio.querySelector('.wrapper');
    if (!wrapper) return;
    var rawTitle = (document.title || '').split(' - ')[0] || 'WORKS';
    var head = document.createElement('div');
    head.className = 'tl-list-head';
    head.innerHTML = '<h1>' + rawTitle + '</h1><a href="/">返回首页</a><a href="/#portfolio">返回 WORKS</a>';
    portfolio.insertBefore(head, wrapper);
  }

  function improveModalClose() {
    document.addEventListener('keydown', function (event) {
      if (event.key !== 'Escape') return;
      var modal = document.querySelector('.videotk');
      if (!modal || getComputedStyle(modal).display === 'none') return;
      var close = modal.querySelector('.close');
      if (close) close.click();
    });
  }

  try {
    addStyle();
    stopMobileHeroVideo();
    ready(function () {
      updateAddress();
      addListTitle();
      improveModalClose();
    });
  } catch (error) {
    window.console && console.warn && console.warn('Timeline maintenance script skipped:', error);
  }
})();