.packet-mobile-entry{display:contents}.packet-mobile-query-block,.packet-mobile-create-bar,.packet-mobile-link-note{display:none}
.packet-mobile-entry .packet-types button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px 10px;padding:15px 14px;align-items:center;border-radius:17px}
.packet-mobile-entry .packet-types button b{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:17px;line-height:1.45;font-weight:600;letter-spacing:.15px}
.packet-mobile-entry .packet-types button small{grid-column:1/-1;font-size:12px;line-height:1.5}
.packet-type-mark{position:relative;display:block;width:44px;height:56px}
.packet-type-shape{position:absolute;inset:1px 2px 3px;border-radius:7px 7px 10px 10px;background:linear-gradient(145deg,#fc5d55,#de263d 70%,#ae142b);border:1px solid #e3373d;box-shadow:inset 1px 1px 0 #ffab9366,inset -2px -2px 3px #97142733,0 5px 7px #a0262926}
.packet-type-shape::before{content:"";position:absolute;inset:-1px -1px auto;height:24px;border-radius:7px 7px 50% 50%;background:linear-gradient(155deg,#ff8570,#ef3845);border-bottom:1px solid #ffb08588;box-shadow:0 2px 4px #87112622}
.packet-type-seal{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:17px;height:17px;border:1px solid #efcf91;border-radius:50%;background:linear-gradient(145deg,#fce6ad,#e8bb70);box-shadow:0 1px 2px #88122b25}
.packet-type-seal img{width:10px;height:10px;display:block}
[data-packet-kind="lucky"] .packet-type-mark::before{content:"";position:absolute;inset:6px 3px 2px;border-radius:7px;background:linear-gradient(135deg,#f79359,#d8402c);transform:rotate(13deg);box-shadow:0 3px 5px #8e292321}
[data-packet-kind="lucky"] .packet-type-shape{transform:rotate(-6deg)}
[data-packet-kind="directed"] .packet-type-shape{background:linear-gradient(145deg,#e84659,#c8203e 70%,#981932)}
[data-packet-kind="password"] .packet-type-shape{background:linear-gradient(145deg,#e64951,#c51d2e 70%,#a01625)}
.packet-mobile-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
@media(max-width:940px){
  [data-page="packet"] .packet-banner{min-height:174px;padding:24px 22px;border-radius:22px;gap:16px;margin-bottom:14px}
  [data-page="packet"] .packet-banner h1{font-size:34px;margin:12px 0 10px;line-height:1.25}
  [data-page="packet"] .packet-banner p{font-size:14px;line-height:1.65;margin:0}
  [data-page="packet"] .packet-banner>div:first-child{min-width:0}
  [data-page="packet"] .packet-banner>div>span{font-size:10px;letter-spacing:1.2px}
  [data-page="packet"] .packet-banner .red-envelope{width:65px;height:88px;flex:0 0 65px}
  [data-page="packet"] .packet-banner .red-envelope img{width:65px;height:88px;object-fit:contain}
  .packet-mobile-entry{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 16px 16px;box-shadow:0 6px 22px #244d7210;margin:0 0 14px}
  .packet-mobile-query-block{display:block}
  .packet-mobile-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:12px}
  .packet-mobile-heading h2{font-size:17px;line-height:1.4;margin:0;font-weight:650;color:var(--ink)}
  .packet-mobile-heading small{font-size:11px;color:var(--muted);text-align:right;line-height:1.5}
  .packet-unified-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#f7f9fc;min-height:53px;overflow:hidden}
  .packet-unified-input input{min-width:0;width:100%;border:0;background:transparent;padding:14px 11px;color:var(--ink);font-size:16px;margin:0;outline-offset:-3px}
  .packet-unified-input input::placeholder{font-size:14px;color:var(--muted)}
  .packet-unified-input button{border:0;border-left:1px solid var(--line);background:transparent;padding:4px 14px;min-height:36px;white-space:nowrap;color:#a86b16;font-weight:650;font-size:15px}
  .packet-mobile-query-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:9px;min-height:19px}
  .packet-mobile-query-meta small{font-size:11px;color:var(--muted)}
  #packet-unified-password-fallback{background:none;border:0;color:#a86b16;font-size:11px;padding:3px 0;min-height:24px}
  #packet-unified-password-fallback[hidden]{display:none}
  #packet-unified-status:empty{display:none}
  .packet-mobile-divider{height:1px;background:var(--line);margin:18px 0}
  .packet-mobile-entry .packet-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0}
  .packet-mobile-entry .packet-types button,.packet-mobile-entry .packet-types button.active{min-width:0;grid-template-columns:44px minmax(0,1fr);gap:10px 8px;padding:15px 12px 13px;border:1px solid #f1ded8;border-radius:17px;background:radial-gradient(ellipse at 13% 0,#fff0e5,transparent 65%),#fff;box-shadow:0 4px 12px #a5312910;text-align:left;color:var(--ink)}
  .packet-mobile-entry .packet-types button:nth-child(even),.packet-mobile-entry .packet-types button.active:nth-child(even){background:radial-gradient(ellipse at 13% 0,#fff2d6,transparent 65%),#fff;border-color:#f0e1c4}
  .packet-mobile-entry .packet-types button b{font-size:16px;font-weight:600;letter-spacing:.15px;white-space:normal;overflow-wrap:anywhere}
  .packet-mobile-entry .packet-types button small{grid-column:1/-1;font-size:12px;line-height:1.5;color:var(--muted)}
  .packet-mobile-entry .packet-types button:hover{box-shadow:0 7px 18px #b0472422;border-color:#e7bd85}
  .packet-mobile-link-note{display:block;text-align:center;font-size:11px;color:var(--muted);margin:0 0 14px;line-height:1.6}
  [data-page="packet"]:not([data-packet-mobile-mode="create"]) #packet-form{display:none}
  [data-page="packet"]:not(.packet-mobile-has-claim) .claim-card,[data-page="packet"][data-packet-mobile-mode="create"] .claim-card{display:none}
  [data-page="packet"][data-packet-mobile-mode="create"] .packet-mobile-entry,[data-page="packet"][data-packet-mobile-mode="create"] .packet-mobile-link-note{display:none}
  [data-page="packet"][data-packet-mobile-mode="create"] .packet-mobile-create-bar{display:block;margin-bottom:12px}
  #packet-mobile-back{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-size:14px;color:var(--ink)}
  [data-page="packet"] .claim-card #packet-id-row{display:none}
  #packet-form{scroll-margin-top:190px}
}
@media(max-width:400px){
  .packet-mobile-entry{padding:17px 12px 13px}
  .packet-mobile-entry .packet-types{gap:9px}
  .packet-mobile-entry .packet-types button,.packet-mobile-entry .packet-types button.active{grid-template-columns:36px minmax(0,1fr);padding:12px 10px 11px;gap:8px 6px}
  .packet-mobile-entry .packet-types button b{font-size:15px}
  .packet-type-mark{width:36px;height:50px}.packet-type-shape{inset:1px 0 2px}.packet-type-seal{width:16px;height:16px;top:17px}
  [data-page="packet"] .packet-banner{padding:21px 17px;gap:9px}
  [data-page="packet"] .packet-banner .red-envelope,[data-page="packet"] .packet-banner .red-envelope img{width:52px;height:74px;flex-basis:52px}
  [data-page="packet"] .packet-banner>div>span{font-size:9px;letter-spacing:.8px}
}