/* 10.7 detail refinement. Display only; preserve homepage v3 and all pricing. */
:root{--polish-rule:#ddd5c6;--polish-copper:#8a704b}
.screen:not(#home) .sec-t{display:flex;align-items:center;gap:14px;letter-spacing:.02em}
.screen:not(#home) .sec-t::after{content:"";height:1px;flex:1;min-width:12px;background:linear-gradient(90deg,var(--polish-rule),transparent)}
.topnav{border-bottom:1px solid rgba(123,108,80,.08)}
.topnav .back{border-radius:50%;color:#526050}
.subhead{line-height:1.8;text-wrap:pretty}
.product-overview{background:linear-gradient(145deg,#fffefa 50%,#f6f3ea);border-color:#e3ddcf}
.product-overview .dhead{padding-top:22px}
.product-overview .dhead .icon{box-shadow:0 3px 10px rgba(39,46,33,.08)}
.product-overview .intro{padding-bottom:18px}
.try-link{background:#f1f2ec;border-color:#e1e4d8}
#detail .notice{border:0;border-left:2px solid #c6b18b;border-radius:0;background:transparent;margin-block:18px;padding:4px 14px;color:#69614e;font-size:12px;line-height:1.85}
#detail .preview-title{padding-top:12px;letter-spacing:.03em}
#detailPackages{scroll-margin-top:64px}
#detail .opt{padding:14px;gap:12px;border-color:#e4dfd4;box-shadow:none}
#detail .opt[aria-checked=true]{background:linear-gradient(110deg,#eef2e8,#fafaf4);border-color:#657b62;box-shadow:inset 3px 0 0 #657b62}
#detail .opt .o-n{min-width:0}
#detail .o-badge{display:inline-block;white-space:nowrap;vertical-align:middle}
#detail .opt .pts{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
#detail .opt .pts small{letter-spacing:0}
#detail .opt .yuan{margin-top:2px;font-size:12px;letter-spacing:0}
.steps li::before{background:#f4eedf;border:1px solid #e5d9bf;font-family:Georgia,serif}
.faq details[open] summary,.status-help[open] summary{color:var(--brand)}
.faq details[open] p{padding-left:12px;border-left:2px solid #ded4bf}
.faq details:last-child{border-bottom:0}
.actionbar .bal{flex-shrink:0}
.actionbar .btn{line-height:1.55}
.actionbar .btn small{line-height:1.55}
/* Two readable columns keep large totals and gift breakdowns together on phones. */
#topup .tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:4px}
#topup .tier{min-height:130px;padding:14px 10px 12px;background:linear-gradient(155deg,#fffefa,#fcfaf5);font-variant-numeric:tabular-nums}
#topup .tier[aria-checked=true]{border-color:#657b62;background:linear-gradient(135deg,#eef2e8,#fafaf4);box-shadow:inset 0 0 0 1px #657b62}
#topup .tier .y{font-family:Georgia,"Songti SC",serif;font-size:26px;font-weight:400;line-height:1.35;margin-block:3px 7px}
#topup .tier .p{font-size:13px;font-weight:500;color:#79613f;line-height:1.5}
#topup .tier .split{font-size:11px;line-height:1.7;word-break:keep-all}
#topup .tier .fb{font-size:11px;line-height:1.7;margin-top:3px}
#topup .tier .g{right:10px;background:#eee6d4;border-color:#d4c3a2;color:#685131}
#topup .promo-strip{border:0;border-left:2px solid #bb7756;border-radius:0;background:#f7eee2;padding:12px 14px;line-height:1.8}
#topup .rule-item{background:transparent;border:0;border-radius:0;padding:12px 0}
#topup .rule-item+.rule-item{border-top:1px solid #ece7dc}
#me .row .row-icon{background:#f6f2e9;border:1px solid #eee6d7;border-radius:9px;width:30px;height:30px}
#me .row .row-icon svg{width:19px;height:19px}
#me .row .chev{color:#8b8c7d}
#me .codes .empty-icon{background:linear-gradient(135deg,#f5eedf,#edf0e7);border:1px solid #e5decf;color:#7b704f}
.screen:not(#me) .empty-state{padding-block:32px 36px}
.empty-state .empty-icon{background:linear-gradient(140deg,#f5eedf,#edf1e8);border:1px solid #e5dece;color:#7b704f;box-shadow:0 4px 14px #79633e06}
.empty-state h3{letter-spacing:.02em}
#codes .empty,#ledger .empty,#orders .empty{padding:38px 22px 42px;color:#697064;line-height:1.85}
#codes .empty::before,#ledger .empty::before,#orders .empty::before{content:"";display:block;width:40px;height:1px;margin:0 auto 18px;background:linear-gradient(90deg,transparent,#bea880,transparent)}
#gift .glossary,#rulesPage .glossary{background:transparent;border:0;border-left:2px solid #c7b591;border-radius:0;padding:4px 14px;color:#646454}
#gift .field{background:linear-gradient(150deg,#fffefa,#faf8f1);border-color:#d6cdbb;border-radius:12px;min-height:62px}
#gift .field:focus-within{border-color:#657b62;box-shadow:0 0 0 3px #e7ecdf}
#gift .field input:focus-visible{outline:0}
#gift .field input{min-width:0;font-variant-numeric:tabular-nums}
#gift .field-help{font-size:12px;line-height:1.8;margin-top:10px}
.apply-form input:not([type=radio]):not([type=checkbox]),.apply-form select,.apply-form textarea,#feedback select,#feedback textarea{box-shadow:inset 0 1px 2px #55472a04}
.apply-form input:focus-visible,.apply-form textarea:focus-visible,#feedback textarea:focus-visible,#feedback select:focus-visible{outline-color:#657b62}
#feedback>.card{padding:0 16px 16px}
#feedback .sec-t{padding-inline:0}
#feedback .feedback-history-head .sec-t{flex:1}
#feedback .small{line-height:1.85}
#feedback .feedback-meta{flex-wrap:wrap;row-gap:4px}
.modal{border-color:#ded4c1;box-shadow:0 16px 48px rgba(24,38,27,.16)}
.modal h3{letter-spacing:.025em}
.modal-summary{background:linear-gradient(135deg,#f6f1e5,#f0f3eb);border-color:#e2d9c5}
.modal-summary .m{flex:1 1 170px;min-width:0}
.modal-summary .v{margin-left:auto;white-space:nowrap}
@media(hover:hover){
  .topnav .back:hover,#me .row:hover{background-color:#f3f0e7}
  #detail .opt:not(:disabled):hover,#topup .tier:not(:disabled):hover{border-color:#9d9d87}
}
@media(min-width:480px){#topup .tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:350px){
  #detail .opt{padding:12px 10px;gap:8px}
  #detail .opt .o-n{font-size:13px}
  #detail .opt .pts{font-size:17px}
  #topup .tier{padding-inline:6px}
  #topup .tier .y{font-size:24px}
  #topup .tier .split,#topup .tier .fb{font-size:10.5px}
}
@media(forced-colors:active){#detail .opt[aria-checked=true],#topup .tier[aria-checked=true]{outline:2px solid Highlight;outline-offset:-3px}#gift .field:focus-within{outline:2px solid Highlight}}