/* 类人审判所 · 视觉改版。保留原组件行为，只重排视觉层级。 */
:root {
  --bg: #111316;
  --bg2: #1b1e23;
  --surface: #1d2025;
  --card: #1c1f24;
  --text: #f3eee6;
  --muted: #aba59d;
  --line: rgba(243, 238, 230, .17);
  --accent: #e9a18c;
  --paper: #eae1d4;
  --ink: #1b2024;
  --radius: 16px;
  --pad: 20px;
}

html { background: var(--bg); scroll-behavior: smooth; }
body {
  color: var(--text);
  background: radial-gradient(80% 420px at 50% 0, rgba(175, 111, 94, .09), transparent 78%), var(--bg);
  background-attachment: scroll;
  line-height: 1.68;
}
::selection { background: #e9a18c; color: #1b2024; }
:focus-visible { outline: 2px solid #f2b69b; outline-offset: 3px; }
.wrap { max-width: 620px; padding-bottom: 72px; }
.brand {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; min-height: 80px; padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.brand-mark { display: inline-flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 800; letter-spacing: .075em; white-space: nowrap; }
.brand-mark::before { display: none; }
.brand-seal { display: grid; place-items: center; width: 36px; height: 36px; color: var(--ink); background: var(--accent); border-radius: 4px; font: 800 12px/1 Arial, sans-serif; letter-spacing: -.08em; }
.brand-sub { max-width: 46%; color: #b6afa6; text-align: right; font-size: 11px; letter-spacing: .08em; line-height: 1.4; }
.disclaimer { color: #a7a199; border-color: var(--line); }

/* 目录：首页像一期有封面的刊物，五局各有清楚的入口。 */
.home-layout { max-width: 1080px; }
.home-cover {
  position: relative; isolation: isolate; overflow: hidden;
  margin: 24px 0 46px; min-height: 400px; padding: 26px 26px 24px;
  display: flex; flex-direction: column; align-items: flex-start;
  color: var(--ink); background: var(--paper);
  border: 1px solid #d4c7b9; border-radius: 3px;
}
.home-cover::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .35; background: repeating-linear-gradient(0deg, transparent 0 31px, rgba(36, 40, 44, .045) 31px 32px); pointer-events: none; }
.home-cover-meta, .home-cover-link, .bureau-card-top, .bureau-card-foot, .section-cover-meta, .section-cover-foot, .awake-hero-top, .awake-hero-bottom {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
}
.home-cover-meta { align-self: stretch; padding-bottom: 12px; border-bottom: 1px solid rgba(27,32,36,.26); color: #4d514f; font: 700 10px/1.3 Arial, sans-serif; letter-spacing: .16em; }
.home-cover-orbit { position: absolute; z-index: -1; right: -68px; top: 46px; width: 250px; height: 250px; opacity: .6; }
.home-cover-orbit i { position: absolute; inset: 0; display: block; border: 1px solid #bbab9c; border-radius: 50%; transform: rotate(-28deg) scaleY(.52); }
.home-cover-orbit i + i { transform: rotate(52deg) scaleY(.52); }
.home-cover-orbit b { position: absolute; top: 81px; left: 101px; color: #ca7e69; font: 500 64px/1 Georgia, serif; }
.home-eyebrow { margin: 56px 0 13px; color: #76685d; font-size: 12px; font-weight: 700; letter-spacing: .15em; }
.home-cover h1 { position: relative; z-index: 1; margin: 0; font-size: clamp(34px, 7vw, 62px); line-height: 1.18; font-weight: 830; letter-spacing: -.055em; }
.home-cover h1 em { color: #a85748; font-style: normal; }
.home-deck { position: relative; z-index: 1; max-width: 28em; margin: 18px 0 30px; color: #444643; font-size: 15px; }
.home-cover-link { position: relative; z-index: 1; align-self: stretch; margin-top: auto; padding: 14px 0 0; border-top: 1px solid rgba(27,32,36,.28); font-size: 14px; font-weight: 750; }
.home-cover-link span { font-size: 22px; line-height: 1; }
.home-index-head { margin-bottom: 19px; }
.home-index-head > span, .section-list-head > span { color: var(--accent); font: 700 11px/1.4 Arial, sans-serif; letter-spacing: .17em; }
.home-index-head h2, .section-list-head h2 { margin: 7px 0 2px; font-size: 27px; line-height: 1.3; letter-spacing: -.035em; }
.home-index-head p { margin: 0; color: var(--muted); font-size: 14px; }
.bureau-list { display: grid; gap: 10px; }
.bureau-card {
  position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column;
  min-height: 205px; padding: 20px 21px 17px; color: var(--text); background: #1d2024;
  border: 1px solid rgba(243,238,230,.22); border-radius: 3px;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.bureau-card::after { content: ''; position: absolute; z-index: -1; width: 135px; height: 135px; right: -28px; top: 32px; border: 1px solid var(--bureau-accent, #bfa695); border-radius: 50%; opacity: .3; }
.bureau-card:hover, .bureau-card:focus-visible { transform: translateY(-3px); border-color: var(--bureau-accent, var(--accent)); }
.bureau-persona { --bureau-accent: #c9b399; }
.bureau-awake { --bureau-accent: #1d2024; color: #25232a; background: #e6afa7; border-color: #e6afa7; }
.bureau-love { --bureau-accent: #dc9cae; }
.bureau-zodiac { --bureau-accent: #d4bf83; }
.bureau-boundary { --bureau-accent: #a4a6d8; }
.bureau-card-top { color: var(--bureau-accent, var(--accent)); font: 700 10px/1.4 Arial, sans-serif; letter-spacing: .18em; }
.bureau-awake .bureau-card-top { color: #654843; }
.bureau-arrow { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid currentColor; border-radius: 50%; font: 18px/1 Arial, sans-serif; letter-spacing: 0; }
.bureau-card h3 { margin: 24px 0 5px; font-size: 25px; line-height: 1.3; letter-spacing: -.035em; }
.bureau-card p { max-width: 28em; margin: 0 0 22px; color: #bcb6ad; font-size: 14px; line-height: 1.6; }
.bureau-zodiac-preview { display: flex; gap: 8px; margin: -5px 0 18px; }
.bureau-zodiac-preview img { display: block; width: 54px; height: 54px; border: 1px solid rgba(243,238,230,.22); border-radius: 5px; }
.bureau-awake p { color: #554842; }
.bureau-card-foot { margin-top: auto; padding-top: 12px; border-top: 1px solid rgba(243,238,230,.18); color: #9e9a93; font-size: 11px; }
.bureau-card-foot span:last-child { color: var(--text); font-weight: 750; }
.bureau-awake .bureau-card-foot { border-color: rgba(37,35,42,.23); color: #624d48; }
.bureau-awake .bureau-card-foot span:last-child { color: #25232a; }

/* 各局目录：卷宗封面 + 简洁的测试索引。 */
.section-page, .zodiac-home { max-width: 760px; }
.section-cover {
  --section-accent: #ceb598;
  position: relative; isolation: isolate; overflow: hidden; min-height: 295px;
  margin: 22px 0 22px; padding: 24px 25px 19px;
  background: #1b1e22; border: 1px solid rgba(243,238,230,.24); border-radius: 3px;
}
.section-love .section-cover { --section-accent: #dca5ae; }
.section-boundary .section-cover { --section-accent: #b5afe2; }
.section-cover::after { content: ''; position: absolute; width: 200px; height: 200px; top: 65px; right: -66px; z-index: -1; border: 1px solid var(--section-accent); border-radius: 50%; opacity: .36; }
.section-cover-meta { color: var(--section-accent); padding-bottom: 14px; border-bottom: 1px solid var(--line); font: 700 10px/1.3 Arial, sans-serif; letter-spacing: .15em; }
.section-cover-index { position: absolute; right: 16px; top: 41px; color: rgba(243,238,230,.045); font: 800 170px/1 Arial, sans-serif; letter-spacing: -.1em; pointer-events: none; }
.section-cover-kicker { margin: 48px 0 6px; color: var(--section-accent); font-size: 12px; letter-spacing: .12em; }
.section-cover h1 { position: relative; margin: 0 0 12px; font-size: clamp(35px, 7vw, 55px); line-height: 1.2; letter-spacing: -.05em; }
.section-cover-blurb { position: relative; max-width: 30em; margin: 0 0 26px; color: #c8c1b7; font-size: 14px; }
.section-cover-foot { position: relative; padding-top: 12px; border-top: 1px solid var(--line); color: #9f998f; font-size: 11px; }
.section-cover-foot span:last-child { color: var(--section-accent); }
.section-about { margin: 4px 0 18px; color: var(--muted); font-size: 13px; }
.section-about summary { cursor: pointer; color: #d8c5af; }
.section-about p { margin: 10px 0 0; }
.section-depth { padding: 19px 20px; margin: 22px 0 8px; color: var(--ink); background: var(--paper); border-radius: 3px; }
.section-depth-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 11px; }
.section-depth-top span { color: #86644f; font: 700 10px Arial, sans-serif; letter-spacing: .12em; }
.section-depth-top strong { font-size: 14px; }
.section-depth .depth-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin: 18px 0 12px; }
.section-depth .depth-links a { display: flex; flex-direction: column; gap: 4px; padding: 11px 10px; color: var(--ink); background: #f8f2e9; border: 1px solid rgba(27,32,36,.3); border-radius: 2px; font-size: 15px; font-weight: 750; }
.section-depth .depth-links small { color: #6e665f; font-size: 10px; font-weight: 500; white-space: nowrap; }
.section-depth .hint { margin: 0; color: #5c5a55; font-size: 12px; }
.section-list-head { margin: 31px 0 15px; }
.section-test-list { border-top: 1px solid var(--line); }
.section-test-card { display: grid; grid-template-columns: 28px minmax(0,1fr) 22px; gap: 11px; align-items: start; min-height: 138px; margin: 0; padding: 21px 0 18px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; }
.section-test-card:active { background: none; transform: none; }
.section-test-num { color: var(--accent); font: 700 10px/1.8 Arial, sans-serif; }
.section-test-main h3 { margin: 0 0 7px; font-size: 20px; line-height: 1.38; letter-spacing: -.035em; }
.section-test-main .sub { margin: 0 0 12px; color: #aba59d; font-size: 13px; line-height: 1.6; }
.section-test-main .meta { align-items: center; flex-wrap: wrap; gap: 6px 12px; color: #a49e97; font-size: 11px; }
.section-test-main .tag { padding: 1px 7px; border-color: rgba(243,238,230,.19); color: #a49e97; font-size: 10px; }
.section-test-arrow { color: var(--accent); font-size: 19px; line-height: 1.2; }
.section-test-card:hover h3 { color: #f2b69b; }
.back-link { color: #d9b9a6; font-weight: 600; }

/* 自醒：有冲突感，但避免粉色大渐变和过度装饰。 */
.awake-board { --awake: #e9aab0; }
.awake-hero { display: flex; flex-direction: column; align-items: flex-start; min-height: 465px; margin: 22px 0 29px; padding: 24px 25px 19px; border: 1px solid #855c63; border-radius: 3px; background: #392d37; }
.awake-hero::after { content: '02'; right: -11px; bottom: 51px; font: 800 155px/1 Arial,sans-serif; color: #f0afae; opacity: .07; }
.awake-hero-top { align-self: stretch; padding-bottom: 14px; border-bottom: 1px solid rgba(249,219,213,.26); color: #eab7b2; font: 700 10px/1.3 Arial,sans-serif; letter-spacing: .14em; }
.awake-kicker { color: #efb4b2; font-size: 12px; letter-spacing: .12em; }
.awake-hero .awake-kicker { margin: 45px 0 3px; }
.awake-hero h1 { margin: 8px 0 13px; font-size: clamp(34px, 7.6vw, 52px); line-height: 1.18; letter-spacing: -.05em; }
.awake-hero h1 em { color: #f0b4b1; }
.awake-hero p { max-width: 28em; margin: 0 0 20px; color: #e4d4d1; font-size: 14px; line-height: 1.65; }
.awake-primary { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: auto 0 22px; padding: 15px 17px; color: #2f2429!important; background: #f0b8b1; border-radius: 2px; font-size: 15px; text-align: left; }
.awake-primary span { font-size: 19px; }
.awake-hero-bottom { align-self: stretch; padding-top: 12px; border-top: 1px solid rgba(249,219,213,.26); color: #d7b6b3; font-size: 11px; }
.awake-topic-grid { display: block; margin: 0 0 22px; border-top: 1px solid var(--line); }
.awake-topic { position: relative; display: block; padding: 22px 31px 21px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; }
.awake-topic:hover, .awake-topic:focus-visible { transform: none; border-color: var(--line); }
.awake-topic:hover h2 { color: #f0b8b1; }
.awake-topic-num { color: #dba9ad; font: 700 11px/1.4 Arial,sans-serif; letter-spacing: .1em; }
.awake-topic h2 { margin: 9px 0 6px; font-size: 21px; line-height: 1.38; letter-spacing: -.035em; }
.awake-topic p { margin: 0 0 11px; color: #aba39f; font-size: 13px; line-height: 1.6; }
.awake-topic-go { margin: 0; color: #edb0af; font-size: 12px; }
.awake-topic-go span { margin-left: 4px; }
.awake-footer-note { margin-top: 25px; }

/* 答题、结果、报告：更强的阅读节奏和触控层级。 */
.cover { padding: 32px 0 10px; }
.cover-cat { color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: .16em; }
.cover-title { max-width: 14em; margin-bottom: 14px; font-size: clamp(31px, 7vw, 43px); line-height: 1.25; letter-spacing: -.04em; }
.cover-sub { color: #c3bcb3; line-height: 1.7; }
.cover-meta { color: #b6afa6; padding: 18px 0; margin-bottom: 24px; border-top: 1px solid var(--line); }
.cover-note { color: #aba59d; }
.quiz-top { padding: 13px 0 12px; background: linear-gradient(180deg, #111316 80%, transparent); }
.bar { height: 4px; background: #343338; }
.bar span { background: #e8a28a; box-shadow: none; }
.counter { color: #b9afa7; font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.q-scene { margin-top: 33px; padding: 0; border: 0; color: #b7aea6; font-size: 14px; }
.q-scene::before { content: 'SCENE / '; color: var(--accent); font: 700 10px Arial,sans-serif; letter-spacing: .15em; }
.q-prompt { margin: 9px 0 25px; font-size: clamp(23px, 5.8vw, 29px); line-height: 1.42; letter-spacing: -.025em; }
.opts { gap: 9px; }
.opt { align-items: center; gap: 13px; padding: 16px 15px; min-height: 64px; border: 1px solid rgba(243,238,230,.22); border-radius: 3px; background: #1c1f24; font-size: 15px; }
.opt .k { display: grid; place-items: center; width: 30px; height: 30px; margin: 0; flex: 0 0 30px; border: 1px solid rgba(243,238,230,.3); border-radius: 2px; color: #d8cfc4; font: 700 12px/1 Arial,sans-serif; }
.opt.on { border-color: #e5a58e; background: #392d2b; }
.opt.on .k { color: #252323; background: #e5a58e; border-color: #e5a58e; }
.btn { border-radius: 3px; color: #202024; background: #e9a18c; font-size: 15px; font-weight: 800; letter-spacing: .02em; }
.btn.ghost { color: #ece1d5; background: #202329; border-color: rgba(243,238,230,.28); }
.btn:focus-visible, .opt:focus-visible { outline-offset: 2px; }
.block { border-color: var(--line); }
.block-label { color: #dbb49f; font: 750 11px/1.5 Arial,sans-serif; letter-spacing: .16em; }
.verdict-card, .awake-result-head { margin-top: 22px; padding: 25px 22px 28px; color: var(--ink); background: var(--paper); border: 1px solid #d4c7b9; border-radius: 3px; }
.compact-result .verdict-card { padding-top: 17px; }
.verdict-card .block-label, .awake-result-head .awake-kicker { color: #885d4e; }
.verdict-card .type-name, .awake-result-head h1 { color: var(--ink); font-size: 35px; letter-spacing: -.045em; }
.verdict-card .verdict-line, .awake-result-head p { color: #4c4b46; font-size: 16px; }
.verdict-card .hint { color: #67645e; }
.verdict-card .trait, .awake-result-head .trait { color: #4a4843; border-color: rgba(27,32,36,.25); background: rgba(255,255,255,.2); }
.character-portrait, .awake-character { margin-top: 11px; }
.compact-risk { margin-top: 23px; }
.compact-risk p { color: #d7cec3; }
.compact-fold { border-color: var(--line); }
.compact-fold summary { color: var(--text); }
.awake-stand-panel { padding: 23px 19px; border: 1px solid rgba(243,238,230,.27); border-radius: 3px; background: #1f2227; }
.awake-stand-panel h2 { font-size: 22px; }
.awake-prompt { color: #efb9ae; }
.awake-answer { grid-template-columns: 24px minmax(0,1fr) auto; background: #24262c; border-color: rgba(243,238,230,.24); border-radius: 3px; }
.awake-answer.selected { background: #473037; border-color: #e7a8a2; }
.awake-report-preview { border-radius: 3px 3px 0 0; background: #322832; }
.awake-report-preview + .paywall { border-radius: 0 0 3px 3px; }
.paywall, .pay-card { border-radius: 3px; border-color: rgba(233,161,140,.44); background: #242226; }
.pay-warn { color: #f0e0d7; border-color: rgba(233,161,140,.5); background: rgba(233,161,140,.13); }
.card-tab { color: #c9bfb5; border-color: rgba(243,238,230,.25); border-radius: 2px; }
.card-tab.on { color: #211e20; border-color: #e9a18c; background: #e9a18c; }
#shareImg { border-radius: 3px; border: 1px solid var(--line); }
.report-head { padding: 20px 0 25px; }
.report-label { font-size: 20px; letter-spacing: -.02em; }
.report-lead { font-size: 17px; border-color: var(--accent); }
.body-p, .report-list li { color: #ddd6cd; }
.report-section { border-color: var(--line); }
.report-num, .action-when { color: var(--accent); }
.quote-card, .hidden-q { border-radius: 3px; }
.quote-card { border-style: solid; border-color: rgba(233,161,140,.36); background: #282126; }

/* 星座使用同一套卷宗语言，保留人物和两列操作。 */
.zodiac-cover { --section-accent: #d7c082; }
.zodiac-cover .section-cover-kicker { margin-top: 45px; }
.zodiac-cover h1 { max-width: 100%; text-wrap: balance; }
.zodiac-grid-head { margin: 28px 0 14px; color: #d7c082; font: 700 11px Arial,sans-serif; letter-spacing: .16em; }
.z-grid { gap: 9px; }
.z-sign { padding: 13px 14px 15px; border: 1px solid rgba(243,238,230,.22); border-radius: 3px; background: #1d2225; }
.z-sign:hover, .z-sign:focus-visible { border-color: #d7c082; transform: translateY(-2px); }
.z-sign.on { border-color: #d7c082; background: #33312c; }
.z-sign-character { width: 82px; height: 82px; margin: 2px 0 9px; }
.z-name { font-size: 17px; letter-spacing: -.02em; }
.z-date { color: #aea79b; }
.z-note { color: var(--muted); }

/* V4.5：同一套 16 位角色在五局共用，颜色只表达四个故事组。 */
.mbti-atlas { margin: 28px 0 34px; border-top: 1px solid var(--line); }
.mbti-atlas-head { padding: 20px 0 14px; }
.mbti-atlas-head span { color: #e5a990; font: 800 10px/1.3 Arial,sans-serif; letter-spacing: .18em; }
.mbti-atlas-head h2 { margin: 7px 0; font-size: 26px; line-height: 1.2; letter-spacing: -.04em; }
.mbti-atlas-head p { margin: 0; color: #b9b2a9; font-size: 12px; line-height: 1.6; }
.mbti-groups { display: grid; gap: 14px; }
.mbti-group { --mbti: #8bdc7d; padding: 12px; border: 1px solid #526351; border-color: color-mix(in srgb,var(--mbti) 55%,#333); border-radius: 3px; background: #202a23; background: color-mix(in srgb,var(--mbti) 11%,#171a1f); }
.mbti-green { --mbti:#8bdc7d; }
.mbti-purple { --mbti:#ae8be5; }
.mbti-blue { --mbti:#79c7d9; }
.mbti-yellow { --mbti:#efd66c; }
.mbti-group-head { display: flex; align-items: baseline; gap: 10px; padding: 3px 3px 11px; color: var(--mbti); }
.mbti-group-head strong { font-size: 17px; }
.mbti-group-head span { font-size: 11px; opacity: .86; }
.mbti-roster { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.mbti-mini { min-width: 0; padding: 9px; border: 1px solid #42484b; border-color: color-mix(in srgb,var(--mbti) 34%,#31343a); border-radius: 3px; background: #1b1e22; }
.mbti-mini img { display: block; width: 69px; height: 69px; margin: 0 0 6px; border-radius: 3px; }
.mbti-mini b { display: block; color: var(--mbti); font: 850 12px/1.3 Arial,sans-serif; letter-spacing: .05em; }
.mbti-mini strong { display: block; margin: 2px 0 4px; font-size: 13px; line-height: 1.3; }
.mbti-mini small { display: block; color: #aba79f; font-size: 10px; line-height: 1.45; }
.mbti-result-badge { --mbti:#8bdc7d; display: flex; align-items: baseline; gap: 7px; width: max-content; max-width: 100%; margin: 0 auto 7px; padding: 5px 9px; color: #21252a; background: var(--mbti); border: 1px solid #21252a; border-radius: 2px; }
.mbti-result-badge.mbti-green { --mbti:#8bdc7d; }
.mbti-result-badge.mbti-purple { --mbti:#ae8be5; }
.mbti-result-badge.mbti-blue { --mbti:#79c7d9; }
.mbti-result-badge.mbti-yellow { --mbti:#efd66c; }
.mbti-result-badge span { font: 900 17px/1 Arial,sans-serif; letter-spacing: .05em; }
.mbti-result-badge b { font-size: 12px; }
.mbti-result-badge small { font-size: 9px; opacity: .7; }
.report-head .mbti-result-badge { margin-left: 0; }

@media (min-width: 700px) {
  .mbti-groups { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mbti-mini { display: flex; gap: 10px; align-items: center; }
  .mbti-mini img { flex: 0 0 72px; margin: 0; }
  .home-cover { min-height: 450px; padding: 30px 36px; }
  .home-eyebrow { margin-top: 75px; }
  .home-cover-orbit { right: 55px; top: 82px; width: 300px; height: 300px; }
  .home-cover-orbit b { top: 105px; left: 124px; }
  .bureau-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bureau-card { min-height: 225px; padding: 23px 25px 19px; }
  .bureau-awake { grid-row: span 2; min-height: 460px; }
  .bureau-awake h3 { margin-top: 95px; font-size: 36px; }
  .awake-topic-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 23px; }
  .z-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 359px) {
  :root { --pad: 16px; }
  .brand-mark { font-size: 15px; }
  .brand-seal { width: 32px; height: 32px; }
  .home-layout .brand-sub { display: none; }
  .home-cover { min-height: 370px; padding: 20px; }
  .home-cover h1 { font-size: 32px; }
  .home-cover-orbit { right: -98px; opacity: .24; }
  .home-cover-orbit b { display: none; }
  .awake-hero h1 { font-size: 31px; }
  .section-depth .depth-links a { padding: 9px 7px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto!important; transition-duration: .01ms!important; animation-duration: .01ms!important; }
}