*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
a{text-underline-offset:2px}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #d06b18;outline-offset:2px}

.skip-link{position:fixed;left:8px;top:-60px;z-index:9999;background:#111;color:#fff;padding:8px 12px}
.skip-link:focus{top:8px}
.meta,.smallprint{font-size:12px;color:#59615f}
.figcap{font-size:12px;color:#5e6361;margin-top:6px}
.plain-button{appearance:none;border:1px solid #6d7776;background:#f3f3ef;color:#161918;padding:6px 11px;border-radius:0;cursor:pointer}
.plain-button:hover{background:#e5e8e5}
.plain-button:disabled{opacity:.5;cursor:not-allowed}
.plain-button.success{background:#395f46;color:#fff;border-color:#31523c}
.plain-button.danger{color:#7a2020;border-color:#9d6868}
.feedback{display:none;margin:10px 0;padding:9px 11px;border-left:4px solid #747c7a;background:#eef0ed;color:#202523}
.feedback.show{display:block}
.feedback.good{border-color:#356344;background:#e4eee7}
.feedback.bad{border-color:#8b3c3c;background:#f1e3e3}
.completed-note{margin:14px 0;padding:10px 0;border-top:1px solid #aeb3b0;border-bottom:1px solid #aeb3b0;color:#344b3a}
.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#111;color:#fff;padding:8px 13px;z-index:500;opacity:0;pointer-events:none;transition:opacity .15s}
.toast.show{opacity:1}
.context-help{appearance:none;border:1px solid currentColor;background:transparent;color:inherit;width:24px;height:24px;line-height:20px;text-align:center;cursor:pointer;padding:0;margin-left:auto}
.context-hint-panel{background:#f3f3ef;border:1px solid #aeb3b0;padding:12px 14px;color:#222}
.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b9bdbb;margin-bottom:7px}
.panel-head h3{margin:0 0 7px;font-size:14px}
.hint-step{padding:8px 0;border-bottom:1px dotted #b9bdbb}
.modal-backdrop{position:fixed;inset:0;background:#0008;display:none;place-items:center;z-index:999}
.modal-backdrop.open{display:grid}
.modal{width:min(470px,calc(100% - 30px));background:#fff;border:1px solid #666;padding:22px}
.modal-actions{display:flex;gap:8px;justify-content:flex-end}

.archive-shell{max-width:1100px;margin:0 auto;padding:2px 10px;background:#f1eee8;color:#655f58;border-bottom:1px solid #d7d1c7;font:12px/1.45 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.02em}
.archive-shell a{float:right;color:#66554f;text-decoration:none}
.archive-shell a:hover{text-decoration:underline;color:#3f312d}
.archive-viewbar{position:sticky;top:0;z-index:9999;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#222;color:#eee;font:12px Arial,"Microsoft YaHei",sans-serif;border-bottom:1px solid #555}
.archive-viewbar[hidden]{display:none}
.archive-viewbar button{border:1px solid #777;background:#3a3a3a;color:#eee;padding:4px 8px;margin-left:5px}
.archive-viewbar button.active{background:#e7e7e7;color:#111;border-color:#bbb}
.archive-fit-frame{position:relative}
.archive-fit-frame>*{margin-top:0!important}
.to-top{position:fixed;right:16px;bottom:16px;z-index:450;display:none;width:36px;height:36px;border:1px solid #666;background:#232323;color:#fff;cursor:pointer}

@media(max-width:700px){
  .archive-shell{font-size:12px}
  .archive-shell a{float:none;margin-left:10px}
}


/* Optional 1-yuan support layer. Kept outside the diegetic archive UI and never gates content. */
.baige-support-chip{position:fixed;right:16px;bottom:16px;z-index:9200;display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #8b7768;background:rgba(31,29,26,.91);color:#e6d7c2;box-shadow:0 8px 26px rgba(0,0,0,.24);font:11px/1 Arial,"Microsoft YaHei",sans-serif;cursor:pointer;backdrop-filter:blur(4px)}
.baige-support-chip span{color:#be8d79;font:700 15px/1 Georgia,serif}.baige-support-chip b{font-weight:400}.baige-support-chip:hover{background:#46332f;color:#fff}.support-complete .baige-support-chip span{color:#93a47f}.support-complete .baige-support-chip b:after{content:" · 已支持";color:#9eb18a}
.baige-pay-overlay[hidden]{display:none!important}.baige-pay-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,9,9,.76);backdrop-filter:blur(6px);opacity:0;transition:opacity .32s ease}.baige-pay-overlay.is-open{opacity:1}.support-open{overflow:hidden}
.baige-pay-card{position:relative;width:min(720px,94vw);max-height:92vh;overflow:auto;background:#e9e3d8;color:#332f2a;border:1px solid #77685d;box-shadow:0 30px 90px rgba(0,0,0,.55);transform:translateY(12px) scale(.986);transition:transform .32s ease}.baige-pay-overlay.is-open .baige-pay-card{transform:none}.baige-pay-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#682c28}.baige-pay-inner{padding:27px 30px 23px}.baige-pay-close{position:absolute;right:11px;top:8px;width:34px;height:34px;border:0;background:transparent;color:#88796d;font:26px/1 Georgia,serif;cursor:pointer}.baige-pay-close:hover{color:#5f2f2c}
.baige-pay-head{padding-right:38px;padding-bottom:13px;border-bottom:1px solid #bcb0a0}.baige-pay-eyebrow{color:#8b786a;font:9px/1.5 Consolas,"Courier New",monospace;letter-spacing:1.8px}.baige-pay-head h2{margin:5px 0 4px;color:#512925;font:400 24px/1.45 STSong,SimSun,serif;letter-spacing:.04em}.baige-pay-head p{margin:0;color:#766c63;font-size:11px}.baige-pay-body{display:grid;grid-template-columns:156px 1fr;gap:24px;align-items:start;padding:22px 0 18px}.baige-pay-qr{margin:0;padding:7px;background:#f8f5ee;border:1px solid #b9ad9d;box-shadow:3px 4px 0 rgba(64,51,42,.11)}.baige-pay-qr img{display:block;width:140px;height:166px;object-fit:cover;object-position:50% 43%;background:#fff}.baige-pay-qr figcaption{padding:7px 2px 1px;text-align:center;color:#766b61;font:9px/1.4 Consolas,monospace}.baige-pay-qr.qr-failed{min-height:168px;display:grid;place-items:center}.baige-pay-qr.qr-failed figcaption{padding:18px 8px;line-height:1.7}
.baige-pay-copy{font-size:12px;line-height:1.9}.baige-pay-copy p{margin:0 0 10px}.baige-pay-line{margin-top:13px!important;padding:9px 11px;border-left:3px solid #773832;background:#ddd3c2;color:#58483d}.baige-pay-foot{display:flex;gap:10px;padding-top:15px;border-top:1px dashed #b9ad9d}.baige-pay-foot button{flex:1;padding:10px 12px;border:1px solid #8b7768;font:11px/1.2 "Microsoft YaHei",sans-serif;cursor:pointer}.baige-pay-done{background:#66332f;color:#f3e8d8}.baige-pay-later{background:#f2ece1;color:#62574f}.baige-pay-foot button:hover{filter:brightness(.96)}
@media(max-width:620px){.baige-support-chip{right:10px;bottom:10px;width:36px;height:36px;justify-content:center;padding:8px}.baige-support-chip b{display:none}.baige-pay-overlay{padding:10px}.baige-pay-inner{padding:24px 17px 18px}.baige-pay-head h2{font-size:20px}.baige-pay-body{grid-template-columns:1fr;gap:15px}.baige-pay-qr{width:136px;margin:0 auto}.baige-pay-qr img{width:120px;height:143px}.baige-pay-copy{font-size:11px}.baige-pay-foot{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.baige-pay-overlay,.baige-pay-card{transition:none}}