/* page-index.css · index 页专属 · 生成于 2026-10-20 · 由 style.css 按页拆分（全站批次 css2） */
#loginView {min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px
}
.login-wrap {width:920px;max-width:100%;display:grid;grid-template-columns:1.05fr 1fr;border-radius:var(--r-m);overflow:hidden;box-shadow:var(--sh3);border:1px solid var(--line)
}
.login-hero {background:linear-gradient(155deg,#0a3444 0%,#0f5a6e 100%);color:#dff3f8;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;position:relative
}
.login-hero h1 {margin:16px 0 8px;font-size:23px;letter-spacing:.5px;color:#fff;line-height:1.45
}
.login-hero p {margin:0;font-size:13px;color:#a8dce7;line-height:1.9
}
.hero-feats {margin-top:22px;display:flex;flex-direction:column;gap:11px;font-size:13px;color:#cfeaf1;line-height:1.75
}
.hero-feats>span {display:flex;align-items:flex-start;gap:10px
}
.hero-feats .ft {flex:1;min-width:0
}
.hero-feats .ft b {margin-right:2px
}
.hero-feats i {width:18px;height:18px;border-radius:50%;background:rgba(103,232,249,.14);border:1px solid rgba(103,232,249,.4);flex:none;position:relative;margin-top:2px
}
.hero-feats i::after {content:"";position:absolute;inset:5px;border-radius:50%;background:#67e8f9
}
.ecg {width:100%;height:44px;display:block;margin-top:26px
}
.ecg polyline {fill:none;stroke:#22d3ee;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600;animation:ecgmove 3.2s linear infinite
}
@media (prefers-reduced-motion:reduce) {
.ecg polyline {animation:none;stroke-dashoffset:0
}
}
.hero-duck {position:absolute;right:4px;bottom:0;height:min(330px,60%);max-width:46%;object-fit:contain;object-position:bottom center;pointer-events:none;user-select:none;filter:drop-shadow(0 12px 26px rgba(4,26,34,.38));z-index:0
}
.login-hero p,.hero-feats>span {max-width:calc(100% - 140px)
}
.hero-sample {margin-top:18px;max-width:calc(100% - 150px)
}
.login-actions {margin-top:20px;display:flex
}
.login-card-head {display:flex;align-items:center;gap:13px;margin-bottom:2px
}
.card-avatar {width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #dceef3;box-shadow:0 0 0 3px #f0f8fa;background:#fff
}
.slogan-line {text-align:center;color:var(--mut);font-size:12px;letter-spacing:2px;margin-top:14px
}
.slogan-line::before,.slogan-line::after {content:"·";color:#b9cfd9;margin:0 10px
}
.pro-line {margin-top:16px;padding-top:13px;border-top:1px solid var(--line-2);display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2)
}
.pro-line img {width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--line);background:#fff
}
.pro-line b {color:var(--cy-dd)
}
.pro-follow {margin-left:auto;font-size:12px;color:var(--cy);border:1px solid #cfe5ec;padding:2px 10px;border-radius:999px;text-decoration:none;background:#f4fafc;white-space:nowrap
}
.pro-follow:hover {background:#e6f4f8;border-color:var(--cy)
}
.about-card {margin-top:14px;background:linear-gradient(135deg,#f1fafd,#ffffff);border:1px solid var(--line);border-radius:var(--r-m);padding:20px 22px;display:flex;gap:22px;align-items:center;flex-wrap:wrap
}
.about-card .ab-imgs {display:flex;gap:10px;flex:none
}
.about-card .ab-imgs img {height:200px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(15,44,56,.18))
}
.about-card h3 {margin:0 0 8px;font-size:16px;color:var(--cy-dd);letter-spacing:.3px
}
.about-card .ab-text {flex:1;min-width:240px
}
.about-card p {margin:0 0 7px;color:var(--ink-2);line-height:1.85;font-size:13.5px
}
.about-card .sign {margin-top:8px;color:var(--mut);font-size:12.5px;font-style:normal
}
@media (max-width:640px) {
.about-card .ab-imgs img {height:150px
}
}
.login-card {background:var(--card);padding:36px 34px
}
.brand {font-size:19px;font-weight:700;color:var(--cy-dd);display:flex;align-items:center;gap:10px;letter-spacing:.5px
}
.brand-sub {color:var(--mut);font-size:12px;margin:6px 0 20px;letter-spacing:.8px
}
#appView {display:none;min-height:100vh
}
.topbar {background:#fff;border-bottom:1px solid var(--line);padding:12px 22px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:sticky;top:0;z-index:20;box-shadow:var(--sh1)
}
.topbar .brand {font-size:16px;margin:0;color:var(--cy-dd)
}
.topbar .brand-sub {margin:0;color:var(--mut);font-size:11px;letter-spacing:.8px
}
.userbox {margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2)
}
.tabs {display:flex;gap:2px;overflow-x:auto;width:100%;margin-top:4px
}
.tab {padding:10px 14px;cursor:pointer;color:var(--mut);white-space:nowrap;font-size:13.5px;border-bottom:2px solid transparent;letter-spacing:.4px;border-radius:6px 6px 0 0;transition:color .15s,background .15s
}
.tab:hover {color:var(--cy-d);background:var(--surface)
}
#main {max-width:920px;margin:0 auto;padding:24px 20px 64px
}
#quizArea {scroll-margin-top:108px
}
@media (max-width:640px) {
.login-wrap {grid-template-columns:1fr
}
#loginView {padding:0;align-items:flex-start
}
.login-wrap {width:100%;border-radius:0;border-left:0;border-right:0
}
.login-hero {padding:14px 18px 6px
}
.login-hero .ecg {height:26px;margin-top:2px
}
.login-hero h1 {margin:8px 0 6px;font-size:20px;line-height:1.35
}
.login-hero p {margin:0;font-size:11.5px;line-height:1.6
}
.hero-feats {margin-top:10px;gap:0;font-size:11.5px;line-height:1.5
}
.hero-feats>span+span {margin-top:6px
}
.hero-feats>span {display:flex;align-items:flex-start;gap:8px
}
.hero-feats i {width:14px;height:14px;margin-top:1px
}
.hero-feats i::after {inset:4px
}
.hero-sample {margin-top:10px;max-width:100%
}
.hero-duck {position:static;width:200px;max-width:200px;height:118px;max-height:118px;object-fit:contain;object-position:center bottom;align-self:center;margin:4px auto -2px;filter:none;z-index:1
}
.login-hero p,.hero-feats>span {max-width:100%
}
.login-card {padding:20px 16px 22px
}
.login-card-head {gap:10px
}
.login-card .card-avatar {width:48px;height:48px
}
.login-card .brand {font-size:17px
}
.login-card .brand-sub {margin:4px 0 14px;font-size:11px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.login-card label {margin:12px 0 6px
}
.login-card input {height:46px;min-height:46px;padding:0 12px;font-size:16px;line-height:normal
}
.login-actions {margin-top:16px;display:flex
}
.login-card .slogan-line {margin-top:12px;font-size:11.5px;letter-spacing:1.5px
}
.pro-line {flex-wrap:wrap;margin-top:14px;padding-top:11px;font-size:13px;line-height:1.6;row-gap:8px
}
.pro-line span {white-space:nowrap;flex:1 1 auto;min-width:0
}
.pro-line .pro-follow {flex:1 1 100%;width:100%;margin-left:0;font-size:14px;padding:0 16px;height:44px;display:flex;align-items:center;justify-content:flex-start;border-radius:8px;border-color:#cfe5ec
}
.pro-line .pro-follow::after {content:" →"
}
table.tagTbl th:first-child,table.tagTbl td:first-child {min-width:80px;white-space:nowrap
}
table.tagTbl td:first-child {font-size:12.5px
}
#main {padding:16px 12px 60px
}
.topbar {padding:8px 12px 0
}
.modal {padding:16px
}
.opt:hover {transform:none
}
}
.stat-label {font-size:12px;color:var(--mut);letter-spacing:.5px
}
.tag {display:inline-block;padding:2px 9px;border-radius:5px;font-size:11px;font-weight:500;background:#eef6f8;color:var(--cy-dd);margin:1px 2px;border:1px solid #dbe9ee;letter-spacing:.2px
}
.ana-sec {margin-bottom:12px;padding-left:11px;border-left:3px solid #b6dbe6
}
.ana-sec .ana-h {font-size:12.5px;font-weight:500;margin-bottom:4px
}
.ana-sec.s1 {border-left-color:var(--cy)
}
.ana-sec.s1 .ana-h {color:var(--cy-dd)
}
.ana-sec.s2 {border-left-color:#d97706
}
.ana-sec.s2 .ana-h {color:#b45309
}
.ana-sec.s3 {border-left-color:#0d9488
}
.ana-sec.s3 .ana-h {color:#0f766e
}
.ana-sec.s4 {border-left-color:#cbd5e1
}
.ana-sec.s4 .ana-h {color:var(--mut)
}
.ana-sec .ana-t {font-size:13px;line-height:1.75;color:#374151
}
.kw {color:var(--cy-dd);cursor:pointer;border-bottom:1px dashed var(--cy);font-weight:500
}
.kw:hover {background:#e3f3f9;border-radius:3px
}
.kwbar {margin-top:12px;padding-top:10px;border-top:1px dashed #e2e8f0;display:flex;gap:8px;flex-wrap:wrap;align-items:center
}
.kwbar:before {content:"本题考点：";font-size:12px;color:var(--mut)
}
.plan-row {display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eef4f7;flex-wrap:wrap
}
.plan-row:last-child {border-bottom:0
}
.plan-ic {width:34px;height:34px;border-radius:9px;background:#e3f3f9;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0
}
.plan-main {flex:1;min-width:150px
}
.plan-t {font-size:14px;font-weight:500
}
.plan-d {font-size:12px;color:var(--mut);margin-top:2px
}
.plan-done {opacity:.55
}
.plan-done .plan-t {text-decoration:line-through
}
.tag.tagbtn {cursor:pointer;transition:all .15s
}
.tag.tagbtn:hover {background:var(--cy);color:#fff;border-color:var(--cy)
}
.tagrow {display:flex;gap:10px;align-items:flex-start;padding:9px 2px;border-bottom:1px solid #eef4f7;cursor:pointer
}
.tagrow:hover {background:#f6fbfd
}
.tagrow .tr-stem {flex:1;min-width:0;font-size:13px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.tag.g {background:var(--okbg);color:var(--ok);border-color:#c6e4d8
}
.tag.y {background:var(--warnbg);color:var(--warn);border-color:#f0dcb8
}
.tag.r {background:var(--badbg);color:var(--bad);border-color:#f3cccc
}
.badge {display:inline-block;padding:3px 10px;border-radius:5px;font-size:12px;font-weight:500;border:1px solid
}
.badge.g {color:var(--ok);background:var(--okbg);border-color:#c6e4d8
}
.badge.y {color:var(--warn);background:var(--warnbg);border-color:#f0dcb8
}
.badge.r {color:var(--bad);background:var(--badbg);border-color:#f3cccc
}
.toolbar {display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center
}
.toolbar input,.toolbar select {width:auto
}
.toolbar .sep {width:1px;height:22px;background:var(--line)
}
.q-meta {display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;align-items:center
}
.q-trans {background:var(--surface);border-left:3px solid var(--cy);padding:9px 13px;color:var(--ink-2);font-size:13px;margin-bottom:14px;border-radius:0 var(--r-s) var(--r-s) 0;line-height:1.75
}
.cj-vig {background:#faf8ff;border-left:4px solid #7c3aed;padding:12px 14px;border-radius:0 var(--r-m) var(--r-m) 0;line-height:1.95;margin-bottom:13px;white-space:pre-wrap;font-size:14.5px
}
.cj-q {font-size:15.5px;font-weight:600;margin-bottom:14px;white-space:pre-wrap;line-height:1.8
}
.cj-badge {background:#7c3aed;color:#fff;border-color:#7c3aed;font-weight:600;margin-left:2px
}
.cj-opt {margin-bottom:12px
}
.cj-expand {display:block;width:100%;margin:10px 0 4px;text-align:center;font-weight:500
}
.cj-ig-prompt {margin:8px 0 6px;color:#7c3aed;font-size:13.5px;font-weight:600
}
.cj-ig-sep {height:0;border-top:1px dashed #c4b5fd;margin:0 0 12px
}
.cj-cog-label {display:inline-block;background:#faf8ff;border:1px solid #c4b5fd;color:#6d28d9;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:600;margin-bottom:14px
}
.opt {display:flex;gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--r-s);margin-bottom:8px;cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s;background:#fff;line-height:1.6
}
.opt:hover {border-color:#8fbccb;background:var(--surface)
}
.opt.wrongpick {border-color:var(--bad);background:var(--badbg);box-shadow:inset 0 0 0 1px var(--bad)
}
.opt.wrongpick::after {content:"✕";color:var(--bad)
}
.opt .letter {font-weight:700;color:var(--mut);flex:none;width:18px
}
.opt.wrongpick .letter {color:var(--bad)
}
.opt .otext {flex:1;text-align:left
}
.verdict {font-size:15.5px;font-weight:700;margin-bottom:12px;letter-spacing:.4px
}
.verdict.no {color:var(--bad)
}
.duck-face {display:block;height:88px;width:auto;border-radius:8px;animation:duckIn .38s ease both
}
.duck-face.lg {filter:drop-shadow(0 6px 16px rgba(15,44,56,.22))
}
.empty-duck {display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0 2px;text-align:center
}
.empty-duck .duck-face {margin:0 auto
}
.feedtip {margin:-4px 0 12px;padding:10px 14px;border-radius:var(--r-s);font-size:13px;line-height:1.75
}
.feedtip.ok-tip {background:var(--okbg);border:1px solid #c6e4d8;color:#0b5d3f
}
.feedtip.no-tip {background:var(--badbg);border:1px solid #f3cccc;color:#8f1d18
}
.recall-box {margin-top:14px;padding:14px;border:1px dashed #a9cfdb;border-radius:var(--r-s);background:var(--surface);text-align:center
}
.favtag {cursor:pointer;background:#fefce8;color:#a16207;border:1px solid #fde68a
}
.chipbar {display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px
}
.chip {display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:12.5px;border:1px solid var(--line);background:#fff;color:var(--cy-dd);cursor:pointer;transition:all .15s;user-select:none;white-space:nowrap
}
.chip:hover {border-color:var(--cy);background:#f2fafc
}
.chip.gold {color:#a16207;border-color:#fde68a;background:#fefce8
}
.chip.gold:hover {background:#fef3c7
}
.chip.fire {color:var(--bad);border-color:#f0c9c9;background:var(--badbg)
}
.chip.fire:hover {background:#fbe4e4
}
.chip .st {color:#d97706;font-size:11px;font-weight:600
}
.favbtn {cursor:pointer;user-select:none
}
.favbtn:hover {filter:brightness(.95)
}
#cardTip {font-size:12px;color:var(--ok);min-height:18px
}
.uic-wrap {position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .16s
}
.uic-mask {position:absolute;inset:0;background:rgba(15,44,56,.45)
}
.uic-panel {position:relative;background:#fff;border-radius:14px;padding:22px 22px 18px;max-width:400px;width:100%;box-shadow:0 22px 60px rgba(4,26,34,.32)
}
.uic-msg {font-size:14.5px;line-height:1.85;color:var(--ink);white-space:normal;word-break:break-word
}
.uic-actions {display:flex;margin-top:18px
}
.uic-pick {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px
}
.rt-open-btn {display:inline-block;background:var(--cy-d);color:#fff;text-decoration:none;
  font-size:13.5px;font-weight:600;padding:7px 15px;border-radius:20px;line-height:1.3;
  transition:.15s;cursor:pointer;white-space:nowrap
}
.rt-open-btn:hover {filter:brightness(1.08);opacity:.95
}
.rt-paywall-mask {position:fixed;inset:0;background:rgba(8,38,48,.55);
  display:none;align-items:center;justify-content:center;z-index:9999;
  font-family:inherit;padding:20px
}
.rt-paywall-card {background:#fff;width:min(88vw,380px);border-radius:16px;
  padding:30px 24px 24px;text-align:center;position:relative;box-shadow:0 12px 40px rgba(4,26,34,.28)
}
.rt-paywall-card .rt-pw-close {position:absolute;top:10px;right:16px;font-size:24px;
  color:#9aa4ae;cursor:pointer;line-height:1;background:none;border:0;padding:0
}
.rt-paywall-card .rt-pw-emoji {font-size:40px;line-height:1;margin-bottom:10px
}
.rt-paywall-card h3 {font-size:20px;color:var(--ink,#10333e);margin:0 0 10px;font-weight:700
}
.rt-paywall-card .rt-pw-note {font-size:13px;color:#5f7d88;line-height:1.75;margin:0 0 18px;text-align:left
}
.rt-paywall-card .rt-pw-acts {display:flex;gap:10px
}
.rt-paywall-card .rt-open-btn {display:block;width:100%;box-sizing:border-box;text-align:center;padding:12px 0;font-size:15px;border-radius:10px
}
.toast {position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(16px);display:flex;align-items:center;gap:8px;background:rgba(8,38,48,.94);color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;box-shadow:0 8px 24px rgba(4,26,34,.32);opacity:0;pointer-events:none;z-index:9999;transition:opacity .25s,transform .25s;max-width:90vw
}
.pm-toast {pointer-events:none
}
.pm-toast .duck-mini {width:22px;height:22px;border-radius:50%;background:#fff;padding:1px
}
.duck-mini {height:24px;width:24px;border-radius:6px;object-fit:contain;flex:none
}
.duck-modal-mask {position:fixed;inset:0;background:rgba(4,26,34,.5);display:flex;align-items:center;justify-content:center;z-index:9998;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s;padding:20px
}
.duck-modal {background:#fff;border-radius:18px;padding:26px 30px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(4,26,34,.35);transform:scale(.92);transition:transform .28s cubic-bezier(.2,.9,.3,1.2)
}
.duck-modal h3 {margin:12px 0 6px;font-size:18px;color:#0b2e38
}
.duck-modal p {margin:0;color:#5b7280;font-size:14px;line-height:1.7
}
.duck-think-spin {animation:duckSway 1.6s ease-in-out infinite;transform-origin:50% 60%
}
.gb-wrap {overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px
}
.gb {display:flex;align-items:flex-end;gap:4px;min-width:560px;height:130px;padding-top:8px
}
.gb-col {flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%
}
.gb-bars {display:flex;align-items:flex-end;gap:2px;width:100%;height:100%;justify-content:center
}
.gb-bar {width:42%;min-height:0;border-radius:3px 3px 0 0;transition:height .3s
}
.gb-bar.reg {background:#0e7490
}
.gb-bar.login {background:#34d399
}
.gb-x {font-size:9px;color:var(--mut);margin-top:4px;white-space:nowrap;transform:scale(.9)
}
.gb-legend {margin-top:10px;font-size:12px;color:var(--mut);display:flex;align-items:center
}
.gb-legend .lg {display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px 0 12px;vertical-align:-1px
}
.gb-legend .lg:first-child {margin-left:0
}
.gb-legend .lg.reg {background:#0e7490
}
.gb-legend .lg.login {background:#34d399
}
.login-alt {text-align:center;margin-top:12px;font-size:12.5px
}
.login-alt a {color:var(--cy);text-decoration:none
}
.login-alt a:hover {text-decoration:underline
}
.code-row {display:flex;align-items:center;margin-top:0
}
.code-row input {flex:1;min-width:0
}
.cap-img {flex:none;margin-left:10px;width:88px;height:32px;border:1px solid var(--line);border-radius:6px;background:#fbfdfe;cursor:pointer
}
.pwd-tip {min-height:18px;margin-top:6px;font-size:12px;color:var(--mut)
}
label.agree {display:flex;align-items:flex-start;gap:7px;margin:16px 0 0;font-size:12px;font-weight:400;line-height:1.6;color:var(--mut);cursor:pointer
}
label.agree input {width:auto;flex:none;margin:2px 0 0;height:auto
}
.duck-loading {display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0;text-align:center;color:var(--mut);font-size:13px
}
.duck-loading .duck-face {margin:0 auto;height:80px
}
@media (max-width:640px) {
.chip {padding:7px 13px;font-size:13px
}
}
.cardtip {margin-top:10px;padding:10px 13px;border-radius:10px;font-size:12.5px;line-height:1.85;background:var(--warnbg);border:1px solid #fde68a;color:#92400e
}
.card-face-front {border:2px solid var(--cy)!important;border-left:6px solid var(--cy)!important;box-shadow:0 8px 24px rgba(8,145,178,.13)!important
}
.card-face-back {border:2px solid var(--ok)!important;border-left:6px solid var(--ok)!important;box-shadow:0 8px 24px rgba(15,118,110,.13)!important
}
.face-tag {display:inline-block;font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px;color:#fff;letter-spacing:.5px
}
.face-tag.front {background:var(--cy)
}
.face-tag.back {background:var(--ok)
}
@media (max-width:640px) {
#cardFace {padding:16px 15px!important;min-height:230px!important
}
.cardnav {gap:8px!important
}
.ratebar {gap:8px!important
}
}
.cornell-edit .cc {margin-top:12px;font-weight:600;color:var(--cy-dd);font-size:12.5px
}
.ana {margin-top:14px;border:1px solid var(--line);border-radius:11px;overflow:hidden
}
.ana summary {padding:10px 15px;cursor:pointer;font-weight:500;color:var(--cy-dd);background:#f4fafc;font-size:13px;list-style:none
}
.ana summary::before {content:"▸ ";color:var(--cy)
}
.ana[open] summary::before {content:"▾ "
}
.ana .ana-body {padding:12px 16px;font-size:13px;white-space:pre-wrap;border-top:1px solid #eef4f7
}
.cornell {display:grid;grid-template-columns:1fr 2fr;gap:1px;background:var(--line);border-radius:9px;overflow:hidden;margin-top:8px
}
.cornell div {background:#fff;padding:10px 12px;font-size:12px
}
.cornell .cc {background:#f4fafc;color:var(--mut);font-weight:500
}
.feynman {background:#fffbeb;border:1px solid #fde68a;border-radius:9px;padding:12px 15px;font-size:13px;white-space:pre-wrap;margin-top:8px
}
.locktip {background:var(--warnbg);border:1px solid #f2dcae;color:#7c4a06;border-radius:11px;padding:12px 15px;font-size:13px;margin-bottom:16px
}
.mchip {display:inline-flex;align-items:center;gap:8px;background:#f2fafc;border:1px solid var(--line);border-radius:9px;padding:6px 10px;font-size:12px;margin:2px
}
.mchip img {width:52px;height:38px;object-fit:cover;border-radius:6px
}
.mchip .x {cursor:pointer;color:var(--bad);font-weight:700;padding:0 3px
}
.mtools {display:flex;gap:8px;flex-wrap:wrap;margin:8px 0
}
.discuss {margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fbfeff
}
.disc-head {padding:10px 15px;font-size:13px;font-weight:500;color:var(--cy-dd);background:#f0f9fc;border-bottom:1px solid #e6f1f6;display:flex;align-items:center;gap:8px
}
.disc-count {background:var(--cy);color:#fff;border-radius:999px;font-size:11px;padding:0 8px
}
.cmt {display:flex;gap:10px;padding:12px 15px;border-bottom:1px solid #f0f6f9
}
.avatar {width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--cy-d),var(--tl));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex:none
}
.cmt .cbody {flex:1;min-width:0
}
.cmt .chead {display:flex;align-items:baseline;gap:8px;flex-wrap:wrap
}
.cmt .cname {font-weight:600;font-size:13px;color:var(--cy-dd)
}
.cmt .ctime {font-size:11px;color:var(--mut)
}
.cmt .ctext {font-size:13px;margin:3px 0;white-space:pre-wrap;word-break:break-word
}
.cmt .cdel {font-size:11px;color:var(--bad);cursor:pointer;margin-left:auto
}
.cmt .cfloor {font-size:10px;color:#6ba8b8;background:#eaf6f9;border-radius:4px;padding:1px 6px
}
.cmt .crep {font-size:11px;color:var(--cy-d);cursor:pointer
}
.cmt .crep:hover {text-decoration:underline
}
.cmt-replies {margin-top:8px;border-left:2px solid #dbeef4;padding-left:12px;display:flex;flex-direction:column;gap:8px
}
.cmt-reply {background:#f4fafc;border-radius:8px;padding:7px 10px
}
.cmt-reply .cname {font-size:12px
}
.cmt-reply .ctext {font-size:12.5px;margin:2px 0
}
.cmt-reply .chead {display:flex;align-items:baseline;gap:6px;flex-wrap:wrap
}
.cmt-reply .cdel {margin-left:auto
}
.rto {font-size:11px;color:var(--mut)
}
.reply-chip {font-size:12px;color:var(--cy-d);background:#e3f4f8;border-radius:8px;padding:5px 10px;margin-bottom:8px
}
.reply-chip .rx {color:var(--bad);cursor:pointer;margin-left:8px
}
.disc-empty {padding:16px;text-align:center;color:#9fbec8;font-size:12px
}
.cmt-form {padding:12px 15px;background:#f7fcfe
}
.cmt-form textarea {min-height:56px;font-size:13px
}
.follow-mark {background:#fff7e6;color:#b45309;border:1px solid #fde3a7
}
.follow-label {display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--cy-dd);cursor:pointer;user-select:none
}
.follow-label input {width:auto;margin:0;cursor:pointer
}
.badge-dot {display:inline-block;width:8px;height:8px;border-radius:50%;background:#dc2626;margin-left:6px;vertical-align:super;box-shadow:0 0 0 2px #fff
}
.disc-head .badge-dot {vertical-align:middle;margin-left:4px
}
#overlay {display:none;position:fixed;inset:0;background:rgba(15,44,56,.42);z-index:50;align-items:flex-start;justify-content:center;padding:30px 16px;overflow:auto
}
.modal {background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;max-width:740px;width:100%;margin-bottom:40px;box-shadow:var(--sh3);max-height:calc(100vh - 60px);overflow-y:auto;overscroll-behavior:contain
}
/* 弹窗底部操作条吸底：内容再长也看得到「完成注册 / 取消」（2026-10-28） */
.reg-actions {position:sticky;bottom:0;z-index:3;display:flex;gap:10px;background:#fff;
  margin:20px -22px -22px;padding:14px 22px;border-top:1px solid var(--line);
  border-radius:0;box-shadow:0 -10px 16px -12px rgba(15,44,56,.25)
}
/* 挡板：.modal 还留着 22px 下内边距，吸底条只贴到内容框下沿，正文会从那条缝里透出来。
   这里补一块同高白板盖住（2026-10-28） */
.reg-actions::after {content:"";position:absolute;left:0;right:0;top:100%;height:24px;background:#fff
}
.reg-actions .btn {flex:1
}
.modal h3 {margin:0 0 14px;font-size:16px;color:var(--cy-dd);border-left:3px solid var(--cy);padding-left:9px;font-weight:600
}
.modal .row {display:flex;gap:12px;flex-wrap:wrap
}
.modal .row>div {flex:1;min-width:150px
}
.fmt {background:var(--surface);border:1px dashed #b9d6e0;border-radius:var(--r-s);padding:10px 13px;font-size:12px;white-space:pre-wrap;color:#3f5c67;margin:10px 0;font-family:Consolas,monospace
}
.imgview {max-width:92vw;max-height:82vh;border-radius:10px;display:block;margin:0 auto
}
.qr-modal {max-width:320px;margin:0 auto;text-align:center;padding:6px 4px
}
.qr-title {font-weight:600;font-size:15px;margin-bottom:12px
}
.qr-img {width:220px;max-width:70vw;height:auto;border-radius:10px;border:1px solid var(--hair);display:block;margin:0 auto;background:#fff;padding:8px
}
.qr-tip {margin-top:12px;font-size:12.5px;color:#7d97a3;line-height:1.6
}
.qr-miss {margin-top:14px;font-size:13px;color:var(--warn);background:var(--warnbg);border:1px solid var(--warn);border-radius:8px;padding:12px
}
.qr-actions {display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap
}
.qr-alt {margin-top:10px;font-size:11.5px;color:#9aa8b3;line-height:1.7
}
.q-stats {background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:12px 0
}
.q-stats-title {font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:10px
}
.q-stats-loading {font-size:12px;padding:6px 0
}
.qs-row {display:flex;align-items:center;gap:10px;margin:7px 0;font-size:12px
}
.qs-label {width:48px;flex:none;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:4px
}
.qs-pill {font-size:10px;font-weight:600;padding:1px 5px;border-radius:9px;white-space:nowrap
}
.qs-pill.qs-ans {background:#e6f4f8;color:#0e7490
}
.qs-pill.qs-wrong {background:#fef3e2;color:#b45309
}
.qs-bar-wrap {flex:1;height:10px;background:var(--surface);border-radius:5px;overflow:hidden
}
.qs-bar {height:100%;background:#94a3b8;border-radius:5px;transition:width .3s
}
.qs-bar.ans {background:#0e7490
}
.qs-num {width:72px;flex:none;text-align:right;color:var(--mut)
}
.qs-tip {margin-top:10px;font-size:12px;color:#b45309;background:#fffbeb;border:1px solid #fde3b0;border-radius:8px;padding:8px 10px;line-height:1.7
}
summary {cursor:pointer
}
hr {border:0;border-top:1px solid var(--line-2);margin:14px 0
}
.pm-overlay {position:fixed;inset:0;background:rgba(12,43,46,0.45);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px
}
.pm-box {background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.18);overflow:hidden
}
.pm-head {display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f0fdfa,#fff)
}
.pm-head span {font-weight:700;color:var(--ink);font-size:16px
}
.pm-head .pm-sub {font-weight:400;font-size:12px;color:var(--mut);margin-left:auto
}
.pm-close {background:none;border:none;font-size:20px;color:var(--mut);cursor:pointer;padding:0 4px
}
.pm-close:hover {color:var(--cy)
}
.pm-list {flex:1;overflow-y:auto;padding:16px;background:#f8fbfc;display:flex;flex-direction:column;gap:12px;min-height:320px;max-height:60vh
}
.pm-empty {text-align:center;color:var(--mut);padding:40px 20px;font-size:13px
}
.pm-msg {display:flex;gap:10px;align-items:flex-start
}
.pm-avatar {width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--line);flex:none;background:#fff
}
.pm-bubble-wrap {max-width:75%;display:flex;flex-direction:column;gap:3px
}
.pm-name {font-size:11px;color:var(--mut)
}
.pm-bubble {padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.55;word-break:break-word;background:#fff;border:1px solid var(--line);color:var(--ink)
}
.pm-input-row {display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:#fff
}
.pm-input-row textarea {flex:1;min-height:44px;max-height:120px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;resize:vertical;font-family:inherit
}
.pm-input-row textarea:focus {outline:none;border-color:var(--cy)
}
.pm-emoji-btn {align-self:flex-end;padding:10px 12px;font-size:18px;line-height:1
}
.pm-sticker-panel {margin:0 16px 10px;max-height:210px;overflow-y:auto
}
.pm-top-btn {position:relative;cursor:pointer;font-size:17px;padding:2px 6px;border-radius:8px;display:inline-flex;align-items:center
}
.pm-top-btn:hover {background:rgba(0,0,0,.06)
}
.pm-dot {position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;line-height:16px;padding:0 4px;background:#dc2626;color:#fff;border-radius:999px;font-size:10px;text-align:center;box-shadow:0 0 0 2px #fff
}
.inbox-list {display:flex;flex-direction:column;gap:8px;margin-top:12px
}
.inbox-user {display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:#fff;transition:background .15s
}
.inbox-user:hover {background:#f0fdfa
}
.inbox-user.unread {border-left:4px solid var(--cy)
}
.inbox-avatar {width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--line);flex:none
}
.inbox-info {flex:1;min-width:0;display:flex;flex-direction:column;gap:4px
}
.inbox-name {font-weight:600;color:var(--ink);font-size:14px;display:flex;align-items:center;gap:8px
}
.inbox-preview {font-size:13px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.inbox-time {font-size:12px;color:var(--mut);flex:none
}
.inbox-badge {background:var(--cy);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px
}
@media (max-width:640px) {
.pm-box {max-width:96vw;border-radius:12px
}
.pm-list {padding:12px;gap:10px;min-height:240px
}
.pm-input-row {padding:10px;gap:8px
}
.pm-emoji-btn {padding:12px 14px;font-size:22px
}
.pm-sticker-panel {max-height:46vh;padding:10px;margin:0 10px 10px
}
.pm-sticker-panel .sticker-thumb {width:56px;height:56px;border-radius:10px
}
.pm-sticker-panel .sticker-group-title {font-size:14px;margin:8px 0 8px
}
}
.ai-wrap {max-width:840px;margin:0 auto;padding:14px 16px 18px;display:flex;flex-direction:column;height:calc(100vh - 150px);min-height:480px
}
.ai-usage {font-size:12.5px;color:var(--mut);margin:8px 2px 2px
}
.ai-msgs {flex:1;overflow-y:auto;padding:14px 10px;display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m)
}
.ai-row {display:flex;gap:10px;align-items:flex-end;max-width:100%
}
.ai-ava {flex:none;width:34px;height:34px;border-radius:50%;background:#e6f4f8;border:1px solid #cfe5ec;display:flex;align-items:center;justify-content:center;font-size:19px;user-select:none
}
.ai-bub {max-width:76%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.75;white-space:normal;word-break:break-word
}
.ai-bub.bot {background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px
}
.ai-input {display:flex;gap:10px;margin-top:12px;align-items:flex-end
}
.ai-input textarea {flex:1;resize:none;font-family:inherit;font-size:14px;line-height:1.6;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-m);background:#fff;color:var(--ink);outline:none
}
.ai-input textarea:focus {border-color:var(--cy)
}
.ai-dot {display:inline-flex;gap:4px;margin-left:6px;vertical-align:middle
}
.ai-dot i {width:6px;height:6px;border-radius:50%;background:var(--mut);animation:aidot 1s infinite
}
.ai-dot i:nth-child(2) {animation-delay:.15s
}
.ai-dot i:nth-child(3) {animation-delay:.3s
}
@media (max-width:640px) {
.ai-wrap {height:calc(100vh - 128px);padding:10px 10px 12px;max-width:100%
}
.ai-bub {max-width:84%
}
.ai-input textarea {padding:9px 10px
}
}
.mine-head {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin:4px 2px 14px
}
.mine-head h1 {font-size:20px;font-weight:600;margin:0
}
.mine-mem {font-size:13px;color:#1a9c6e
}
.mine-mem .kw {margin:0 2px
}
.pet-card {padding:1.1rem 1.25rem
}
.pet-row {display:flex;gap:18px;align-items:center
}
.pet-duck {width:88px;height:88px;border-radius:14px;background:#eaf6f0;padding:6px;object-fit:contain;transition:transform .2s;cursor:pointer
}
.pet-duck:hover {transform:scale(1.05)
}
.pet-duck.lv1 {border:2px solid #cfe9dc
}
.pet-duck.lv2 {border:2px solid #9FE1CB
}
.pet-duck.lv3 {border:2px solid #5DCAA5
}
.pet-duck.lv4 {border:2px solid #1D9E75;box-shadow:0 0 0 3px #eaf6f0 inset
}
.pet-duck.lv5 {border:2px solid #0F6E56;box-shadow:0 0 0 3px #d8f0e6 inset
}
.pet-main {flex:1;min-width:0
}
.pet-name-row {display:flex;align-items:center;gap:8px;margin-bottom:8px
}
.pet-name {font-size:16px;font-weight:600;color:#0c3b2e;cursor:pointer
}
.pet-name:hover {text-decoration:underline
}
.pet-lv {font-size:12px;background:#e1f5ee;color:#085041;padding:2px 10px;border-radius:10px
}
.pet-xp {height:10px;background:#eef1f0;border-radius:6px;overflow:hidden;margin:6px 0 4px
}
.pet-xp-fill {height:100%;background:#1D9E75;border-radius:6px;transition:width .4s;min-width:0
}
.pet-xp-txt {font-size:12px;color:#6b7a76
}
.pet-bubble {margin-top:12px;background:#f4f8f6;border-radius:10px;padding:9px 12px;font-size:13px;color:#3a4a45;line-height:1.6
}
.entry-row .entry-card {cursor:pointer;transition:transform .12s,box-shadow .12s
}
.entry-row .entry-card:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(15,44,56,.08)
}
.entry-title {font-size:14px;font-weight:500;color:#0c3b2e;display:flex;align-items:center;gap:6px
}
.entry-sub {font-size:12px;color:#6b7a76;margin-top:6px
}
.avatar-picker-overlay {position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px
}
.avatar-picker {background:#fff;border-radius:16px;padding:20px;max-width:420px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 12px 40px rgba(0,0,0,.2)
}
.avatar-picker h3 {margin:0 0 14px;font-size:16px;color:#0c3b2e
}
.avatar-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px
}
.avatar-item {aspect-ratio:1;border-radius:12px;border:2px solid #e6eef2;background:#f4f8f6;cursor:pointer;overflow:hidden;padding:4px;transition:border-color .15s,transform .15s
}
.avatar-item:hover {transform:scale(1.04);border-color:#9FE1CB
}
.avatar-item img {width:100%;height:100%;object-fit:contain
}
.reg-avatar-row {display:flex;align-items:flex-start;gap:12px;margin:2px 0 6px
}
.reg-avatar-prev {width:62px;height:62px;border-radius:14px;border:2px solid #1D9E75;background:#e8f7f0;object-fit:contain;flex:0 0 auto;padding:4px
}
.reg-avatar-grid {flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:172px;overflow:auto;padding:2px
}
.avatar-tip {font-size:12px;color:#6b7a76;margin-bottom:14px
}
.sticker-panel {display:none;flex-wrap:wrap;gap:6px;padding:8px;background:#f4f8f6;border-radius:10px;margin:6px 0 8px
}
.sticker-thumb {width:42px;height:42px;object-fit:contain;border-radius:8px;border:1px solid #e6eef2;background:#fff;cursor:pointer;transition:transform .12s
}
.sticker-thumb:hover {transform:scale(1.12);border-color:#1D9E75
}
.sticker {display:inline-block;width:42px;height:42px;object-fit:contain;vertical-align:middle;margin:0 2px;border-radius:8px
}
.sticker-group {margin-bottom:8px
}
.sticker-group-title {font-size:13px;font-weight:600;color:#0c3b2e;margin:6px 0 6px
}
.sticker-preview {position:absolute;z-index:1001;display:none;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2);padding:6px;pointer-events:none;min-width:120px;min-height:120px
}
.sticker-preview img {width:120px;height:120px;object-fit:contain;border-radius:8px
}
.avatar-upload-row {display:flex;justify-content:center;margin:8px 0 12px
}
.invite-card {margin-top:14px;border:1px dashed #9FE1CB;background:linear-gradient(180deg,#f6fbf8,#fff)
}
.invite-head {font-size:15px;font-weight:600;color:#0c3b2e;margin-bottom:6px
}
.invite-rules {font-size:13px;color:#3a4a45;line-height:1.7;margin-bottom:12px
}
.invite-code-row {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px
}
.invite-code {font-family:monospace;font-size:22px;font-weight:700;letter-spacing:3px;color:#0F6E56;background:#eaf6f0;border:1px solid #cfe9dc;border-radius:10px;padding:6px 16px
}
.invite-stats {font-size:12px
}

/* ===== 练习模式切换（做题 / 背诵）+ 背诵答案直显（2026-10-20） ===== */
.mode-seg {display:inline-flex;align-items:center;gap:10px;margin-left:14px;padding:4px 12px 4px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;vertical-align:middle
}
.mode-seg label {display:inline-flex;gap:5px;align-items:center;cursor:pointer;font-size:13px;white-space:nowrap
}
.mode-seg input {margin:0;cursor:pointer
}
.qtip {margin-top:10px;padding:9px 13px;border-radius:var(--r-s);background:var(--surface);border:1px dashed #a9cfdb;font-size:12.5px;line-height:1.75;color:var(--cy-dd)
}
.recite-hint {margin:14px 0 8px;padding:8px 12px;border-radius:var(--r-s);background:var(--okbg);border:1px solid #c6e4d8;color:#0b5d3f;font-size:13px;line-height:1.7
}
.recite-opts {pointer-events:none
}
.recite-opts .opt {cursor:default
}
.recite-opts .opt:hover {border-color:var(--line);background:#fff
}
.recite-opts .opt.right:hover {border-color:var(--ok);background:var(--okbg)
}
.qi-tip {padding:10px 14px;border-radius:var(--r-s);background:#f8fafc;border:1px solid var(--line);font-size:13px;line-height:1.75;color:#475569
}
/* 答案与解析之间的翻页条：看完答案即可翻页，不必滚到卡片最底 */
.quiz-nav-inline {margin:14px 0 6px;padding-top:13px;border-top:1px dashed var(--line)
}
.quiz-nav-inline .btn {min-height:38px
}
/* ===== 统一错题本：波形/情景错题并入主站错题本（2026-10-21） ===== */
.grid.c4 {grid-template-columns:repeat(4,1fr)
}
@media (max-width:640px) {
.grid.c4 {grid-template-columns:repeat(2,1fr)
}
}
/* 统计卡可点：点击平滑跳到对应分区 */
.stat-jump {cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s
}
.stat-jump:hover {border-color:var(--cy);box-shadow:0 4px 14px rgba(14,107,125,.14);transform:translateY(-1px)
}
.sec-flash {animation:secFlash 1.6s ease-out
}
@keyframes secFlash {
0% {box-shadow:0 0 0 3px rgba(26,156,110,.55)
}
100% {box-shadow:0 0 0 0 rgba(26,156,110,0)
}
}
.wrow-img {display:block;max-width:100%;max-height:220px;margin:0 0 10px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff
}
@media (max-width:640px) {
.mode-seg {display:flex;margin-left:0;margin-top:10px;justify-content:center
}
.quiz-nav-inline {gap:8px
}
.quiz-nav-inline .btn {flex:1 1 0;justify-content:center;padding-left:10px;padding-right:10px
}
.quiz-nav-inline .muted {flex:1 1 100%;text-align:center;margin-top:2px
}
}

/* ===== 导航五项化（2026-10-26 第一期）=====
   组名 = 主入口（可点，跳该组主页面）；箭头 = 展开下拉。
   子项 ext: 外链渲染成 <a>，与站内 tab 共用 .tab-item 皮肤。 */
.topbar .tabs .tg-main{cursor:pointer;font-weight:600}
.topbar .tabs .tg-main:hover{color:var(--cy-dd)}
.tab-item.ext{display:block;text-decoration:none;color:var(--ink-2)}
.tab-item.ext:hover{background:var(--surface);color:var(--cy-dd)}
.tab-group .tg-label{gap:5px}
.tab-group .tg-caret{cursor:pointer;padding:0 2px}
.tab-group .tg-caret:hover{color:var(--cy)}
@media(max-width:560px){
  .tab-group .tg-main{font-size:13px}
  .tab-item.ext{padding:10px 12px 10px 14px}
}

/* ===== 我的 · 账号资料卡（2026-10-29） =====
   头像与昵称原来是「点宠物鸭的图」「点鸭名」两个隐式热区，用户找不到；
   这里做成一张带文字按钮的卡，是「我的」页第一屏的第一块。 */
.mine-profile {display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:12px
}
.mp-av {width:56px;height:56px;border-radius:14px;object-fit:cover;background:#eaf6f0;border:1px solid #d8ece3;cursor:pointer;flex:none;transition:transform .2s
}
.mp-av:hover {transform:scale(1.05)
}
.mp-info {flex:1;min-width:0
}
.mp-name {font-size:16px;font-weight:600;color:#0c3b2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.mp-sub {font-size:12px;color:#6b7a76;margin-top:4px
}
.mp-acts {display:flex;gap:8px;flex:none
}
.pet-btn {font-size:11.5px!important;padding:2px 8px!important
}
.pet-name-row {flex-wrap:wrap
}
@media (max-width:560px) {
.mine-profile {flex-wrap:wrap
}
.mp-acts {width:100%;justify-content:flex-end
}
}