/* Approved mint visual system; API state and actions remain in app.js. */
:root{--bg:#e7faf4;--surface:#fff;--surface-2:#f3fbf8;--ink:#18272b;--ink-2:#465b64;--muted:#5b6b73;--line:#dcece8;--btn:#0077b3;--btn-hover:#006fa4;--serif:var(--sans);--blue-bg:#eaf7ff;--blue-ink:#175f88;--green-bg:#e4f8da;--green-ink:#2e613c;--top:96px;--r:22px}
body{background:var(--bg)}#root.chat-layout{--fs-lg:26px;--fs-sm:20px;background:var(--bg);left:0;top:0;width:100%;height:100dvh;transform:none;overflow:hidden}
.screen > .ai-disclosure{flex:none;margin:0;min-height:30px;box-sizing:border-box;padding:5px 28px 3px;text-align:right;font-family:var(--sans);font-size:17px;font-weight:400;line-height:22px;color:var(--muted);background:var(--bg)}
@media(max-width:760px){.screen > .ai-disclosure{min-height:28px;padding:4px 14px 2px;font-size:16px;line-height:22px}}
@media(max-height:500px) and (orientation:landscape){.screen > .ai-disclosure{min-height:26px;padding-top:2px;padding-bottom:2px}}
.screen{animation:none}.screen>.top{flex:none}.screen>.body{min-height:0}.mint-top{height:96px!important;min-height:96px;background:#f7fffc;border:0;border-radius:0 0 26px 26px;padding:10px 24px!important;gap:16px}.mint-top .side{width:auto!important;flex:initial!important;align-items:center;gap:8px}.mint-top h1{min-width:0;flex:1!important;font:600 24px/1.3 var(--sans);padding:0!important;text-align:center;overflow-wrap:anywhere}.chat-screen .mint-top h1{font-size:0}.mint-brand{display:inline-flex;gap:10px;align-items:center;font-size:32px;font-weight:750;white-space:nowrap;min-height:64px;border-radius:16px}.mint-brand img{width:64px;height:72px;object-fit:contain}.mint-brand em{font-style:normal;color:#e3b600;font-size:22px;vertical-align:top}.mint-top .return-link{font-size:18px;padding:0 8px}.mint-top .return-link svg{width:20px;height:20px}.mint-nav{background:white;padding:5px;border-radius:40px;gap:2px}.mint-top .mint-nav .tbtn{border-radius:28px;min-height:56px;height:auto;padding:10px 16px;font-size:21px;white-space:nowrap}.mint-nav .tbtn svg{width:26px;height:26px}.mint-nav [aria-current=page]{background:#e3f4ff;color:#0075ab}.pbtn{background:var(--btn);border-radius:24px;min-height:56px;height:auto;padding:12px 24px}.sbtn{border-radius:24px;min-height:56px;height:auto;padding:12px 22px}.sbtn:hover{background:#eaf7fd}.mask{position:absolute;padding:16px;background:#23443d66}.dlg{width:min(600px,calc(100% - 16px));max-height:calc(100% - 16px);overflow:auto;border-radius:26px;padding:28px;background:#fff}.dlg h3{font-family:var(--sans);font-size:30px}.dlg .full{margin:8px 0;min-height:56px}.speech-switch{background:#eaf7ff;border:1px solid #bce0f0;color:#165a80;border-radius:24px}.dlg .acts{margin-top:20px;flex-wrap:wrap}.dlg .acts button{min-height:56px;min-width:100px;border-radius:22px}.toast{white-space:normal;width:max-content;max-width:calc(100% - 32px);border-radius:18px;background:#244a4e;color:white;bottom:120px;font-size:20px}.unlock{background:var(--bg);font-family:var(--sans);overflow:auto;padding:24px}.unlock .logo{background:#fff;border:0;box-shadow:0 8px 30px #2d9d7a08}.unlock h2{font-family:var(--sans)}.login-form{max-width:100%;width:420px}.login-form input{height:64px;border-color:var(--line);border-radius:20px}.unlock .pbtn{height:auto;min-height:64px;border-radius:24px;background:var(--btn)}.blank{font-family:var(--sans)}.summary-time{font-variant-numeric:tabular-nums}.gen{gap:18px;overflow:auto;padding:24px}.gen b{font-family:var(--sans)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #0079b3;outline-offset:3px}.chat-layout .top .side.r{flex:none}
@media(max-width:1080px){.mint-top{gap:10px;padding:8px 16px!important}.mint-top h1{font-size:20px}.mint-brand{font-size:27px;gap:6px}.mint-brand img{width:54px;height:60px}.mint-brand em{display:none}.mint-top .mint-nav .tbtn{font-size:20px;padding:10px 12px}.mint-top .return-link span{display:none}}
@media(max-width:760px){.mint-top{height:80px!important;min-height:80px;flex-wrap:nowrap!important;padding:8px 12px!important;gap:8px}.mint-top h1{display:none}.mint-top .mint-nav .tbtn{font-size:18px;padding:8px 12px;gap:4px}.mint-nav svg{display:none}.mint-top .return-link{min-width:36px;padding:4px}.mint-brand img{width:44px;height:54px}.mint-brand{font-size:24px}.mint-nav{margin-left:auto}.mint-top .side:first-child{flex:none!important}.mint-top .side.r{flex:none!important}.dlg{padding:22px}.dlg h3{font-size:28px}.unlock h2{font-size:32px}.unlock{gap:16px}.unlock .logo{width:80px;height:80px;font-size:32px}}
@media(max-width:460px){.mint-brand>span{display:none}.mint-top{gap:2px;padding:8px!important}.mint-top .mint-nav .tbtn{font-size:17px;padding:8px}.mint-top .return-link{min-width:28px;padding:2px}.mint-top .return-link svg{width:20px}.mint-top .side{gap:0}.mint-brand img{width:34px;height:48px}.dlg .acts{gap:8px}.dlg .acts button{min-width:72px;padding:12px}.reading-screen .article-checks{font-size:22px}}
@media(max-height:500px) and (orientation:landscape){.mint-top{height:64px!important;min-height:64px}.mint-brand img{height:50px}.mint-nav .tbtn{min-height:48px!important;padding:6px 14px!important}.mint-top .return-link{height:48px}.mint-brand{min-height:48px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* 未点开状态只用圆点，不显示数量。 */
.unopened-dot{display:inline-block;width:16px;height:16px;min-width:16px;border-radius:50%;background:#fa5151;box-shadow:0 0 0 2px white;vertical-align:middle;align-self:center;pointer-events:none}
.mint-nav{margin-left:auto}.mint-nav .tbtn{position:relative}.mint-nav .unopened-dot{position:absolute;top:6px;right:6px;margin:0;transform:translate(50%,-50%)}
.mint-top .memoir-brand{display:flex;align-items:center;font:700 28px/1.3 var(--sans);white-space:nowrap;min-height:56px;padding:4px 6px;flex-shrink:0}
@media(max-width:760px){.mint-top .memoir-brand{font-size:24px;padding:4px}}
@media(max-width:460px){.mint-top .memoir-brand{font-size:18px;padding:2px}.mint-top .side:first-child{gap:2px}}
@media(max-width:600px){.mint-top:has(.mint-nav [data-act="mybook"]){height:auto!important;min-height:112px;flex-wrap:wrap!important}.mint-top:has(.mint-nav [data-act="mybook"]) .side:first-child{flex-basis:100%!important}.mint-top:has(.mint-nav [data-act="mybook"]) .mint-nav{margin-left:auto}}
@media(max-width:360px){.mint-top .mint-nav{padding:4px;gap:0}.mint-top .mint-nav .tbtn{font-size:16px;padding:8px 4px;min-width:44px}.mint-top .memoir-brand{padding:2px 0}}
