/* 珍宝阁既有视觉：玄夜底色、山景、楷体、暗金。商城与售后共用。 */
:root{--ink-base:#07080a;--card-bg:rgba(12,14,18,.85);--dark-gold:#c5a977;--dim-gold:rgba(197,169,119,.15);--text-main:#e2dcd0;--text-muted:#8c8577;--jade-green:#688a75;--blood-red:#8b3a3a}
@font-face{font-family:mf;src:url('/staticweb/two_subset.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}
html{background:var(--ink-base)}
body.shop-orders{margin:0;min-height:100vh;color:var(--text-main);background:transparent;font-family:"STKaiti","KaiTi","楷体","STSong","SimSun",serif;font-size:16px;line-height:1.8;isolation:isolate}
body.shop-orders::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--ink-base);background-image:linear-gradient(to bottom,rgba(5,6,8,.4),rgba(5,6,8,.95)),url('/staticweb/web_bg.webp');background-size:cover;background-position:center top}
.shop-orders *{box-sizing:border-box}.shop-orders main{width:90%;max-width:1100px;margin:auto;padding-bottom:80px}
.shop-orders .header-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 16px 40px;gap:16px}
.shop-orders h1{font-family:mf,"STKaiti","KaiTi",serif;color:var(--dark-gold);font-size:56px;line-height:1.5;letter-spacing:24px;text-indent:24px;margin:0 0 16px;font-weight:normal;text-shadow:0 2px 15px rgba(197,169,119,.2)}
.shop-orders nav{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;letter-spacing:2px}.shop-orders nav [aria-current]{color:var(--dark-gold)}
.shop-orders h2{color:var(--dark-gold);font-size:24px;font-weight:normal;letter-spacing:4px;line-height:32px;margin:40px 0 24px}
.shop-orders h3{font-size:20px;line-height:28px;color:var(--dark-gold);font-weight:normal;letter-spacing:2px;margin:0}
.shop-orders p{margin:8px 0;text-wrap:pretty}.shop-orders .muted,.shop-orders .meta{color:#b2aa9b}.shop-orders .meta{font-size:14px;line-height:24px;overflow-wrap:anywhere}
.shop-orders a{color:var(--dark-gold);text-underline-offset:4px}.shop-orders .panel{background:var(--card-bg);border:1px solid var(--dim-gold);border-radius:16px;padding:32px;margin:24px 0;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.shop-orders .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.shop-orders .money{color:var(--dark-gold);font-size:20px}
.shop-orders button,.shop-orders textarea{font:inherit}.shop-orders button{padding:8px 16px;min-height:44px;background:transparent;color:var(--dark-gold);border:1px solid rgba(197,169,119,.5);border-radius:8px;cursor:pointer;letter-spacing:2px;transition:background .3s cubic-bezier(.32,.72,0,1),color .3s cubic-bezier(.32,.72,0,1)}
.shop-orders button:hover{background:var(--dark-gold);color:var(--ink-base)}.shop-orders button:active{transform:translateY(1px)}.shop-orders button:disabled{opacity:.5;cursor:wait}
.shop-orders :focus-visible{outline:2px solid var(--dark-gold);outline-offset:4px}.shop-orders textarea{width:100%;min-height:96px;padding:16px;background:rgba(7,8,10,.6);color:var(--text-main);border:1px solid rgba(197,169,119,.4);border-radius:8px;margin:8px 0;caret-color:var(--dark-gold)}
.shop-orders .error{color:#dfa29a}.shop-orders .status{font-size:16px;color:var(--dark-gold)}.shop-orders .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.shop-orders .reason{white-space:pre-wrap;overflow-wrap:anywhere}
.shop-orders .skip{position:absolute;top:-80px}.shop-orders .skip:focus{top:8px}.shop-orders .skeleton{height:80px;background:rgba(197,169,119,.08);border-radius:8px;margin:12px 0}
.shop-orders .progress{padding:12px 0;color:var(--dark-gold)}.shop-orders form[hidden]{display:none}.shop-orders ::selection{background:var(--dark-gold);color:var(--ink-base)}
.shop-orders summary{cursor:pointer;color:var(--dark-gold);letter-spacing:1px}.shop-orders input,.shop-orders select{max-width:100%;font:inherit;background:rgba(7,8,10,.6);color:var(--text-main);border:1px solid rgba(197,169,119,.4);border-radius:8px;padding:8px 12px;min-height:44px}.shop-orders #grant-form{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.shop-orders #grant-order{flex:1;min-width:160px}
.shop-orders .admin-review{margin-top:24px}.shop-orders .admin-review h3{margin-bottom:16px}.shop-orders .admin-review label{display:block;min-height:44px}.shop-orders .admin-review input[type=checkbox]{width:16px;height:16px;min-height:16px;padding:0;vertical-align:middle;accent-color:var(--dark-gold)}
@media(max-width:600px){.shop-orders main{width:95%;padding:0 8px 40px}.shop-orders .header-container{padding:40px 8px 24px;gap:12px}.shop-orders h1{font-size:36px;letter-spacing:8px;text-indent:8px;margin-bottom:8px}.shop-orders nav{gap:16px;font-size:14px}.shop-orders .panel{padding:20px 16px;border-radius:14px}.shop-orders h2{font-size:20px;line-height:28px;margin-top:32px}.shop-orders h3{font-size:18px}.shop-orders .money{font-size:18px}}
@media(prefers-reduced-motion:reduce){.shop-orders button{transition:none}}