body{margin:0;background:#eef3f8;color:#20314a;font:15px/1.65 "Microsoft YaHei",system-ui,sans-serif}main{max-width:1480px;margin:auto;padding:30px}h1{font-size:29px;margin-bottom:8px}h2{font-size:23px}small{font-size:15px;font-weight:400;color:#576b83}section{background:white;border-radius:14px;padding:24px;margin:24px 0;box-shadow:0 4px 20px #243e6010}figure{margin:12px 0 24px}figure img{width:100%;height:auto;background:#f1f5fa}figcaption,.muted{color:#63738a;font-size:13px}a{color:#165bbb;margin-right:12px}nav{display:flex;flex-wrap:wrap;gap:12px}.notice{border-left:4px solid #d49b23;background:#fff7df;padding:14px 20px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}td,th{padding:9px 12px;border-bottom:1px solid #e4eaf2;text-align:left}th{background:#eff4fa}details{margin:14px 0;background:#f5f8fc;padding:12px 16px;border-radius:8px}summary{cursor:pointer}.downloads{display:flex;flex-wrap:wrap;gap:8px;padding:15px 0}.native{display:flex}.native img{width:50%;object-fit:contain}.warning{color:#9c3d29}@media(max-width:700px){main{padding:12px}section{padding:12px}h1{font-size:23px}}


.sharebar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}
button{font:inherit;cursor:pointer;min-height:44px;padding:9px 15px;border:1px solid #b9cce5;border-radius:9px;background:#fff;color:#174a89}
button:focus-visible,a:focus-visible{outline:3px solid #5199e5;outline-offset:3px}
#copyShareLink{background:#165bbb;color:white;border-color:#165bbb}
#shareStatus{font-size:13px;color:#63738a;overflow-wrap:anywhere}
.image-view{display:block;margin:0;cursor:zoom-in}
.image-view img{display:block;width:100%;height:auto}
.image-hint{font-size:12px;color:#63738a;margin:3px 0 9px}
.image-loading-container{min-width:0;width:100%}
.image-load-state{font-size:13px;line-height:1.6;color:#75603b;padding:9px 0;overflow-wrap:anywhere}
.image-load-state button{margin:7px 0 0;display:block}
.image-load-state[hidden],.image-load-state button[hidden],#dialogImageStatus[hidden]{display:none}
.native .image-loading-container{width:50%}.native .image-loading-container .image-view{width:100%}
#dialogImageStatus{flex-shrink:0;margin:0;padding:8px 14px;color:#8b4c2b;font-size:13px;background:#fff5e3}
.native .image-view{width:50%}.native .image-view img{width:100%}
main,section,figure{min-width:0}p,.downloads{overflow-wrap:anywhere}
.scroll{max-width:100%;-webkit-overflow-scrolling:touch}
#imageDialog{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:1800px;max-height:none;padding:0;border:0;border-radius:12px;background:#f4f7fb;color:#20314a;overflow:hidden}
#imageDialog::backdrop{background:rgba(9,20,35,.86)}
.dialog-toolbar{display:flex;align-items:center;gap:9px;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #dce5f0;background:white;flex-shrink:0}
.dialog-toolbar span{font-size:13px}.dialog-buttons{display:flex;gap:8px}
#imageDialog[open]{display:flex;flex-direction:column}
#originalImageLink{display:inline-flex;align-items:center;min-height:44px;margin-right:0;font-size:13px;white-space:nowrap}
#imageViewport{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
#dialogImage{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
#imageViewport.original-size{display:block}
#imageViewport.original-size #dialogImage{max-width:none;max-height:none;width:auto;height:auto;margin:0}
@media(max-width:700px){body{font-size:14px}h2{font-size:20px}nav{gap:7px}nav a{padding:5px 0}section{overflow:hidden}.native{display:block}.native .image-view,.native .image-loading-container{width:100%}.native .image-view+.image-view,.native .image-loading-container+.image-loading-container{margin-top:12px}#imageDialog{width:100vw;height:100dvh;max-width:none;border-radius:0;margin:0}.dialog-toolbar{padding:9px;flex-wrap:wrap}.dialog-toolbar span{width:100%;font-size:12px;overflow-wrap:anywhere}.dialog-buttons{width:100%;gap:10px;justify-content:flex-end}.dialog-buttons button{padding:7px 10px}}

body.image-dialog-open{overflow:hidden}.copy-fallback{position:fixed;left:-9999px;top:0}
.source-style-1{color:#d62229}
.source-style-2{color:#2961d1}
.source-style-3{color:#61ab85}
.source-style-4{color:#c38c16}
.source-style-5{color:#df4094}
.source-style-6{color:#a45cb8}