User:Chatsven/TemplateStyles.css

a{
  text-decoration:none!important;
}

.mw-parser-output{
  border:none!important;
  outline:none!important;
  padding:0!important;
}

.mw-parser-output > div,
.mw-parser-output div{
  border:none!important;
  outline:none!important;
}

.mw-parser-output > pre,
.mw-parser-output pre{
  background:transparent!important;
  border:none!important;
  outline:none!important;
  padding:0!important;
  margin:0!important;
  font-family:inherit!important;
}

img{
  transition:transform .3s ease;
  backface-visibility:hidden;
}
img:hover{
  transform:scale(1.05);
}

.my-profile{
  white-space:pre-wrap;
}

.vline{
  font:600 15px Georgia,'Songti TC','STSongti-SC','STSong','SimSun',serif;
  font-size:16.091px;
  line-height:normal;
  color:#000;
  writing-mode:vertical-rl;
  text-orientation:upright;
  white-space:nowrap;
}
.vw{
  opacity:.2;
  transition:opacity .35s ease;
}
.vw:hover{
  opacity:1;
}

.sign-list ul{
  margin:0;
  padding:0 0 0 1.5em;
  list-style:none;
}

.sign-list ul li{
  display:none;
}
.sign-list ul li:nth-last-child(-n+6){
  display:list-item;
}

body.page-User_Chatsven_簽名板 .sign-list ul li{
  display:list-item;
}

.sign-scroll{
  display:flex;
  flex-direction:column-reverse;
  flex:1;
  overflow-y:auto;
  min-height:0;
  padding-bottom:18px;
}
.sign-scroll > div{
  flex-shrink:0;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box;
}
.sign-scroll > .sign-list{
  margin:0 0 30px;
}

/* 待創建列表：一般連結沿用所在 {{color}} span 的顏色；紅連（.new）交給 MediaWiki 自己渲染 */
.lawlist a{
  color:inherit!important;
}

.sign-fade-top,
.sign-fade-bottom{
  position:absolute;
  left:0;
  right:0;
  z-index:1;
}
.sign-fade-top{
  top:0;
  height:100px;
  background:linear-gradient(to bottom,rgba(250,250,250,1),rgba(250,250,250,.7),rgba(250,250,250,0));
}
.sign-fade-bottom{
  bottom:0;
  height:48px;
  background:linear-gradient(to top,rgba(250,250,250,1),rgba(250,250,250,.7),rgba(250,250,250,0));
}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}

.c-purple{color:#614dc4}
.c-green{color:#00c000}
.c-orange{color:#ff9823}
.c-blue{color:#4d96c4}
.c-red{color:#ff0000}
.c-muted{color:rgba(0,0,0,.3)}
.strike{text-decoration:line-through}

.title{
  font:600 15px Georgia,'Songti TC','STSongti-SC','STSong','SimSun',serif;
  font-size:16.091px;line-height:normal;color:#000;white-space:nowrap;
}
.desc{
  font:600 15px Georgia,'Songti TC','STSongti-SC','STSong','SimSun',serif;
  font-size:13px;line-height:1.8;color:#4d96c4;
}
.hi{opacity:1;color:#000}
.body{
  font:600 15px Georgia,'Songti TC','STSongti-SC','STSong','SimSun',serif;
  font-size:13px;line-height:1.8;opacity:.4;color:#000;
}
.body p{margin:0 0 5.2px;text-align:justify}
.body p:last-child{margin-bottom:0}

.legend{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  font:600 15px Georgia,'Songti TC','STSongti-SC','STSong','SimSun',serif;
  font-size:9.678px;line-height:normal;white-space:nowrap;margin:6px 0;
}
.legend .item{display:inline-flex;align-items:center;gap:4px}
.dot{
  width:16px;height:16px;border-radius:5px;display:inline-block;flex-shrink:0;
}
.dot.e{background:#614dc4}.dot.a{background:#00c000}
.dot.r{background:#ff9823}.dot.p{background:#614dc4}
.dot.m{background:#ff0000}
.item .e{color:#614dc4}.item .a{color:#00c000}
.item .r{color:#ff9823}.item .p{color:#4d96c4}
.item .m{color:#ff0000}

.laws{
  font:600 15px Georgia,'Songti TC','STSongti-SC','STSong','SimSun',serif;
  font-size:9.678px;line-height:normal;text-align:justify;
  margin:8px 0;
}

.ctag{
  display:block;font-size:8.129px;font-weight:600;
  opacity:.2;color:#000;white-space:nowrap;line-height:1.187;
}
.ctag.l{text-align:left}.ctag.r{text-align:right}

.big-stat{margin:4px 0 0;white-space:nowrap}
.big-stat .label{
  display:block;
  font:600 15px Georgia,'Songti TC','STSongti-SC','STSong','SimSun',serif;
  font-size:9.678px;line-height:1;opacity:.6;
}
.big-stat .num{
  display:block;
  font:600 15px Georgia,'Songti TC','STSongti-SC','STSong','SimSun',serif;
  font-size:28.153px;line-height:normal;letter-spacing:-.5px;
}

.stat-row{
  display:flex;align-items:center;gap:8.838px;margin:4px 0;
}
.stat-row .icon{
  width:67.162px;height:52px;border-radius:9.663px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  overflow:hidden;
}
.stat-row .info{
  font-family:monospace;font-weight:500;font-size:9.693px;
  line-height:99.48%;color:#000;
}
.stat-row .label{display:block;opacity:.6;margin-bottom:2px}
.stat-row .value{display:block;font-weight:700;font-size:15.654px}

.m-identity .stat-row,
.m-lang .stat-row{
  display:flex;align-items:center;gap:8.838px;
}

/* =========================================================
   1. 响应式适配
   ========================================================= */

.layout-landscape{
  display:block;
}
.layout-portrait{
  display:block!important;
  position:absolute;
  left:-10000px;
  top:0;
  width:390px;
  margin:0;
  box-sizing:border-box;
  visibility:hidden;
}

@media screen and (max-aspect-ratio: 1/1){
  .layout-landscape{
    display:none!important;
  }
  .layout-portrait{
    position:static;
    left:auto;
    width:100%;
    margin:0;
    box-sizing:border-box;
    visibility:visible;
  }
  .vw{
    opacity:.85;
  }
}

@media (hover: none){
  .vw{
    opacity:.85;
  }
}

/* =========================================================
   2. 移动端专辑封面式横向滑动（防止裁剪、完美居中放大）
   ========================================================= */

.ubx-carousel{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x proximity;
  padding:26px calc(50% - 36px) 20px;
  box-sizing:border-box;
  scroll-behavior:smooth;
}

.ubx-card{
  scroll-snap-align:center;
  scroll-snap-stop:normal;
  flex:0 0 72px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  transform:scale(.82);
  transform-origin:center center;
  opacity:.38;
  transition:transform .3s cubic-bezier(.22,.8,.36,1),opacity .3s ease;
  animation:ubx-focus linear both;
  cursor:pointer;
}

.ubx-card.ubx-active-default{
  transform:scale(1.18);
  opacity:1;
}

@keyframes ubx-focus{
  0%,
  100%{
    transform:scale(.82);
    opacity:.38;
  }
  50%{
    transform:scale(1.18);
    opacity:1;
  }
}

.ubx-cover{
  width:60px;
  height:44px;
  border-radius:10px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:9px;
  box-shadow:0 3px 12px rgba(0,0,0,.08);
  background:#fff;
}

.ubx-cover > span,
.ubx-cover > a{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ubx-cover img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  transform:none!important;
}

.ubx-title{
  display:block;
  font:600 15px Georgia,'Songti TC','STSongti-SC','STSong','SimSun',serif;
  font-size:11.5px;
  line-height:1.2;
  color:#000;
  margin-bottom:0;
  white-space:nowrap;
}

.ubx-desc{
  display:block;
  font-family:monospace;
  font-weight:500;
  font-size:8.5px;
  line-height:1.2;
  color:#000;
  opacity:.5;
  margin-bottom:2px;
  white-space:nowrap;
}