@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&family=DM+Mono:wght@400;500&display=swap');

:root{--ink:#292720;--muted:#78746b;--paper:#f7f3eb;--paper-deep:#eee6d8;--card:#fffdf8;--line:#ded4c4;--accent:#bb4c2a;--accent-dark:#8e3219;--gold:#b88841;--shadow:0 18px 50px rgba(70,51,29,.08);--serif:"Noto Serif SC","Songti SC",serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--paper);background-image:radial-gradient(rgba(105,84,50,.09) .65px,transparent .65px);background-size:8px 8px;color:var(--ink);font-family:var(--serif);line-height:1.8}body:before{content:"";position:fixed;z-index:-1;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.62),transparent 43%,rgba(234,221,199,.22));pointer-events:none}.site-header{position:sticky;z-index:10;top:0;border-bottom:1px solid rgba(177,158,128,.38);background:rgba(250,247,240,.84);backdrop-filter:blur(15px)}.nav-wrap{width:min(1160px,calc(100% - 48px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;font-weight:700;letter-spacing:.08em;text-decoration:none}.brand-mark,.footer-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:white;font-size:15px;letter-spacing:0}.brand:hover .brand-mark{transform:rotate(-8deg)}nav{display:flex;gap:4px}nav a{padding:7px 14px;border-radius:999px;color:var(--muted);font-size:14px;text-decoration:none;transition:.2s}nav a:hover{background:#eee6d8;color:var(--accent)}main{min-height:calc(100vh - 137px)}footer{padding:28px 20px;border-top:1px solid rgba(177,158,128,.35);color:var(--muted);font-size:13px;text-align:center}.footer-mark{width:18px;height:18px;margin-right:7px;font-size:10px;background:var(--gold)}.hero{position:relative;isolation:isolate;overflow:hidden;max-width:980px;margin:auto;padding:124px 20px 102px;text-align:center}.hero-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px);opacity:.7}.hero-orb-one{width:390px;height:390px;top:-180px;left:-185px;background:radial-gradient(circle,#e8cab5 0,rgba(232,202,181,.1) 68%,transparent 70%)}.hero-orb-two{width:280px;height:280px;right:-118px;bottom:0;background:radial-gradient(circle,#eadcc3 0,rgba(234,220,195,.08) 67%,transparent 70%)}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 14px;color:var(--accent);font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}.eyebrow span{width:24px;height:1px;background:currentColor;opacity:.7}.hero h1,.page h1{margin:0;font-size:clamp(40px,6.2vw,68px);font-weight:700;line-height:1.25;letter-spacing:.045em}.hero h1 em{position:relative;color:var(--accent);font-style:normal}.hero h1 em:after{position:absolute;right:1px;bottom:1px;left:1px;z-index:-1;height:9px;background:#efd1bb;content:""}.lead{margin:22px auto 31px;color:var(--muted);font-size:17px}.hero-search,.search-bar{display:flex;align-items:center;max-width:716px;margin:0 auto;border:1px solid #cfbfaa;border-radius:12px;background:rgba(255,253,248,.9);box-shadow:var(--shadow);transition:.2s}.hero-search:focus-within,.search-bar:focus-within{border-color:var(--accent);box-shadow:0 12px 40px rgba(152,62,30,.16)}.search-icon{padding-left:19px;color:var(--accent);font:27px/1 Georgia,serif}.hero-search input,.search-bar input,.compare-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:16px var(--serif)}.hero-search input,.search-bar input{padding:18px 12px}.hero-search input::placeholder,.search-bar input::placeholder,.compare-form input::placeholder{color:#aaa49a}.hero-search button,.search-bar button,button,.button-link{border:0;border-radius:8px;background:var(--accent);color:#fff;font:500 14px var(--serif);cursor:pointer;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s}.hero-search button{height:45px;margin-right:7px;padding:0 19px}.hero-search button span{padding-left:8px;font-size:17px}.hero-search button:hover,.search-bar button:hover,button:hover,.button-link:hover{background:var(--accent-dark);box-shadow:0 7px 15px rgba(130,42,20,.2);transform:translateY(-1px)}.hint{margin:15px 0 0;color:var(--muted);font-size:13px}.hint a{margin-left:8px;color:var(--accent);text-decoration:none}.hint a:after{margin-left:8px;color:#c6b8a7;content:"/"}.hint a:last-child:after{content:""}.feature-shell{width:min(1160px,calc(100% - 48px));margin:0 auto}.section-heading{display:flex;align-items:end;justify-content:space-between;padding:0 2px 16px}.section-heading .eyebrow{justify-content:start;margin:0}.section-heading>p:last-child{margin:0;color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{position:relative;min-height:230px;overflow:hidden;padding:25px;border:1px solid rgba(201,185,160,.7);border-radius:12px;background:rgba(255,253,248,.83);box-shadow:0 4px 15px rgba(74,52,27,.03);color:var(--ink);text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}.feature:before{position:absolute;top:0;right:0;width:84px;height:84px;border-radius:0 0 0 100%;background:var(--paper-deep);content:"";transition:.25s}.feature:hover{border-color:#c98c6c;box-shadow:var(--shadow);transform:translateY(-5px)}.feature:hover:before{background:#efd1bb}.feature-index{position:relative;color:var(--gold);font:12px var(--mono)}.feature-icon{position:relative;display:flex;align-items:center;justify-content:center;width:43px;height:43px;margin:25px 0 14px;border-radius:12px;background:#f3e8db;color:var(--accent);font-size:19px;font-weight:700}.feature h2{position:relative;margin:0 0 5px;font-size:20px}.feature p{position:relative;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.feature-arrow{position:absolute;right:22px;bottom:17px;color:var(--accent);font-size:21px}.data-note{display:flex;align-items:center;justify-content:center;gap:11px;margin:30px 0 44px;color:var(--muted);font-size:13px}.data-note span{width:32px;height:1px;background:var(--line)}.page{width:min(1080px,calc(100% - 48px));margin:auto;padding:78px 0}.page.narrow,.detail,.practice{max-width:800px}.page h1{margin-bottom:27px;font-size:42px}.page>.eyebrow{justify-content:start}.page>.eyebrow span{display:none}.search-bar{max-width:none;margin:0}.search-bar button{height:45px;margin-right:7px;padding:0 23px}.result-count{margin:34px 0 10px;color:var(--muted);font-size:14px}.result-list{border-top:1px solid var(--line)}.result{display:block;position:relative;padding:24px 30px 24px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:.2s}.result:after{position:absolute;right:6px;top:50%;color:var(--accent);content:"→";font-size:20px;opacity:0;transform:translate(-7px,-50%);transition:.2s}.result:hover{padding-left:13px;background:linear-gradient(90deg,rgba(239,209,187,.37),transparent)}.result:hover:after{opacity:1;transform:translate(0,-50%)}.result h2{margin:0;font-size:23px}.result small,.card small{margin-left:8px;color:var(--muted);font-size:13px;font-weight:400}.result p{margin:5px 0;color:var(--muted);font-size:14px}.result span{color:var(--accent);font-size:13px}.empty,.card,.question,.answer{border:1px solid rgba(201,185,160,.72);border-radius:12px;background:rgba(255,253,248,.88);box-shadow:0 7px 20px rgba(62,41,20,.035)}.empty{margin-top:30px;padding:30px}.empty h2{margin:0;font-size:20px}.empty p{margin-bottom:0;color:var(--muted)}.back{display:inline-flex;margin-bottom:26px;color:var(--muted);font-size:14px;text-decoration:none}.back:hover{color:var(--accent)}.detail h1{margin:3px 0 0}.pinyin{margin:0 0 28px;color:var(--muted);font-family:var(--mono);font-size:13px}.card{margin-top:16px;padding:27px 30px}.card h2,.card h3{margin:0 0 12px;font-size:18px}.card h3{margin-top:24px;color:var(--accent);font-size:15px}.card p{margin:0}.card ol,.compare-card ol{margin:0;padding-left:23px}.card li,.compare-card li{margin-bottom:13px}.card li:last-child,.compare-card li:last-child{margin-bottom:0}.warning{border-left:4px solid #d79a48;background:#fffbf4}.compare-form{display:grid;grid-template-columns:1fr 20px 1fr auto;gap:10px;align-items:center;max-width:930px}.compare-form input{padding:15px;border:1px solid var(--line);border-radius:8px;background:rgba(255,253,248,.85)}.compare-form input:focus{border-color:var(--accent)}.compare-form span{text-align:center;color:var(--muted)}.compare-form button{height:48px;padding:0 20px}.form-error{margin:14px 0;color:#aa3922}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.compare-card{padding:28px;border:1px solid rgba(201,185,160,.72);border-radius:12px;background:rgba(255,253,248,.88);box-shadow:0 7px 20px rgba(62,41,20,.035)}.compare-card h2{margin:0;font-size:27px}.compare-card h3{margin:25px 0 6px;color:var(--accent);font-size:15px}.mini-warning{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}.mini-warning b{color:var(--accent)}.mini-warning p{margin:4px 0 0}.question{margin:28px 0;padding:29px 31px;border-left:4px solid var(--accent);font-size:18px}.question p{margin:0}.options{display:grid;gap:11px}.options label{display:flex;align-items:center;gap:15px;padding:17px 21px;border:1px solid var(--line);border-radius:9px;background:rgba(255,253,248,.86);cursor:pointer;transition:.18s}.options label:hover{border-color:var(--accent);background:#fff7f1;transform:translateX(3px)}.options input{accent-color:var(--accent)}.options span{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#f3e8db;color:var(--accent);font:12px var(--mono);font-weight:700}.options button{height:49px;margin-top:13px}.answer{margin-bottom:16px;padding:24px 28px}.answer.correct{border-left:4px solid #50825c}.answer.incorrect{border-left:4px solid var(--accent)}.answer h2{margin:0 0 6px;font-size:21px}.answer p{margin:0}.button-link{height:48px;margin-top:16px;padding:0 22px}.desktop-only{display:block}@media(max-width:840px){.feature-grid{grid-template-columns:repeat(2,1fr)}.feature{min-height:205px}.compare-form{grid-template-columns:1fr 20px 1fr}.compare-form button{grid-column:1/-1}}@media(max-width:600px){.nav-wrap,.feature-shell,.page{width:min(100% - 32px,1080px)}.nav-wrap{height:65px}.brand{font-size:16px}.brand-mark{width:25px;height:25px;font-size:13px}nav{gap:0}nav a{padding:6px 8px;font-size:13px}.hero{padding:78px 16px 72px}.hero h1{font-size:42px}.lead{font-size:15px}.desktop-only{display:none}.hero-search{align-items:stretch;flex-wrap:wrap;padding:5px}.search-icon{align-self:center;padding-left:11px}.hero-search input{width:calc(100% - 46px);flex:none;padding:13px 8px;font-size:15px}.hero-search button{width:100%;height:44px;margin:0}.hint{line-height:2.1}.section-heading{display:block;padding-bottom:13px}.section-heading>p:last-child{margin-top:5px;font-size:13px}.feature-grid,.comparison{grid-template-columns:1fr}.feature{min-height:181px;padding:21px}.feature-icon{margin:16px 0 9px}.data-note{margin:27px 0 35px}.page{padding:52px 0}.page h1{font-size:32px}.search-bar{padding:5px}.search-bar input{padding:13px 9px;font-size:15px}.search-bar button{height:42px;padding:0 15px}.result{padding-top:21px;padding-bottom:21px}.result h2{font-size:21px}.card{padding:22px 20px}.compare-form{grid-template-columns:1fr;gap:9px}.compare-form span{display:none}.compare-form input,.compare-form button{height:48px}.compare-form button{grid-column:auto}.compare-card{padding:22px 20px}.question{padding:23px 20px;font-size:16px}.options label{padding:15px 16px}.options button{height:48px}.pinyin{margin-bottom:20px}}

/* 首页布局升级：更明确的主次关系与更强的内容展示。 */
.hero.hero-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.62fr);align-items:center;gap:74px;max-width:1120px;padding-top:104px;padding-bottom:76px;text-align:left}.hero-split .eyebrow{justify-content:flex-start}.hero-split h1{max-width:620px}.hero-split .lead{margin:22px 0 30px}.hero-split .hero-search{max-width:640px;margin:0}.hero-split .hint{margin-top:14px}.word-showcase{position:relative;min-height:438px;padding:28px 32px;border:1px solid #bca588;border-radius:4px;background:linear-gradient(135deg,#fbf4e8 0%,#f4e5cd 100%);box-shadow:14px 16px 0 #e4d3b9,0 18px 36px rgba(76,49,25,.1);overflow:hidden}.word-showcase:before{position:absolute;right:-50px;bottom:-78px;width:260px;height:260px;border:1px solid rgba(165,105,56,.22);border-radius:50%;content:""}.word-showcase:after{position:absolute;right:23px;bottom:13px;color:rgba(170,96,43,.08);content:"成";font-size:180px;font-weight:900;line-height:1}.showcase-top{display:flex;justify-content:space-between;color:#957451;font:11px var(--mono);letter-spacing:.12em}.showcase-dot{color:var(--accent);font-size:10px}.showcase-word{position:relative;z-index:1;margin:23px 0 2px;color:#3a2b20;font-size:54px;font-weight:700;letter-spacing:.14em;line-height:1.06;writing-mode:vertical-rl}.showcase-pinyin{position:relative;z-index:1;margin:11px 0;color:#9c7653;font:11px var(--mono);letter-spacing:.1em}.showcase-rule{position:relative;z-index:1;width:80px;height:2px;margin:20px 0;background:var(--accent)}.showcase-meaning{position:relative;z-index:1;max-width:255px;margin:0;color:#604a36;font-size:14px;line-height:1.8}.word-showcase a{position:absolute;z-index:1;right:29px;bottom:25px;color:var(--accent);font-size:13px;text-decoration:none}.word-showcase a span{padding-left:7px;font-size:17px}.quick-strip{display:grid;grid-template-columns:repeat(3,1fr);width:min(1060px,calc(100% - 48px));margin:0 auto 90px;border:1px solid var(--line);border-radius:12px;background:rgba(255,253,248,.73);box-shadow:0 10px 25px rgba(67,45,20,.04);overflow:hidden}.quick-strip a{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center;padding:18px 24px;color:var(--ink);text-decoration:none;transition:.2s}.quick-strip a+a{border-left:1px solid var(--line)}.quick-strip a:hover{background:#fbefe3}.quick-strip a>span{grid-row:1/3;color:var(--accent);font:25px/1 Georgia,serif}.quick-strip b{font-size:15px}.quick-strip small{color:var(--muted);font-size:12px}.section-heading h2{margin:4px 0 0;font-size:29px;line-height:1.4}.section-heading{padding-bottom:22px}.section-heading>p:last-child{padding-bottom:5px;text-align:right;line-height:1.65}.feature h3{position:relative;margin:0 0 5px;font-size:20px}.library-band{display:flex;align-items:end;justify-content:space-between;width:min(1160px,calc(100% - 48px));margin:88px auto 62px;padding:50px 56px;border-radius:14px;background:#292720;color:#fff;overflow:hidden}.library-band:after{position:absolute}.library-band .eyebrow{justify-content:start;margin-bottom:8px;color:#eab98a}.library-band .eyebrow span{display:none}.library-band h2{margin:0;font-size:31px;line-height:1.45}.library-number{display:flex;flex-direction:column;align-items:end}.library-number strong{color:#eab98a;font:500 73px/.95 var(--mono);letter-spacing:-.08em}.library-number span{margin-top:7px;color:#cbc2b4;font-size:13px}@media(max-width:840px){.hero.hero-split{grid-template-columns:1fr;gap:45px;padding-top:75px;text-align:center}.hero-split .eyebrow{justify-content:center}.hero-split .lead{margin-right:auto;margin-left:auto}.hero-split .hero-search{margin:auto}.word-showcase{max-width:520px;min-height:330px;margin:auto;width:100%}.showcase-word{font-size:44px}.quick-strip{margin-bottom:68px}.quick-strip a{padding:16px}.library-band{margin-top:60px}}@media(max-width:600px){.hero.hero-split{gap:35px;padding-top:60px;padding-bottom:45px;text-align:center}.hero-split h1{font-size:41px}.word-showcase{min-height:286px;padding:21px 23px;text-align:left;box-shadow:8px 9px 0 #e4d3b9,0 15px 28px rgba(76,49,25,.1)}.showcase-word{margin-top:17px;font-size:38px}.showcase-rule{margin:13px 0}.showcase-meaning{font-size:13px}.quick-strip{grid-template-columns:1fr;margin-bottom:52px}.quick-strip a+a{border-top:1px solid var(--line);border-left:0}.quick-strip a{padding:14px 19px}.section-heading h2{font-size:25px}.section-heading>p:last-child{text-align:left}.library-band{align-items:start;flex-direction:column;gap:27px;margin-top:50px;margin-bottom:42px;padding:33px 27px}.library-band h2{font-size:26px}.library-number{align-items:start}.library-number strong{font-size:60px}}

/* 首页动态内容与导航状态。 */
nav a.is-active{background:#efe2d1;color:var(--accent);font-weight:700}.showcase-top a{color:var(--accent);font:19px/1 var(--mono);text-decoration:none;transition:transform .2s}.showcase-top a:hover{transform:rotate(120deg)}.showcase-detail{position:absolute;z-index:1;right:29px;bottom:25px;color:var(--accent);font-size:13px;text-decoration:none}.showcase-detail span{padding-left:7px;font-size:17px}.word-showcase>a:not(.showcase-detail){position:static}.word-showcase .showcase-detail{position:absolute}.hint .refresh-recommendations{display:inline-block;margin-left:14px;padding:1px 8px;border:1px solid #d8c3aa;border-radius:999px;color:var(--muted);font-size:12px}.hint .refresh-recommendations:after{display:none}.hint .refresh-recommendations:hover{border-color:var(--accent);color:var(--accent)}@media(min-width:841px){.hero-split h1{font-size:clamp(39px,4.35vw,58px);letter-spacing:.02em;white-space:nowrap}.hero-split h1 em{white-space:nowrap}}@media(max-width:600px){nav a{padding-right:7px;padding-left:7px}.hint .refresh-recommendations{margin-left:5px}.showcase-detail{right:23px;bottom:20px}}

/* 展示卡按正常阅读顺序逐字换行；不要与 vertical-rl 叠加。 */
.showcase-word{writing-mode:horizontal-tb;letter-spacing:.14em}
/* 推荐内容、展示卡信息布局，以及练习下一步操作。 */
.showcase-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(70px,.45fr) 1fr;gap:23px;align-items:center;min-height:330px}.showcase-body .showcase-word{margin:0}.showcase-copy{align-self:center}.showcase-copy .showcase-pinyin{margin:0}.showcase-copy .showcase-rule{margin:17px 0}.showcase-copy .showcase-meaning{max-width:none}.showcase-copy .showcase-detail{position:static;display:inline-block;margin-top:22px}.word-showcase>a:not(.showcase-detail){position:static}.refresh-recommendations{margin-left:14px;padding:1px 8px;border:1px solid #d8c3aa;border-radius:999px;background:transparent;color:var(--muted);font:12px var(--serif);cursor:pointer}.refresh-recommendations:hover{border-color:var(--accent);color:var(--accent)}.recommend-section{margin-top:76px;padding-top:33px;border-top:1px solid var(--line)}.recommend-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.recommend-heading .eyebrow{justify-content:start;margin:0}.recommend-heading h2{margin:4px 0 0;font-size:25px}.recommend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.recommend-card{min-height:196px;padding:20px;border:1px solid rgba(201,185,160,.72);border-radius:11px;background:rgba(255,253,248,.86);color:var(--ink);text-decoration:none;transition:.2s}.recommend-card:hover{border-color:#c98c6c;box-shadow:var(--shadow);transform:translateY(-3px)}.recommend-card>span{display:block;font-size:20px;font-weight:700}.recommend-card small{display:block;margin-top:2px;color:var(--muted);font:11px var(--mono)}.recommend-card p{display:-webkit-box;overflow:hidden;margin:13px 0;color:var(--muted);font-size:13px;line-height:1.65;-webkit-line-clamp:3;-webkit-box-orient:vertical}.recommend-card b{color:var(--accent);font-size:12px}.next-question{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:24px 27px;border-radius:12px;background:#292720;color:#fff}.next-question small{display:block;color:#d1c7b7;font-size:12px}.next-question strong{display:block;margin-top:3px;font-size:17px}.next-question a{display:inline-flex;align-items:center;justify-content:center;min-width:190px;height:54px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;transition:.2s}.next-question a:hover{background:#d05a35;transform:translateY(-2px)}.next-question a span{padding-left:10px;font-size:18px}@media(max-width:840px){.recommend-grid{grid-template-columns:repeat(2,1fr)}.showcase-body{min-height:230px}.showcase-copy .showcase-detail{margin-top:14px}}@media(max-width:600px){.showcase-body{grid-template-columns:78px 1fr;gap:16px;min-height:210px}.showcase-copy .showcase-rule{margin:11px 0}.showcase-copy .showcase-meaning{font-size:13px}.refresh-recommendations{margin-left:5px}.recommend-section{margin-top:53px;padding-top:26px}.recommend-grid{grid-template-columns:1fr}.recommend-card{min-height:0}.recommend-card p{-webkit-line-clamp:2}.next-question{align-items:stretch;flex-direction:column;padding:22px}.next-question a{width:100%;height:53px}}

.refresh-showcase{border:0;background:transparent;color:var(--accent);font:19px/1 var(--mono);cursor:pointer;transition:transform .2s}.refresh-showcase:hover:not(:disabled){transform:rotate(120deg)}.refresh-showcase:disabled,.refresh-recommendations:disabled{cursor:wait;opacity:.6}.recommendation-links a{margin-left:8px;color:var(--accent);text-decoration:none}.recommendation-links a:after{margin-left:8px;color:#c6b8a7;content:"/"}.recommendation-links a:last-child:after{content:""}.hint .recommendation-links a{margin-left:8px}.hint .recommendation-links a:after{margin-left:8px}.showcase-top a{display:none}

/* 刷新按钮：克制的悬停反馈；点击时图标由脚本转一圈，与内容淡出同步 */
.refresh-showcase,.refresh-recommendations{transition:color .3s ease,border-color .3s ease,background-color .3s ease}
.refresh-showcase{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%}
.refresh-showcase:hover,.refresh-showcase:hover:not(:disabled),.refresh-recommendations:hover,.hint .refresh-recommendations:hover{background:transparent;box-shadow:none;transform:none}
.refresh-showcase:hover:not(:disabled){background:rgba(187,76,42,.07)}
.hint .refresh-recommendations:hover:not(:disabled){border-color:#c98c6c;color:var(--accent)}
.refresh-icon{display:inline-block}
.refresh-showcase[aria-busy],.refresh-recommendations[aria-busy]{cursor:progress}
.refresh-showcase.is-error,.hint .refresh-recommendations.is-error{color:#aa3922}

/* 展示卡和推荐词：淡出 → 换内容 → 淡入 */
.showcase-body{transition:opacity .32s ease,transform .32s ease,height .32s cubic-bezier(.4,0,.2,1)}
.showcase-body.is-fading{opacity:0;transform:translateY(6px)}
.showcase-body.is-resizing{overflow:hidden}
.recommendation-links{transition:opacity .32s ease}
.recommendation-links.is-fading{opacity:0}
@media(prefers-reduced-motion:reduce){.showcase-body,.recommendation-links{transition:none}}

/* 通用：只给读屏软件读的文字 */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 首页：三个入口；底部词条数量可点进词库 */
.feature-grid{grid-template-columns:repeat(3,1fr)}
.library-number{color:inherit;text-decoration:none}
.library-number span{transition:color .2s}
.library-number:hover span{color:#eab98a}

/* 感情色彩标签 */
.tone-badge{display:inline-flex;align-items:center;flex:none;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:400;line-height:1;white-space:nowrap}
.tone-badge.tone-positive{background:#e5eee1;color:#3d6b47}
.tone-badge.tone-negative{background:#f6e1d7;color:#a3401f}
.tone-badge.tone-neutral,.tone-badge.tone-none{background:#ece5d8;color:#6f675a}

/* 词库页 */
.page-lead{margin:-12px 0 26px;color:var(--muted);font-size:15px}
.result-count a,.empty p a{color:var(--accent);text-decoration:none}
.result-count a{margin-left:14px;font-size:13px}
.result-count a:hover,.empty p a:hover{color:var(--accent-dark)}
.library-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:30px 0 12px}
.tone-filter{display:flex;flex-wrap:wrap;gap:8px}
.tone-filter a{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,248,.8);color:var(--muted);font-size:14px;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s}
.tone-filter a:before{display:none;width:7px;height:7px;border-radius:50%;content:""}
.tone-filter .tone-positive:before{display:block;background:#5f9a6b}
.tone-filter .tone-negative:before{display:block;background:#c4573a}
.tone-filter .tone-neutral:before{display:block;background:#a39a8a}
.tone-filter a small{color:#aaa49a;font:11px var(--mono)}
.tone-filter a:hover{border-color:#c98c6c;color:var(--accent)}
.tone-filter a.is-active{border-color:var(--ink);background:var(--ink);color:#fff}
.tone-filter a.is-active small{color:#d1c7b7}
.library-count{margin:0;color:var(--muted);font-size:13px}
.letter-index{position:sticky;z-index:5;top:77px;display:flex;flex-wrap:nowrap;gap:2px;margin:0 0 6px;padding:9px 0;overflow-x:auto;border-bottom:1px solid var(--line);background:rgba(247,243,235,.94);backdrop-filter:blur(10px);scrollbar-width:none}
.letter-index::-webkit-scrollbar{display:none}
.letter-index a{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:6px;color:var(--muted);font:13px var(--mono);text-decoration:none;transition:color .2s,background-color .2s}
.letter-index a:hover{background:var(--paper-deep);color:var(--accent)}
.letter-group{padding-top:26px;scroll-margin-top:112px}
.letter-heading{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--accent);font:500 22px/1.4 var(--mono)}
.letter-heading small{color:var(--muted);font:12px var(--serif)}
.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.library-item{display:block;padding:16px 18px;border:1px solid rgba(201,185,160,.6);border-radius:10px;background:rgba(255,253,248,.82);color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.library-item:hover{border-color:#c98c6c;box-shadow:0 10px 26px rgba(70,51,29,.07);transform:translateY(-2px)}
.library-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.library-item-head b{font-size:19px}
.library-item small{display:block;margin-top:1px;color:var(--muted);font:11px var(--mono)}
.library-item p{display:-webkit-box;overflow:hidden;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65;-webkit-line-clamp:2;-webkit-box-orient:vertical}

@media(max-width:840px){
.feature-grid{grid-template-columns:1fr;gap:10px}
.feature{display:grid;grid-template-columns:43px 1fr;column-gap:18px;align-items:center;min-height:0;padding:20px 54px 20px 22px}
.feature-index{display:none}
.feature-icon{grid-row:1/3;margin:0}
.feature h3{margin:0;font-size:18px}
.feature-arrow{top:50%;bottom:auto;transform:translateY(-50%)}
.library-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
.page-lead{font-size:14px}
.tone-filter{gap:6px}
.tone-filter a{padding:4px 11px;font-size:13px}
.letter-index{top:66px}
.letter-group{scroll-margin-top:100px}
.library-grid{grid-template-columns:1fr}
.feature{padding:17px 48px 17px 18px;column-gap:15px}
}

/* 对比页：标题、辨析要点 */
.compare-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .4em}
.compare-title span{color:var(--muted);font-size:.5em;font-weight:400}
.key-points{margin-top:36px;padding:26px 30px;border:1px solid rgba(201,185,160,.72);border-left:4px solid var(--accent);border-radius:12px;background:rgba(255,253,248,.92);box-shadow:0 7px 20px rgba(62,41,20,.035)}
.key-points .eyebrow{justify-content:flex-start;margin:0}
.key-points h2{margin:2px 0 12px;font-size:22px}
.key-points ol{margin:0;padding:0;list-style:none;counter-reset:point}
.key-points li{position:relative;padding:14px 0 14px 42px;border-top:1px dashed var(--line);counter-increment:point}
.key-points li:first-child{padding-top:6px;border-top:0}
.key-points li:before{position:absolute;top:14px;left:0;color:var(--gold);content:counter(point,decimal-leading-zero);font:13px/1.8 var(--mono)}
.key-points li:first-child:before{top:6px}
.key-points li p{margin:0;font-size:16px;line-height:1.8}
.key-points li small{display:block;margin-top:3px;color:var(--muted);font-size:12px}
.key-points mark{padding:0 1px;background:linear-gradient(transparent 60%,#efd1bb 60%);color:var(--accent-dark);font-weight:700}
.key-points-empty{margin:0;color:var(--muted)}

/* 对比页：逐项对比表 */
.compare-sheet{margin-top:18px;overflow:hidden;border:1px solid rgba(201,185,160,.72);border-radius:12px;background:rgba(255,253,248,.92);box-shadow:0 7px 20px rgba(62,41,20,.035)}
.compare-table{width:100%;border-collapse:collapse;table-layout:fixed}
.compare-table th,.compare-table td{padding:18px 22px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.compare-table thead td,.compare-table thead th{border-top:0;background:#f6eee1}
.compare-table thead td{width:130px}
.compare-table thead th{padding-top:22px;padding-bottom:16px}
.compare-table thead b{display:block;font-size:24px;line-height:1.35}
.compare-table thead small{display:block;margin-top:2px;color:var(--muted);font:400 12px var(--mono)}
.compare-table tbody th{color:var(--accent);font-size:14px;line-height:1.8}
.compare-table tbody th em{display:block;width:fit-content;margin-top:6px;padding:0 7px;border-radius:4px;background:var(--accent);color:#fff;font-size:11px;font-style:normal;font-weight:400;line-height:1.8}
.compare-table tbody td{font-size:15px;line-height:1.85}
.compare-table tbody tr.is-different th,.compare-table tbody tr.is-different td{background:#fdf2ea}
.compare-table td p{margin:0}
.compare-table details{margin-top:10px}
.compare-table summary{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:13px;cursor:pointer;list-style:none}
.compare-table summary::-webkit-details-marker{display:none}
.compare-table summary:after{content:"↓";transition:transform .2s}
.compare-table details[open] summary:after{transform:rotate(180deg)}
.compare-table details p{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.compare-table tfoot td{padding-top:14px;padding-bottom:16px;background:#fbf7f0}
.compare-table tfoot a{color:var(--accent);font-size:14px;text-decoration:none}
.compare-table tfoot a:hover{color:var(--accent-dark)}

/* 对比页：易混对卡片 */
.pair-section{margin-top:64px}
.pair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pair-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 20px;border:1px solid rgba(201,185,160,.7);border-radius:11px;background:rgba(255,253,248,.86);color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.pair-card:hover{border-color:#c98c6c;box-shadow:var(--shadow);transform:translateY(-3px)}
.pair-words{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:19px;line-height:1.4}
.pair-words i{color:var(--accent);font-size:15px;font-style:normal}
.pair-tones{display:flex;flex-wrap:wrap;gap:6px}

/* 词条页：容易混淆 */
.confusable-card>p{color:var(--muted);font-size:14px}
.confusable-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.confusable-links a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #d8c3aa;border-radius:999px;color:var(--accent);font-size:14px;text-decoration:none;transition:border-color .2s,background-color .2s}
.confusable-links a:hover{border-color:var(--accent);background:#fff7f1}

@media(max-width:840px){
.compare-table thead td{width:92px}
.compare-table th,.compare-table td{padding:16px}
.pair-grid{grid-template-columns:repeat(2,1fr)}
}

/* 手机：对比表每一项改为上下排列 */
@media(max-width:600px){
.key-points{margin-top:28px;padding:20px 18px}
.key-points h2{font-size:19px}
.key-points li{padding-left:34px}
.key-points li p{font-size:15px}
.compare-table,.compare-table thead,.compare-table tbody,.compare-table tfoot,.compare-table tr,.compare-table th,.compare-table td{display:block;width:auto}
.compare-table thead tr{display:grid;grid-template-columns:1fr 1fr}
.compare-table thead td{display:none}
.compare-table thead th{padding:16px 18px 12px}
.compare-table thead th+th{border-left:1px solid var(--line)}
.compare-table thead b{font-size:20px}
.compare-table tbody tr{padding:16px 18px;border-top:1px solid var(--line)}
.compare-table tbody th,.compare-table tbody td{padding:0;border:0}
.compare-table tbody th{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.compare-table tbody th em{margin-top:0}
.compare-table tbody td{font-size:14px}
.compare-table tbody td:before{display:block;margin-bottom:2px;color:var(--ink);content:attr(data-word);font-size:13px;font-weight:700}
.compare-table tbody td+td{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.compare-table tbody tr.is-different{background:#fdf2ea}
.compare-table tbody tr.is-different th,.compare-table tbody tr.is-different td{background:transparent}
.compare-table tfoot tr{display:flex;flex-direction:column;gap:8px;padding:14px 18px;border-top:1px solid var(--line);background:#fbf7f0}
.compare-table tfoot td{padding:0;border:0;background:transparent}
.compare-table tfoot td:first-child{display:none}
.pair-section{margin-top:48px}
.pair-grid{grid-template-columns:1fr}
.pair-card{padding:16px 18px}
}

/* 首页功能卡：箭头不压住说明文字 */
@media(min-width:841px){.feature p{padding-right:26px}}

/* 对比页：自定义下拉框 */
.word-picker{position:relative;min-width:0}
.compare-form .word-picker input{width:100%;height:50px;padding:0 44px 0 15px;transition:border-color .15s}
.compare-form .picker-clear{position:absolute;top:50%;right:6px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border-radius:50%;background:transparent;color:var(--muted);font:20px/1 var(--serif);box-shadow:none;transform:translateY(-50%);transition:background-color .15s,color .15s}
.compare-form .picker-clear:hover{background:#f3e8db;color:var(--accent);box-shadow:none;transform:translateY(-50%)}
.compare-form .picker-clear[hidden]{display:none}
.picker-list{position:absolute;z-index:20;top:calc(100% + 6px);right:0;left:0;max-height:min(336px,50vh);margin:0;padding:6px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #d8c8b2;border-radius:10px;background:var(--card);box-shadow:0 16px 36px rgba(70,51,29,.14);list-style:none;animation:picker-in .14s ease-out}
.picker-list[hidden]{display:none}
.picker-list li[role="option"]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:7px;color:var(--ink);font-size:16px;line-height:1.5;cursor:pointer}
.picker-list li[role="option"]:hover,.picker-list li[aria-selected="true"]{background:#f6ece0;color:var(--accent-dark)}
.picker-list li.picker-group{padding:8px 12px 3px;color:var(--muted);font-size:12px;letter-spacing:.04em;line-height:1.5;cursor:default}
.picker-list li.picker-group:not(:first-child){margin-top:4px;border-top:1px dashed var(--line);padding-top:9px}
.picker-tag{flex:none;padding:0 7px;border:1px solid #e3c2ab;border-radius:999px;color:var(--accent);font-size:11px;line-height:1.7}
@keyframes picker-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.picker-list{animation:none}}

/* 对比页：整理过的辨析 */
.key-points h2 mark{background:linear-gradient(transparent 62%,#efd1bb 62%);color:inherit}
.key-points li .point-aspect{display:inline-block;margin-bottom:2px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.04em}
.usage-check{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.usage-check h3{margin:0 0 8px;font-size:15px}
.usage-check details{padding:8px 0;border-top:1px dashed var(--line)}
.usage-check details:first-of-type{border-top:0}
.usage-check summary{display:flex;justify-content:space-between;gap:16px;font-size:15px;cursor:pointer;list-style:none}
.usage-check summary::-webkit-details-marker{display:none}
.usage-check summary:after{flex:none;color:var(--accent);font-size:13px;content:"看答案"}
.usage-check details[open] summary:after{content:"收起"}
.usage-check details p{margin:4px 0 0;color:var(--muted);font-size:14px}
.usage-check details b{color:var(--accent-dark)}
.key-points-source{margin:14px 0 0;color:var(--muted);font-size:12px}

@media(max-width:840px){.compare-form .compare-submit{grid-column:1/-1}}
@media(max-width:600px){
.compare-form .word-picker input{height:48px}
.compare-form .picker-clear{height:36px}
.compare-form .compare-submit{grid-column:auto}
.picker-list li[role="option"]{padding:10px 12px}
.usage-check summary{font-size:14px}
}

/* 词条页：按字段分块 */
.detail .pinyin{margin-bottom:10px}
.detail-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:24px}
.variant-note{color:var(--muted);font-size:13px}
.field-list{margin:0}
.field-list>div{display:grid;grid-template-columns:76px 1fr;gap:14px;padding:10px 0;border-top:1px dashed var(--line)}
.field-list>div:first-child{padding-top:0;border-top:0}
.field-list>div:last-child{padding-bottom:0}
.field-list dt{color:var(--accent);font-size:14px;line-height:1.8}
.field-list dd{margin:0}
.card .source{color:var(--accent-dark);font-weight:700}
.card .story{margin-top:10px}
.detail mark,.practice mark{padding:0 1px;background:linear-gradient(transparent 60%,#efd1bb 60%);color:inherit}
.example-list li p{margin:0}
.card .example-note{display:block;margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.mistake-list{margin:0;padding:0;list-style:none}
.mistake-list li{margin:0;padding:14px 0;border-top:1px dashed #e6d3b8}
.mistake-list li:first-child{padding-top:0;border-top:0}
.mistake-list li:last-child{padding-bottom:0}
.mistake-type{display:inline-block;margin-bottom:6px;padding:0 8px;border-radius:4px;background:#f6e6cf;color:#94571f;font-size:12px;line-height:1.9}
.card .mistake-wrong{margin:0 0 4px;color:#aa3922}
.mistake-compare,.practice-detail{display:inline-flex;gap:6px;margin-top:8px;color:var(--accent);font-size:13px;text-decoration:none}
.mistake-compare:hover,.practice-detail:hover{color:var(--accent-dark)}

/* 练习页：答完后的讲解 */
.card h2 .tone-badge{margin-left:6px;vertical-align:3px}
.card .practice-literal{margin-bottom:6px;color:var(--muted);font-size:14px}
.practice-tone-note{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.practice-detail{margin-top:16px;font-size:14px}

/* 对比页：表格里的补充说明和易错提醒 */
.compare-table .tone-note{display:block;margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.compare-table .compare-mistake+.compare-mistake{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.compare-mistake .mistake-type{display:table;margin-bottom:4px}

@media(max-width:600px){
.field-list>div{grid-template-columns:1fr;gap:2px}
.field-list dt{font-size:13px}
}

/* 登录和注册 */
.auth-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:56px;align-items:center;max-width:920px}
.auth-aside{position:relative;overflow:hidden;padding:40px 36px;border:1px solid #bca588;border-radius:4px;background:linear-gradient(135deg,#fbf4e8 0%,#f4e5cd 100%);box-shadow:12px 14px 0 #e4d3b9,0 18px 36px rgba(76,49,25,.1);animation:auth-rise .5s ease-out both}
.auth-aside:after{position:absolute;right:-12px;bottom:-34px;color:rgba(170,96,43,.08);content:"记";font-size:190px;font-weight:900;line-height:1;pointer-events:none}
.auth-seal{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:2px solid var(--accent);border-radius:6px;color:var(--accent);font-size:26px;font-weight:900;transform:rotate(-6deg)}
.auth-aside-title{margin:22px 0 18px;color:#3a2b20;font-size:24px;font-weight:700;letter-spacing:.06em}
.auth-perks{position:relative;z-index:1;margin:0;padding:0;list-style:none}
.auth-perks li{display:grid;gap:1px;padding:12px 0 12px 18px;border-top:1px dashed rgba(165,105,56,.3);background:linear-gradient(var(--accent),var(--accent)) 0 21px/6px 6px no-repeat}
.auth-perks b{color:#3a2b20;font-size:15px}
.auth-perks span{color:#7a6048;font-size:13px;line-height:1.6}
.auth-aside-note{position:relative;z-index:1;margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(165,105,56,.3);color:#957451;font-size:12px;line-height:1.7}
.auth-main{animation:auth-rise .5s .08s ease-out both}
.page.auth-page h1{margin-bottom:6px}
.auth-lead{margin:0 0 22px;color:var(--muted);font-size:15px}
.auth-form{display:grid;gap:16px;margin-top:0}
.auth-field{display:grid;gap:6px}
.auth-form label{color:var(--muted);font-size:14px}
.auth-form input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:8px;outline:0;background:rgba(255,253,248,.85);color:var(--ink);font:16px var(--serif);transition:border-color .15s,box-shadow .15s}
.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(187,76,42,.12)}
.auth-form input[aria-invalid="true"]{border-color:#aa3922;background:#fff8f5}
.password-wrap{position:relative}
.password-wrap input{padding-right:64px}
.auth-form .password-toggle{position:absolute;top:50%;right:6px;height:36px;padding:0 12px;border-radius:6px;background:transparent;color:var(--accent);font-size:13px;box-shadow:none;transform:translateY(-50%)}
.auth-form .password-toggle:hover{background:#f3e8db;box-shadow:none;transform:translateY(-50%)}
.auth-form .password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.auth-form .password-toggle[hidden]{display:none}
.auth-note{margin:0!important;color:var(--muted);font-size:12px;line-height:1.7}
.auth-note b{color:var(--accent-dark);font-weight:500}
.auth-form .auth-submit{height:50px;margin-top:4px;font-size:15px;letter-spacing:.1em}
.auth-form .auth-submit:disabled{background:#c9a898;box-shadow:none;cursor:not-allowed;transform:none}
.auth-form .auth-submit.is-busy{cursor:wait}
.auth-page .form-error{margin:0 0 14px;padding:10px 14px;border-left:3px solid #aa3922;border-radius:0 8px 8px 0;background:#fdf1ec;font-size:14px}
.auth-wait{margin-left:4px}
.auth-wait b{font-family:var(--mono)}
.auth-switch{margin-top:18px;color:var(--muted);font-size:14px}
.auth-switch a{margin-left:4px;color:var(--accent)}
@keyframes auth-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.auth-aside,.auth-main{animation:none}}
@media(max-width:760px){
.auth-page{grid-template-columns:1fr;gap:36px;max-width:520px}
.auth-aside{order:2;padding:26px 24px;box-shadow:8px 9px 0 #e4d3b9,0 15px 28px rgba(76,49,25,.1)}
.auth-aside-title{margin:14px 0 10px;font-size:20px}
.auth-seal{width:42px;height:42px;font-size:21px}
}

/* 导航栏：退出按钮做成和链接一样的样式 */
.nav-logout{display:flex;margin:0}
.nav-logout button{padding:7px 14px;border-radius:999px;background:transparent;color:var(--muted);font:14px var(--serif);box-shadow:none}
.nav-logout button:hover{background:#eee6d8;color:var(--accent);box-shadow:none;transform:none}
.nav-user{color:#aaa49a;font-size:12px}
@media(max-width:600px){
.nav-user{display:none}
.nav-logout button{padding:6px 7px;font-size:13px}
}

/* 收藏按钮和登录提示 */
.favorite-form{margin:0 0 16px}
.favorite-form button{padding:6px 14px;border:1px solid #d8c3aa;background:transparent;color:var(--accent);font-size:13px;box-shadow:none}
.favorite-form button:hover{border-color:var(--accent);background:#fff7f1;box-shadow:none}
.favorite-form button.is-on{border-color:var(--accent);background:#f6e6cf}
.login-hint{margin:0 0 16px;color:var(--muted);font-size:14px}
.login-hint a{color:var(--accent)}

/* 我的：三栏、题目快照、清除记录 */
.me-tabs{display:flex;gap:6px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.me-tabs a{margin-bottom:-1px;padding:8px 16px;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-size:15px}
.me-tabs a:hover{background:transparent}
.me-tabs a.is-active{border-bottom-color:var(--accent);background:transparent;color:var(--accent);font-weight:700}
.me-section{margin:32px 0 4px;font-size:18px}
.attempt-card{border-left:4px solid #50825c}
.attempt-card.is-wrong{border-left-color:var(--accent)}
.attempt-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin-bottom:10px}
.attempt-result{font-weight:700}
.attempt-card.is-correct .attempt-result{color:#50825c}
.attempt-card.is-wrong .attempt-result{color:var(--accent)}
.attempt-meta{color:var(--muted);font-size:13px}
.card .attempt-question{margin-bottom:12px}
.card .attempt-options{display:grid;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.card .attempt-options li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:6px 10px;border:1px solid var(--line);border-radius:8px}
.attempt-options li.is-answer{border-color:#8fb597;background:#f1f7f0}
.attempt-options li.is-picked:not(.is-answer){border-color:#e0a58f;background:#fdf1ec}
.attempt-options a{color:var(--ink)}
.attempt-letter{color:var(--accent);font:12px var(--mono);font-weight:700}
.card .attempt-tag{margin:0;padding:0 6px;border-radius:4px;background:#e2efe1;color:#3d6b48;font-size:12px}
.card .attempt-tag.picked{background:#f6e6cf;color:#94571f}
.card .attempt-stale{margin:0;color:var(--muted);font-size:12px}
.attempt-card .favorite-form{margin:0}
.favorite-idioms{margin:12px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.favorite-idioms li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 4px;border-bottom:1px solid var(--line)}
.favorite-idioms a{color:var(--ink);font-size:18px;font-weight:700;text-decoration:none}
.favorite-idioms a:hover{color:var(--accent)}
.favorite-idioms small{flex:1;color:var(--muted);font-size:13px}
.favorite-idioms time{color:#aaa49a;font:12px var(--mono)}
.empty a{margin-left:6px;color:var(--accent)}
.load-more{margin:20px 0 0;text-align:center}
.load-more a{color:var(--accent)}
.me-danger{margin-top:48px;padding-top:20px;border-top:1px dashed var(--line);color:var(--muted);font-size:13px}
.me-danger p{margin:0 0 10px}
.me-danger button{padding:8px 16px;border:1px solid #d9a08c;background:transparent;color:#aa3922;box-shadow:none}
.me-danger button:hover{background:#fdf1ec;box-shadow:none}