/* ===== 子页面：nudge-folio 风格（设计画布：标尺 + 网格 + 贴纸 + 文件夹卡片） =====
   配色取自它的源码：青 #36c5f0 / 粉 #e01e5a / 黄 #ecb22e / 绿 #2fbc81，以及贴纸色 #f5dda1 #a1dfc5 #fabed1 #a4e5f8 */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Just+Me+Again+Down+Here&family=Unbounded:wght@700;900&display=swap');
body.plain {
  --bg: #fff; --text: #111212; --sub: #454747; --mute: #767777; --faint: #aaabab; --hair: #d3d5d9; --fill: #f1f2f3;
  --cy: #36c5f0; --pk: #e01e5a; --ye: #ecb22e; --gr: #2fbc81; --cream: #f5dda1; --mint: #a1dfc5; --rose: #fabed1; --sky: #a4e5f8;
  --blue: #111212; --blue-link: #111212; --green: #1f8f61; --yellow: #ecb22e;
  --font: "DM Mono", ui-monospace, Menlo, "Xiaolai", "PingFang SC", "Microsoft YaHei", monospace;
  --disp: "Unbounded", "Arial Black", "Xiaolai", "PingFang SC", "Microsoft YaHei", sans-serif;
  --hw: "Just Me Again Down Here", "Segoe Print", cursive;
  color-scheme: light; background: #fff; color: var(--text); font: 400 13px/1.65 var(--font);
  background-image: linear-gradient(#f1f2f3 1px, transparent 1px), linear-gradient(90deg, #f1f2f3 1px, transparent 1px);
  background-size: 100px 100px; background-position: -1px 87px;
}
body.plain a { text-decoration: none; color: inherit; } body.plain a:hover { color: inherit; }
body.plain .pg p a, body.plain .desc a, body.plain .bio a, body.plain .rev a { text-decoration: underline; text-underline-offset: 3px; }

/* 顶栏：图标标签，当前页青色填充 */
.nx-nav { position: sticky; top: 0; z-index: 60; height: 48px; background: #fff; border-bottom: 1px solid #111; }
.nx-nav .nav-in { max-width: none; height: 100%; padding: 0; gap: 0; align-items: stretch; }
.nx-nav .logo { display: flex !important; align-items: center; padding: 0 16px; border-right: 1px solid var(--hair); }
.mark { width: 28px; height: 18px; border-radius: 28px 28px 0 0; border: 3px solid #111; border-bottom: 0; background: radial-gradient(circle at 50% 100%, #111 0 3px, transparent 4px); }
.nx-nav .links { display: flex; flex: 1; gap: 0; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
.nx-nav .links a { display: flex; align-items: center; gap: 8px; padding: 0 18px; font-size: 13px; text-transform: uppercase; color: #111; border-radius: 0; background: none; box-shadow: none; white-space: nowrap; }
.nx-nav .links a:hover { background: var(--fill); box-shadow: none; }
.nx-nav .links a.on { background: var(--cy); }
.nx-contact { display: flex; align-items: center; gap: 8px; margin: 8px 12px; padding: 0 16px; border: 1px solid #111; font-size: 13px; background: #fff; }
.nx-contact:hover, .nx-contact.on { background: #111; color: #fff !important; }
.ruler { position: relative; height: 40px; border-bottom: 1px solid var(--hair); background: #fff;
  background-image: linear-gradient(90deg, #aaabab 1px, transparent 1px), linear-gradient(90deg, #d3d5d9 1px, transparent 1px); background-size: 100px 9px, 20px 5px; background-repeat: repeat-x; background-position: 0 100%, 0 100%; }
.ruler b { position: absolute; top: 14px; transform: translateX(-50%); font: 400 11px var(--font); color: var(--faint); }

/* 页面标题：Figma 选框 + 手写小标题 */
.pg { max-width: 1240px; padding: 56px 24px 40px; position: relative; }
.hand { font: 400 30px/1 var(--hw); display: inline-block; margin: 0 0 14px 10px; position: relative; transform: rotate(-3deg); }
.hand::after { content: ''; position: absolute; left: 6%; right: 6%; bottom: -8px; height: 7px; border-top: 1.5px solid #111; border-bottom: 1.5px solid #111; border-radius: 50%; transform: rotate(-1.5deg); }
.pg h1 { position: relative; display: block; width: fit-content; max-width: 100%; margin: 0 0 28px; padding: 10px 34px 14px; font: 900 clamp(34px, 6.2vw, 92px)/1.05 var(--disp); letter-spacing: -.02em; text-transform: uppercase; border: 2px solid var(--cy);
  background:
    linear-gradient(var(--cy), var(--cy)) 0 0 / 14px 14px no-repeat, linear-gradient(var(--cy), var(--cy)) 100% 0 / 14px 14px no-repeat,
    linear-gradient(var(--cy), var(--cy)) 0 100% / 14px 14px no-repeat, linear-gradient(var(--cy), var(--cy)) 100% 100% / 14px 14px no-repeat; }
.c-stage h1 { position: relative; display: block; width: fit-content; max-width: 100%; margin: 0 0 28px; padding: 10px 34px 14px; font: 900 clamp(34px, 6.2vw, 92px)/1.05 var(--disp); letter-spacing: -.02em; text-transform: uppercase; border: 2px solid var(--cy);
  background:
    linear-gradient(var(--cy), var(--cy)) 0 0 / 14px 14px no-repeat, linear-gradient(var(--cy), var(--cy)) 100% 0 / 14px 14px no-repeat,
    linear-gradient(var(--cy), var(--cy)) 0 100% / 14px 14px no-repeat, linear-gradient(var(--cy), var(--cy)) 100% 100% / 14px 14px no-repeat; }
.pg .lead { max-width: 520px; margin: 0 0 40px; padding: 16px 18px; background: var(--cream); color: #111; transform: rotate(-1.2deg); box-shadow: 0 8px 18px rgba(0, 0, 0, .08); }
.pg .back { display: inline-block; margin-bottom: 18px; padding: 3px 10px; background: var(--fill); color: #111; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.pg .back:hover { background: var(--cy); }
.pg h2 { margin: 0; font: 500 13px var(--font); text-transform: uppercase; letter-spacing: .06em; color: #111; }

/* 文件夹卡片：每个区块是带标签页的文件夹，标签轮流换色 */
.pg .blk.panel { position: relative; margin: 46px 0 0; padding: 30px 24px 24px; background: #fff; border: 2px solid #111; border-radius: 0 18px 18px 18px; box-shadow: 6px 6px 0 #111; }
.pg .blk.panel > h2 { position: absolute; left: -2px; top: -32px; padding: 6px 18px 5px; border: 2px solid #111; border-bottom: 0; border-radius: 14px 14px 0 0; background: var(--cy); }
.pg section:nth-of-type(4n+2) > h2 { background: var(--ye); } .pg section:nth-of-type(4n+3) > h2 { background: var(--rose); } .pg section:nth-of-type(4n) > h2 { background: var(--mint); }
.pg .panel { border-radius: 0; }

/* 按钮 */
.btn { color: #111; font-family: var(--font); text-transform: uppercase; font-size: 12px; }
.btn.fill, button.go { background: #111; color: #fff; border: 2px solid #111; border-radius: 0; padding: 0 16px; line-height: 34px; box-shadow: 3px 3px 0 var(--cy); transition: transform .12s, box-shadow .12s; }
.btn.fill:hover, button.go:hover { background: #111; color: #fff; transform: translate(-1px, -1px); box-shadow: 5px 5px 0 var(--cy); }
.btn.fill:active, button.go:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--cy); }
.btn.link { text-decoration: underline; text-underline-offset: 3px; } .btn.link:hover { background: var(--cy); color: #111; }
.chip { border: 2px solid #111 !important; background: #fff; color: #111; border-radius: 999px !important; font-size: 12px; padding: 0 14px; line-height: 26px; text-transform: none; }
.chip.on, .tabs .chip.on, .tabs button.on { background: var(--cy); color: #111; border-bottom: 2px solid #111; }
.chip:hover { background: var(--sky); }
.pg .tabs { border: 0; gap: 8px; margin: 0 0 30px; }
.pg .tabs .chip { margin: 0; }

/* 贴纸（徽章/标签）：彩色便利贴，轻微旋转 */
.badge, .tag { border: 0; border-radius: 2px; padding: 2px 10px; font-size: 12px; color: #111; background: var(--cream); box-shadow: 0 3px 8px rgba(0, 0, 0, .08); transition: transform .15s; }
.badges .badge:nth-child(4n+1), .tags .tag:nth-child(4n+1) { background: var(--mint); transform: rotate(-2deg); }
.badges .badge:nth-child(4n+2), .tags .tag:nth-child(4n+2) { background: var(--cream); transform: rotate(1.5deg); }
.badges .badge:nth-child(4n+3), .tags .tag:nth-child(4n+3) { background: var(--rose); transform: rotate(-1deg); }
.badges .badge:nth-child(4n), .tags .tag:nth-child(4n) { background: var(--sky); transform: rotate(2deg); }
.badge:hover, .tag:hover { transform: rotate(0) scale(1.06) !important; }
.verified { background: var(--gr); color: #111; border: 2px solid #111; border-radius: 0; }

/* 频道页：拍立得头像、彩色贴纸统计 */
.pg .ch-head { border: 0; box-shadow: none; padding: 10px 0 40px; gap: 40px; }
.avatar.big { box-sizing: content-box; width: 170px; height: 170px; padding: 12px 12px 44px; background: #fff; border-radius: 0; object-fit: cover; filter: none; box-shadow: 0 14px 30px rgba(0, 0, 0, .18); transform: rotate(-4deg); transition: transform .3s; flex: none; }
.avatar.big:hover { transform: rotate(0) scale(1.03); }
.ch-main h1 { font-size: clamp(26px, 4vw, 56px); padding: 8px 26px 12px; margin-bottom: 16px; }
.desc, .bio { color: #111; max-width: 760px; }
.pg .stats { border: 0 !important; box-shadow: none; padding: 10px 0 20px; gap: 16px; text-align: left; grid-template-columns: repeat(5, 1fr); }
.stats > div { padding: 16px 18px; box-shadow: 0 10px 20px rgba(0, 0, 0, .08); transition: transform .2s; }
.stats > div:nth-child(5n+1) { background: var(--sky); transform: rotate(-1.5deg); } .stats > div:nth-child(5n+2) { background: var(--mint); transform: rotate(1deg); }
.stats > div:nth-child(5n+3) { background: var(--cream); transform: rotate(-1deg); } .stats > div:nth-child(5n+4) { background: var(--rose); transform: rotate(1.5deg); } .stats > div:nth-child(5n) { background: #fff3b0; transform: rotate(-1deg); }
.stats > div:hover { transform: rotate(0) translateY(-4px); }
.stats b { font: 700 clamp(22px, 2.6vw, 36px) var(--disp); letter-spacing: -.03em; color: #111; } .stats small { color: #111; text-transform: uppercase; font-size: 11px; letter-spacing: .06em; }
.up { color: #0d7a4f !important; }
.pg .actions { margin: 6px 0 4px; }

/* 视频 / 相关频道 */
.vids a { transition: transform .2s; } .vids a:hover { transform: translateY(-4px) rotate(-.6deg); color: #111; }
.vids img { border-radius: 0; border: 2px solid #111; }
.rel a { background: #fff; border: 2px solid #111; border-radius: 0; box-shadow: 3px 3px 0 #111; transition: transform .15s, box-shadow .15s; }
.rel a:hover { background: var(--sky); transform: translate(-2px, -2px); box-shadow: 5px 5px 0 #111; }
.rel img, .pkh img, .pkh .avatar { border-radius: 0; filter: none; }

/* 评论 / 回复：便利贴 */
.ytc { background: var(--cream); border-radius: 0; box-shadow: 0 6px 14px rgba(0, 0, 0, .08); max-width: 900px; }
.ytc:nth-of-type(even) { background: var(--mint); transform: rotate(.4deg); } .ytc:nth-of-type(odd) { transform: rotate(-.4deg); }
.reply { background: var(--sky); border-radius: 0; max-width: 900px; }
.rev { border-top: 2px dotted #111; max-width: 900px; } .rev .st { color: var(--pk); }
.stars { color: #d3d5d9; } .stars span.on { color: var(--ye); }
.tl li, .cmp { border-top: 1px dashed #aaabab; }
.chart { max-width: 820px; } .chart .ax { fill: #767777; font-family: var(--font); }
textarea, input, select, .f-in { border: 2px solid #111 !important; border-radius: 0 !important; background: #fff; color: #111; font: 13px var(--font); }
textarea:focus, input:focus { outline: 0; box-shadow: 3px 3px 0 var(--cy); }
.code { background: var(--cream); border: 2px solid #111; border-radius: 0; }
.sr .dd { border: 2px solid #111; border-radius: 0; box-shadow: 4px 4px 0 #111; background: #fff; } .sr .dd div:hover { background: var(--sky); }

/* 清单卡片：每张一种便利贴颜色 */
.grid { gap: 22px; }
.card { background: #fff; border: 2px solid #111 !important; border-radius: 0; box-shadow: 5px 5px 0 #111; transition: transform .15s, box-shadow .15s; }
.card:nth-child(4n+1) { background: var(--sky); } .card:nth-child(4n+2) { background: var(--cream); } .card:nth-child(4n+3) { background: var(--mint); } .card:nth-child(4n) { background: var(--rose); }
.card:hover { transform: translate(-3px, -3px) rotate(-.5deg); box-shadow: 8px 8px 0 #111; }
.card p, .card .meta { color: #111; } .covers img, .covers i { border-radius: 0; border: 2px solid #111; }
.li-list.panel, .panel.li-list { border: 2px solid #111; box-shadow: 6px 6px 0 #111; background: #fff; }
.li-list .item:hover { background: var(--sky); } .li-list .rank { color: #111; } .li-list .avatar { border-radius: 0; filter: none; } .li-list .badge { background: var(--cream); }

/* 动态：Journal 式 3 列卡片 */
.pg .feed, .pg ul.feed.panel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; border: 0 !important; box-shadow: none; padding: 0; background: none; }
.feed li { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0; border: 2px solid #111 !important; background: #fff; box-shadow: 5px 5px 0 #111; transition: transform .15s, box-shadow .15s; }
.feed li:hover { transform: translate(-3px, -3px); box-shadow: 8px 8px 0 #111; }
.feed img.th { width: 100%; aspect-ratio: 16 / 9; border-radius: 0; border-bottom: 2px solid #111; order: -1; }
.feed .tx { padding: 14px 16px 6px; font-size: 14px; } .feed time { padding: 0 16px 14px; color: #767777; font-size: 12px; }
.feed .ic { width: 30px; height: 30px; margin: 14px 16px 0; background: var(--gr); border: 2px solid #111; flex: none; font-size: 0; }
.feed li:nth-child(4n+2) .ic { background: var(--ye); } .feed li:nth-child(4n+3) .ic { background: var(--rose); } .feed li:nth-child(4n) .ic { background: var(--cy); }
.feed li:first-child { border: 2px solid #111; }

/* PK / 周榜 */
.pkh { padding: 24px 10px; border: 2px solid #111 !important; box-shadow: 5px 5px 0 #111; background: var(--sky) !important; transition: transform .2s; }
.pkgrid > :nth-child(2) .pkh, .pkgrid > a:nth-child(2) { background: var(--rose) !important; }
.pkh:hover { transform: rotate(-1deg) translateY(-3px); } .pkh b { font: 700 20px var(--disp); }
.bar { background: #fff; border: 2px solid #111; height: 12px; border-radius: 0; } .bar i { background: var(--cy); border-radius: 0; }
.cmp .w { color: var(--pk); }
.pcard, .panel.pcard { border: 0 !important; background: none; box-shadow: none; padding: 8px 0 24px; text-align: left; }
.pcard img, .poster-img { background: #fff; padding: 14px 14px 40px; border: 0; border-radius: 0; box-shadow: 0 16px 36px rgba(0, 0, 0, .2); transform: rotate(-1.5deg); max-width: min(100%, 480px); transition: transform .3s; }
.pcard img:hover { transform: rotate(0); }

/* 页脚 */
.nx-foot { position: relative; max-width: 1240px; margin: 70px auto 0; padding: 0 24px 40px; }
.nx-foot .card { all: unset; display: flex; align-items: center; justify-content: center; height: 300px; border-radius: 28px; background: #522e29; position: relative; overflow: hidden; }
.nx-foot .blob { position: absolute; left: 40px; top: -70px; z-index: 2; animation: bob 4s ease-in-out infinite; }
@keyframes bob { 50% { transform: translateY(-10px) rotate(4deg); } }
.sticker { display: flex; align-items: center; gap: 14px; padding: 12px 18px; background: var(--cy); border: 3px solid #111; transform: rotate(-6deg); font: 900 clamp(26px, 5vw, 56px) var(--disp); letter-spacing: -.02em; color: #111 !important; transition: transform .25s; }
.sticker:hover { transform: rotate(0) scale(1.05); }
.sticker i { width: 42px; height: 42px; flex: none; background: var(--pk); border: 3px solid #111; transform: rotate(45deg) scale(.75); box-shadow: inset 0 0 0 5px var(--ye); }
.nx-foot p { margin: 18px 0 0; color: #767777; font-size: 12px; text-align: center; }
.nx-foot p a { text-decoration: underline; }

/* 联系页 */
.c-stage { position: relative; max-width: 1240px; margin: 0 auto; padding: 60px 24px 0; text-align: center; min-height: 640px; }
.c-stage .hand { margin: 0 0 8px; }
.c-stage h1 { margin: 0 auto 18px; transform: rotate(-2.5deg); }
.c-note { position: relative; z-index: 2; width: min(380px, 100%); margin: 0 auto; padding: 18px 18px 54px; background: var(--cream); text-align: left; box-shadow: 0 14px 30px rgba(0, 0, 0, .12); display: grid; gap: 10px; }
.c-note h3 { margin: 0; font: 500 13px var(--font); text-transform: uppercase; }
.c-note label { display: grid; gap: 4px; color: #454747; font-size: 12px; }
.c-note input, .c-note textarea { background: rgba(255, 255, 255, .55); width: 100%; padding: 8px 10px; }
.c-note textarea { min-height: 120px; resize: vertical; }
.c-note button.go { position: absolute; left: 18px; bottom: -14px; box-shadow: none; }
.c-note .hp { position: absolute; left: -9999px; }
#msg { min-height: 20px; font-size: 12px; } #msg.err { color: var(--pk); } #msg.ok { color: #0d7a4f; }
.polaroid { position: absolute; z-index: 1; width: 260px; padding: 12px 12px 56px; background: #fff; box-shadow: 0 16px 36px rgba(0, 0, 0, .2); transition: transform .3s; }
.polaroid img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.polaroid span { position: absolute; left: 0; right: 0; bottom: 14px; font: 400 24px var(--hw); text-align: center; }
.polaroid.l { left: 4%; top: 150px; transform: rotate(-12deg); } .polaroid.r { right: 4%; top: 120px; transform: rotate(14deg); }
.polaroid:hover { transform: rotate(0) scale(1.04); z-index: 3; }
.c-avail { margin: 70px auto 0; font: 400 34px var(--hw); transform: rotate(-2deg); display: inline-flex; align-items: center; gap: 12px; }

@media (max-width: 1050px) { .pg .feed, .pg ul.feed.panel { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pg .stats { grid-template-columns: repeat(3, 1fr); } .polaroid { width: 200px; } }
@media (max-width: 700px) {
  .pg { padding: 36px 16px 24px; } .pg h1 { padding: 6px 18px 10px; }
  .pg .feed, .pg ul.feed.panel { grid-template-columns: 1fr; } .pg .stats { grid-template-columns: repeat(2, 1fr); }
  .pg .ch-head { flex-direction: column; align-items: center; } .avatar.big { width: 130px; height: 130px; }
  .nx-nav .links a { padding: 0 12px; } .nx-nav .links a span { display: none; } .nx-nav .links a.on span { display: inline; }
  .nx-contact span { display: none; } .nx-contact { padding: 0 12px; }
  .polaroid { display: none; } .nx-foot .card { height: 220px; } .nx-foot .blob { left: 10px; top: -60px; transform-origin: top left; scale: .7; }
  .pg .blk.panel { padding: 26px 14px 18px; box-shadow: 4px 4px 0 #111; }
}
@media (prefers-reduced-motion: reduce) { .nx-foot .blob { animation: none; } }
.pg .tabs .chip, .pg .tabs button { padding: 0 14px !important; line-height: 26px !important; height: auto; white-space: nowrap; flex: none; border-bottom: 2px solid #111 !important; }
.pg .tabs .chip.on { background: var(--cy); }
body.plain { overflow-x: clip; }
@media (max-width: 700px) {
  .nx-nav { height: 48px; }
  .nx-nav .nav-in { flex-wrap: nowrap; padding: 0; gap: 0; align-items: stretch; }
  .nx-nav .logo { order: 0; flex: none; padding: 0 12px; }
  .nx-nav .links { order: 1; width: auto; flex: 1; margin: 0; padding: 0; }
  .nx-nav .links a { font-size: 12px; padding: 0 12px; }
  .nx-contact { order: 2; margin: 8px 8px 8px 0; }
}

/* 视频缩略图：气泡圆角 + 与首页一致的色调（对比度 .83 / 饱和度 .75 / 亮度 1.06） */
body.plain:not(.home) .vids img, body.plain:not(.home) .feed img.th, .polaroid img { filter: contrast(.83) saturate(.75) brightness(1.06); }
.vids img { border-radius: 28px; border: 2px solid #111; box-shadow: 4px 4px 0 #111; }
.vids a:hover img { box-shadow: 6px 6px 0 var(--cy); }
.pg .feed li, .feed li { border-radius: 28px; overflow: hidden; }
.feed img.th { border-radius: 0; }
.polaroid img { border-radius: 18px; }
@media (max-width: 700px) { .vids img, .pg .feed li, .feed li { border-radius: 22px; } }
.mark2 { display: block; width: 30px; height: 30px; transition: transform .25s; } .logo:hover .mark2 { transform: rotate(-8deg) scale(1.08); }

/* 顶栏搜索框 */
.nx-search { position: relative; display: flex; align-items: center; width: 240px; margin: 8px 10px 8px 0; border: 1px solid #111; background: #fff; transition: box-shadow .15s; flex: none; }
.nx-search:focus-within { box-shadow: 3px 3px 0 var(--cy); }
.nxs-btn { display: flex; align-items: center; border: 0; background: none; padding: 0 8px; cursor: pointer; color: #111; }
.nx-search input#nxq { flex: 1; min-width: 0; border: 0 !important; box-shadow: none !important; outline: 0; background: none; padding: 6px 8px 6px 0; font: 13px var(--font); color: #111; }
.nx-search input#nxq::-webkit-search-cancel-button { display: none; }
.nxs-dd { position: absolute; top: calc(100% + 6px); right: 0; width: 360px; max-height: 60vh; overflow-y: auto; background: #fff; border: 2px solid #111; box-shadow: 5px 5px 0 #111; z-index: 80; }
.nxs-dd[hidden] { display: none; }
.nxs-dd a { display: flex; align-items: center; gap: 10px; padding: 8px 12px; color: #111; border-bottom: 1px dashed var(--hair); }
.nxs-dd a:last-child { border-bottom: 0; }
.nxs-dd a:hover, .nxs-dd a.cur { background: var(--sky); }
.nxs-dd img { width: 30px; height: 30px; object-fit: cover; border: 1px solid #111; flex: none; background: var(--fill); }
.nxs-dd .n { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.nxs-dd small { color: #767777; font-size: 11px; flex: none; }
.nxs-dd .none { padding: 14px; color: #767777; font-size: 12px; }
@media (max-width: 1000px) { .nx-search { width: 170px; } }
@media (max-width: 700px) {
  .nx-search { width: 38px; margin: 8px 6px 8px 0; }
  .nx-search input#nxq { display: none; }
  .nx-search.open { position: fixed; left: 0; right: 0; top: 48px; width: auto; margin: 0; z-index: 90; border: 2px solid #111; box-shadow: 0 6px 0 var(--cy); }
  .nx-search.open input#nxq { display: block; padding: 12px 8px 12px 0; }
  .nxs-dd { width: auto; left: -2px; right: -2px; }
}