/* 信箱道具上的 5px、6px、10px、11px、12px、29px 是折叠报纸和箱体的印刷尺寸，
   来自交接稿，用来保住 390px 邮箱的比例。正文阅读不靠这些字号。
   展开/收起相关选择器：
 .daily-mailbox[data-state="closed|opening|open|closing"]
 .newspaper / .flight / .flight-top / .flight-spread / .flight-fold /
 .flight-cover / .flight-crease / .flight-spine / .reading / .daily-mailbox__reader
 .daily-brief[data-state="collapsed|opening|expanded|closing"] / .daily-brief__picks
 外层双折 1820ms / 1360ms；内层切换 120ms + 300ms。实际动画由 motion.js 播放。
 */
.daily-mailbox {color:#282721;background:#fff;font-family:MiSans,'Microsoft YaHei',sans-serif;}
.daily-mailbox *,.daily-mailbox *::before,.daily-mailbox *::after{box-sizing:border-box;}
.daily-mailbox [hidden]{display:none!important;}
.daily-mailbox button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.daily-mailbox button:disabled{cursor:default;}
.daily-mailbox button:focus-visible,.daily-mailbox a:focus-visible{outline:2px solid #111111;outline-offset:3px;}
.daily-mailbox{--paper:#ffffff;--ink:#282721;--muted:#868278;--red:#b51d18;--serif:'Noto Serif SC','Songti SC','SimSun',serif;--sans:MiSans,'Microsoft YaHei',sans-serif}















.daily-mailbox .delivery{min-height:calc(100svh - 156px);display:flex;align-items:center;flex-direction:column;padding:34px 16px 28px;transition:opacity .5s ease,transform .75s cubic-bezier(.22,.61,.36,1)}
.daily-mailbox .intro{text-align:center}
.daily-mailbox .eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#8f7760;letter-spacing:2px}
.daily-mailbox .status-dot{width:5px;height:5px;border-radius:50%;background:#b72720;box-shadow:0 0 0 4px #b727200b}
.daily-mailbox .intro h1{font-family:var(--serif);font-weight:600;font-size:29px;letter-spacing:3px;margin:14px 0 10px}
.daily-mailbox .intro p{font-size:12px;color:#918a7d;margin:0;letter-spacing:1px}
.daily-mailbox .mailbox-scene{width:390px;height:415px;margin:29px 0 17px;position:relative;perspective:1000px;flex-shrink:0}
.daily-mailbox .mailbox-scene:after{content:'';position:absolute;width:330px;height:35px;background:#00000026;filter:blur(24px);left:55px;bottom:-9px;border-radius:50%;transform:rotate(-4deg)}
.daily-mailbox .mailbox{position:relative;width:100%;height:100%;filter:drop-shadow(18px 24px 18px #00000029) drop-shadow(0 3px 3px #00000012);isolation:isolate}
.daily-mailbox .box-body{position:absolute;inset:76px 9px 5px 13px;background:linear-gradient(115deg,#da3029,#b7110b 48%,#99150f);border-radius:5px;box-shadow:inset 3px 0 3px #ff918c88,inset -4px 0 4px #620b0770}
.daily-mailbox .box-side{position:absolute;right:0;top:87px;height:calc(100% - 100px);width:13px;background:linear-gradient(90deg,#a0120d,#66150f);transform:skewY(-8deg);border-radius:0 3px 3px 0}
.daily-mailbox .slot{position:absolute;left:30px;right:28px;top:79px;height:70px;overflow:hidden;background:#390c0a;box-shadow:inset 0 5px 12px #000d}
.daily-mailbox .slot-inner{position:absolute;left:2px;right:2px;bottom:0;height:27px;border-radius:3px;background:linear-gradient(#e84034,#b91b12);box-shadow:inset 0 1px 2px #ff897b,0 -1px 3px #0009}
.daily-mailbox .lid{position:absolute;left:1px;right:-1px;top:0;height:93px;z-index:4;pointer-events:none;filter:drop-shadow(0 3px 2px #580a084a)}
.daily-mailbox .lid-top{position:absolute;inset:0 0 18px;background:linear-gradient(119deg,#ef4941 0%,#cf2720 35%,#b31b17 80%,#bd2820 100%);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);border-radius:15px 15px 0 0;box-shadow:inset 0 2px 2px #ffa69c88}
.daily-mailbox .lid-edge{position:absolute;left:0;right:0;bottom:0;height:20px;background:linear-gradient(#ee5547 0%,#db2d22 11%,#bf170f 38%,#9f1109 90%,#da3023 100%);border-radius:2px 2px 4px 4px;box-shadow:inset 2px 0 2px #ff8472,inset -2px 0 2px #7b0c06}
.daily-mailbox .slot-lip{position:absolute;top:146px;left:32px;right:27px;height:7px;background:linear-gradient(#fb6856,#b8180f 35%,#690b06);z-index:1;border-radius:2px}
.daily-mailbox .door{position:absolute;top:157px;left:33px;right:28px;bottom:26px;border:1px solid #86110b;border-radius:3px;background:linear-gradient(114deg,#de3229,#c02018 40%,#b3120b 90%);box-shadow:inset 1px 2px 2px #ff766377,inset -2px -2px 3px #7c0c09aa,0 2px 2px #580805;display:flex;align-items:center;flex-direction:column;padding-top:75px}



.daily-mailbox .lock{position:absolute;left:18px;top:103px;width:31px;height:31px;border-radius:50%;background:linear-gradient(130deg,#fff,#a9abad 43%,#757777);border:1px solid #666;box-shadow:1px 2px 3px #530b0680,inset 0 0 0 2px #dadbda,inset 0 0 0 3px #898b8b}
.daily-mailbox .lock span:before{content:'';position:absolute;width:6px;height:7px;left:12px;top:8px;border-radius:50%;background:#262825;box-shadow:0 1px 1px #eee}
.daily-mailbox .lock span:after{content:'';position:absolute;width:3px;height:9px;left:13.5px;top:13px;background:#272825}
.daily-mailbox .metal-label{position:absolute;bottom:16px;right:18px;width:63px;height:17px;border-radius:2px;border:1px solid #68635e;background:linear-gradient(135deg,#e8e4df,#9f9d98 75%,#c5c3bf);box-shadow:inset 0 1px 0 #eee,0 2px 2px #72180f}
.daily-mailbox .metal-label svg{width:14px;height:11px;position:absolute;right:4px;top:2px;fill:none;stroke:#4c4b48;stroke-width:1.3}
.daily-mailbox .left-post,.daily-mailbox .right-post{position:absolute;top:91px;bottom:7px;width:21px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#a3140d,#e33b2b 22%,#cc2519 65%,#9b0c07);box-shadow:inset 1px 0 2px #f57866,inset -1px 0 2px #660c06}
.daily-mailbox .left-post{left:12px}
.daily-mailbox .right-post{right:6px;width:23px}
.daily-mailbox .box-bottom{position:absolute;left:31px;right:26px;bottom:8px;height:15px;background:linear-gradient(#ef5640,#bc1e13 30%,#b1150e);box-shadow:inset 0 -1px 2px #690c05}
.daily-mailbox .newspaper{position:absolute;z-index:3;left:43px;top:88px;width:308px;height:80px;transform:rotate(6deg);transform-origin:50% 65%;border:0;padding:0;background:transparent;transition:transform .4s cubic-bezier(.2,.7,.3,1),filter .4s;filter:drop-shadow(1px 7px 4px #21040060)}
.daily-mailbox .newspaper:hover{transform:translateY(-9px) rotate(3deg);filter:drop-shadow(2px 12px 5px #21040050)}
.daily-mailbox .newspaper:focus-visible{outline-offset:10px}
.daily-mailbox .paper-face{position:absolute;inset:0;display:flex;align-items:center;padding:6px 20px 16px 28px;gap:13px;border-radius:9px 4px 8px 16px;background:linear-gradient(180deg,#dcdcd8 0%,#fefef9 15%,#fffefb 55%,#e6e5e0 93%,#faf9f5 100%);box-shadow:inset 1px 0 4px #a9a9a777,inset 0 -2px 3px #98989480;overflow:hidden}
.daily-mailbox .paper-back{position:absolute;inset:3px -3px -3px 4px;background:#d2d0ca;border-radius:7px 5px 9px 9px;box-shadow:2px 2px 0 #f3f2ed,3px 4px 0 #aaa9a4}
.daily-mailbox .paper-masthead{font-family:var(--sans);font-weight:700;font-size:32px;white-space:nowrap;letter-spacing:1px;color:#333430;line-height:1.1;text-align:left;transform:skewX(-7deg)}
.daily-mailbox .paper-masthead small{font:6px monospace;letter-spacing:1px;display:block;margin-top:7px;color:#8c8b83}
.daily-mailbox .paper-preview{display:flex;gap:7px;width:100%;align-items:center}


.daily-mailbox .paper-rule{position:absolute;left:28px;right:23px;bottom:14px;height:2px;background:#c4c3ba}
.daily-mailbox .paper-date{position:absolute;left:29px;bottom:4px;font:5px monospace;letter-spacing:1px;color:#77766b}
.daily-mailbox .paper-date i{font-style:normal;padding:0 4px}
.daily-mailbox .paper-curl{position:absolute;right:-2px;top:0;width:12px;height:100%;border-radius:50%;background:linear-gradient(90deg,#d5d5d0,#fbfbf6 36%,#a2a29e 78%,#464743 100%);box-shadow:inset 1px 0 1px #fff}
.daily-mailbox .take-hint{border:0;background:none;display:flex;align-items:center;gap:9px;color:#746a5c;font-size:11px;letter-spacing:1px;padding:10px 20px}
.daily-mailbox .take-hint svg{width:15px;height:15px;stroke:#a2221b;stroke-width:1.2;fill:none;animation:hint 2.5s ease-in-out infinite}
.daily-mailbox .delivery-note{font-size:10px;color:#9b9488;display:flex;align-items:center;gap:13px;margin-top:6px;letter-spacing:.5px}
.daily-mailbox .note-divider{width:1px;height:8px;background:#cfc9bd}


.daily-mailbox .reading{max-width:920px;width:calc(100% - 80px);margin:0 auto;padding:0 0 20px}
.daily-mailbox .reading-nav{display:none!important}
.daily-mailbox .reading-nav button{padding:8px 0;background:none;border:0;font-size:11px;display:flex;align-items:center;gap:10px}
.daily-mailbox .reading-nav button:hover{color:#b5251b}
.daily-mailbox .reading-nav button>span{font-size:15px}
.daily-mailbox .reading-nav>span{font-family:monospace}
.daily-mailbox .reading-end{text-align:center;font-family:var(--serif);font-size:12px;color:#847c6d;margin:30px 0 0}
.daily-mailbox .reading-end span{font-family:monospace;display:block;font-size:9px;letter-spacing:2px;margin-top:12px}
.daily-mailbox :is(.daily-mailbox__reader,.paper-copy){outline:none;background:var(--paper);box-shadow:0 18px 60px #0000000f,0 3px 8px #00000008;border:1px solid #e4e4e4;position:relative}
.daily-mailbox :is(.daily-mailbox__reader,.paper-copy):before,.daily-mailbox :is(.daily-mailbox__reader,.paper-copy):after{content:'';position:absolute;pointer-events:none;z-index:-1;inset:3px -3px -4px 3px;background:#ffffff;border:1px solid #e8e8e8;transform:rotate(.15deg)}
.daily-mailbox :is(.daily-mailbox__reader,.paper-copy):after{inset:6px -5px -7px 5px;transform:rotate(-.1deg)}



.daily-mailbox :is(.daily-mailbox__reader,.paper-copy) [style*="background-color: #FFFFFF"]{background-color:transparent!important}









.daily-mailbox .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(min-width:1400px){.daily-mailbox .delivery{padding-top:48px}
.daily-mailbox .mailbox-scene{margin-top:36px}}
@media(max-height:780px) and (min-width:761px){
.daily-mailbox .delivery{padding-top:22px;min-height:calc(100svh - 126px)}
.daily-mailbox .intro h1{font-size:25px;margin:11px 0 8px}
.daily-mailbox .mailbox-scene{transform:scale(.86);margin-top:-1px;margin-bottom:-23px}
}
@media(max-width:760px){




.daily-mailbox .delivery{padding-top:38px;min-height:calc(100svh - 128px)}
.daily-mailbox .intro h1{font-size:27px}
.daily-mailbox .mailbox-scene{width:351px;height:374px;margin-top:33px;margin-bottom:15px;transform:scale(.9);transform-origin:top center}
.daily-mailbox .mailbox{width:390px;height:415px;margin-left:-19.5px}
.daily-mailbox .take-hint{margin-top:2px}


.daily-mailbox .reading{width:calc(100% - 28px)}
.daily-mailbox .reading-nav{height:58px;font-size:9px}
.daily-mailbox .reading-nav>span{display:none}
.daily-mailbox .reading-nav button{font-size:10px}

















}
@media(max-width:370px){.daily-mailbox .mailbox-scene{transform:scale(.8);margin-bottom:-25px;width:312px;height:332px}
.daily-mailbox .mailbox{margin-left:-39px}

.daily-mailbox .delivery-note{font-size:9px}
.daily-mailbox .intro h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){
}

.daily-mailbox .newspaper{
  height: 86px;
  transform: rotate(4.5deg);
  transform-origin: 50% 50%;
  filter: drop-shadow(0 5px 3px #19050142);
  transition: transform 440ms cubic-bezier(.16,1,.3,1);
}
.daily-mailbox .newspaper:hover{
  transform: translateY(-5px) rotate(2.8deg);
  filter: drop-shadow(0 9px 5px #19050138);
}
.daily-mailbox .paper-face{
  padding: 12px 19px 17px 20px;
  gap: 14px;
  background: linear-gradient(180deg, #fafaf8 0%, #ffffff 19%, #ffffff 78%, #f2f2ef 98%, #fbfbf9 100%);
  border: .5px solid #dadad4;
  border-radius: 4px 1px 3px 7px;
  box-shadow: inset 0 -6px 10px -9px #00000070, inset 2px 0 5px -4px #00000060;
}
.daily-mailbox .paper-face::after{
  content: '';
  position: absolute;
  left: 1px;
  right: 2px;
  bottom: 12px;
  height: 1px;
  background: #ffffff;
  box-shadow: 0 1px 0 #5555550b;
}
.daily-mailbox .paper-back{
  inset: 1px -1px -1px 2px;
  background: #f7f7f3;
  border-radius: 4px 1px 3px 5px;
  border: .5px solid #c7c7bf;
  box-shadow: 0 1px 0 #fff, 0 2px 0 #d7d7d1, 0 3px 0 #fefefd;
}
.daily-mailbox .paper-masthead{
  flex: 0 0 113px;
  font-family: var(--serif);
  font-size: 31px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.1;
  color: #262724;
  transform: none;
}
.daily-mailbox .paper-masthead small{
  font: 5px/1.5 monospace;
  letter-spacing: .9px;
  color: #61635b;
  margin-top: 6px;
}
.daily-mailbox .paper-preview{ gap: 7px; align-self: stretch; align-items: center; }
.daily-mailbox .paper-story{ flex: 1; min-width: 0; text-align: left; }
.daily-mailbox .paper-story b{
  display: block;
  font-family: var(--serif);
  font-size: 7.2px;
  line-height: 1.45;
  font-weight: 700;
  color: #363833;
  padding-bottom: 3px;
  border-bottom: .5px solid #babbb3;
}
.daily-mailbox .paper-story > span{
  display: block;
  font-family: var(--serif);
  font-size: 5.5px;
  line-height: 1.6;
  color: #696c61;
  padding-top: 3px;
}
.daily-mailbox .paper-photo{
  flex: 0 0 40px;
  height: 37px;
  background: var(--daily-mailbox-cover-image, none) center / cover;
}
.daily-mailbox .paper-rule{
  left: 20px;
  right: 18px;
  bottom: 13px;
  height: .5px;
  background: #7b7e715c;
}
.daily-mailbox .paper-date{ left: 20px; bottom: 4px; font-size: 5px; color: #6c7065; letter-spacing: .8px; }
.daily-mailbox .paper-curl{
  right: -1px;
  width: 3px;
  border-radius: 0 50% 50% 0;
  background: linear-gradient(90deg, #eeeeea, #ffffff 45%, #bfc0b9);
  box-shadow: none;
}
.daily-mailbox .paper-copy{
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  border: 1px solid #e5e5e3;
  font-family: var(--sans);
  color: var(--ink);
}
.daily-mailbox .paper-copy::before,.daily-mailbox .paper-copy::after{ display: none; }
.daily-mailbox .daily-mailbox__reader{
  border-color: #e5e5e3;
  box-shadow: 0 16px 40px #00000007, 0 2px 5px #00000006;
}
.daily-mailbox .daily-mailbox__reader::before{ inset: 1px -1px -2px 1px; transform: rotate(.05deg); }
.daily-mailbox .daily-mailbox__reader::after{ inset: 3px -2px -4px 2px; transform: rotate(-.05deg); }
.daily-mailbox .delivery{ transition: none; }
.daily-mailbox .flight{
  position: fixed;
  z-index: 20;
  pointer-events: none;
  perspective: 2200px;
  perspective-origin: 50% var(--crease);
  transform-style: preserve-3d;
  will-change: transform;
  filter: none;
}
.daily-mailbox .flight-top{
  position: absolute;
  inset: 0 0 auto;
  height: var(--crease);
  background: #fff;
  overflow: hidden;
  backface-visibility: hidden;
  box-shadow: 0 6px 18px #00000008;
  width: 50%;
  right: auto;
}
.daily-mailbox .flight-spread{
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: var(--crease);
  background: #fff;
  overflow: hidden;
  transform-origin: 0 50%;
  transform: rotateY(-178deg);
  backface-visibility: hidden;
  will-change: transform;
  box-shadow: 0 6px 18px #00000008;
}
.daily-mailbox .flight-spread .paper-copy{ left: -100%; }
.daily-mailbox .spread-shade{
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, #00000024, #00000005 28%, transparent 65%);
  pointer-events: none;
}
.daily-mailbox .flight-spine{
  position: absolute;
  left: calc(50% - 1px);
  top: 1px;
  width: 2px;
  height: calc(var(--crease) - 2px);
  z-index: 4;
  background: linear-gradient(90deg, #00000013, #ffffff80);
  pointer-events: none;
}
.daily-mailbox .flight-fold{
  position: absolute;
  left: 0;
  right: 0;
  top: var(--crease);
  height: calc(100% - var(--crease));
  background: #fff;
  transform-origin: 50% 0;
  transform: rotateX(-178deg);
  backface-visibility: hidden;
  overflow: hidden;
  will-change: transform;
  box-shadow: 0 12px 28px #0000000c;
}
.daily-mailbox .flight-fold .paper-copy{ top: calc(-1 * var(--crease)); }
.daily-mailbox .fold-shade{
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, #00000028, #00000008 20%, transparent 55%);
  pointer-events: none;
}
.daily-mailbox .flight-cover{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: var(--crease);
  z-index: 3;
  background: #fff;
  overflow: visible;
  box-shadow: 0 8px 16px #0000000c;
  will-change: transform;
  transform-origin: 100% 50%;
  backface-visibility: hidden;
  width: 50%;
  right: auto;
}
.daily-mailbox .cover-print{
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
}
.daily-mailbox .flight-crease{
  position: absolute;
  top: calc(var(--crease) - 1px);
  left: 1px;
  right: 1px;
  height: 2px;
  z-index: 4;
  background: linear-gradient(#00000012, #ffffff70);
  pointer-events: none;
  width: calc(50% - 2px);
  right: auto;
  transform-origin: 0 50%;
}



@media (prefers-reduced-motion: reduce){.daily-mailbox .flight{ display: none !important; }
.daily-mailbox .newspaper:hover{ transform: rotate(4.5deg); }}
.daily-mailbox .mailbox{
  --frame-inset: 12px;
  --rail-width: 20px;
  --frame-bottom: 8px;
  --face-inset: 32px;
  filter: drop-shadow(14px 20px 16px #00000025) drop-shadow(0 2px 2px #00000012);
}
.daily-mailbox .mailbox-scene::after{
  width: 314px;
  left: 40px;
  bottom: -6px;
  height: 25px;
  background: #29201e24;
  filter: blur(23px);
  transform: none;
}
.daily-mailbox .box-side{ display: none; }
.daily-mailbox .box-body{
  inset: 77px var(--frame-inset) var(--frame-bottom);
  border-radius: 3px;
  background: linear-gradient(110deg, #bd372a 0%, #ad271e 55%, #842119 100%);
  box-shadow: inset 1px 0 1px #f4ad9660, inset -1px 0 1px #5b1b1680;
}
.daily-mailbox .left-post,.daily-mailbox .right-post{
  top: 91px;
  bottom: var(--frame-bottom);
  width: var(--rail-width);
  border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, #902a22 0%, #d965504f 6%, #cf4c3c 17%, #b9372b 46%, #a62a21 78%, #7e211b 100%);
  box-shadow: inset 1px 0 1px #f2b19966, inset -1px 0 1px #501e1790, 0 1px 1px #581b1540;
}
.daily-mailbox .left-post{ left: var(--frame-inset); right: auto; }
.daily-mailbox .right-post{ right: var(--frame-inset); left: auto; }
.daily-mailbox .left-post::after,.daily-mailbox .right-post::after{
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--daily-mailbox-paint-grain, none);
  mix-blend-mode: soft-light;
  opacity: .09;
  pointer-events: none;
}
.daily-mailbox .box-bottom{
  left: var(--face-inset);
  right: var(--face-inset);
  bottom: var(--frame-bottom);
  height: 20px;
  background: linear-gradient(180deg, #cd5541 0%, #ba382a 13%, #a32a20 51%, #96261e 89%, #af362a 100%);
  box-shadow: inset 0 1px 1px #f4a78966, inset 0 -1px 1px #651e1870;
}
.daily-mailbox .lid{ left: 0; right: 0; }
.daily-mailbox .lid-top{
  background:
    radial-gradient(ellipse at 25% 8%, #fff0d828 0%, #fff0d808 38%, transparent 69%),
    linear-gradient(115deg, #d65c49 0%, #c94132 31%, #b53125 71%, #a42b22 100%);
  border-radius: 9px 9px 0 0;
  box-shadow: inset 0 1px 1px #fac3aa80;
}
.daily-mailbox .lid-top::after{
  content: '';
  position: absolute;
  inset: 0;
  background: var(--daily-mailbox-paint-grain, none);
  mix-blend-mode: soft-light;
  opacity: .075;
  pointer-events: none;
}
.daily-mailbox .lid-edge{
  background: linear-gradient(180deg, #e88264 0%, #d05b43 8%, #bb3c2b 28%, #a62c20 68%, #8d251d 91%, #b54130 100%);
  box-shadow: inset 1px 0 1px #ecaf9280, inset -1px 0 1px #6e251f80, 0 2px 2px #4a171342;
}
.daily-mailbox .lid-edge::after{
  content: '';
  position: absolute;
  left: 13px;
  right: 13px;
  top: 2px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #dfc6a66e 5%, #dfc6a600 8%, transparent 48%, #f4c3a02e 60%, transparent 76%);
  pointer-events: none;
}
.daily-mailbox .slot{ left: var(--face-inset); right: var(--face-inset); }
.daily-mailbox .slot-inner{
  background: linear-gradient(180deg, #c7523d, #af3426 27%, #8d281e 100%);
  box-shadow: inset 0 1px 1px #eaa58560, 0 -1px 3px #0008;
}
.daily-mailbox .slot-lip{
  left: var(--face-inset);
  right: var(--face-inset);
  height: 9px;
  background: linear-gradient(180deg, #d76a50, #b8402d 24%, #80241c 90%);
  box-shadow: 0 1px 1px #4d171460;
}
.daily-mailbox .door{
  left: var(--face-inset);
  right: var(--face-inset);
  top: 156px;
  bottom: 28px;
  display: block;
  padding: 0;
  border: 1px solid #78231c;
  border-radius: 2px;
  background:
    radial-gradient(ellipse at 27% 13%, #ffe7d521 0%, #ffe7d507 34%, transparent 63%),
    linear-gradient(112deg, transparent 9%, #fff3df0b 19%, transparent 33%),
    radial-gradient(ellipse at 76% 91%, #47151318 0%, transparent 61%),
    linear-gradient(138deg, #ca4836 0%, #bd3528 34%, #b32d23 72%, #a62b22 100%);
  box-shadow: inset 1px 1px 1px #f3b79a4d, inset -1px -1px 2px #661c154f, 0 1px 2px #42141070;
}
.daily-mailbox .door::before{
  content: '';
  position: absolute;
  inset: 5px 4px;
  border: 1px solid #edb08f09;
  border-bottom-color: #56161113;
  border-radius: 2px;
  background: radial-gradient(ellipse 24px 20px at 29px 113px, #f2c1a20d, transparent 100%);
  pointer-events: none;
}
.daily-mailbox .door::after{
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--daily-mailbox-paint-grain, none);
  mix-blend-mode: soft-light;
  opacity: .10;
  pointer-events: none;
}
.daily-mailbox .door-scuffs{ position: absolute; inset: 0; pointer-events: none; }
.daily-mailbox .door-scuffs::before{
  content: '';
  position: absolute;
  left: 24px;
  top: 143px;
  width: 14px;
  height: .7px;
  transform: rotate(-22deg);
  background: #d9c9b74a;
  box-shadow: 2px 3px 0 -.1px #671d1229, -6px 5px 0 -.1px #e2c9ac29;
}
.daily-mailbox .door-scuffs::after{
  content: '';
  position: absolute;
  right: 3px;
  bottom: 7px;
  width: 8px;
  height: 1px;
  transform: rotate(-4deg);
  background: linear-gradient(90deg, transparent, #d7bc9366, #a3a3973d, transparent);
}
.daily-mailbox .lock{
  left: 19px;
  top: 104px;
  width: 30px;
  height: 30px;
  z-index: 1;
  background: conic-gradient(from -28deg, #9da29e, #edf0e8 24%, #a5ada8 45%, #d2d6cf 73%, #8d9590 91%, #9da29e);
  border: 1px solid #575e58;
  box-shadow: 0 1px 1px #f5d0b140, 1px 2px 3px #40170e60, inset 0 0 0 1px #eef0e770, inset 0 0 0 3px #828b8450;
}
.daily-mailbox .lock::before{
  content: '';
  position: absolute;
  inset: 4px;
  border: .6px solid #77827b;
  border-radius: 50%;
  background:
    repeating-linear-gradient(0deg, transparent 0px, #ffffff24 .5px, #59675b12 1px, transparent 1.8px),
    linear-gradient(135deg, #b7beb7, #cfd4c9 56%, #9fa99f);
}
.daily-mailbox .lock span::before{ z-index: 1; background: #242c25; box-shadow: .5px .5px .5px #f3f1d7a6; }
.daily-mailbox .lock span::after{ z-index: 1; background: #242c25; }
.daily-mailbox .metal-label{
  z-index: 1;
  right: 17px;
  bottom: 17px;
  width: 50px;
  height: 16px;
  border: .7px solid #787e72;
  border-radius: 1px;
  background:
    repeating-linear-gradient(0deg, transparent 0px, #e5e8d721 .6px, #63716312 1.2px, transparent 2px),
    linear-gradient(135deg, #d5d7c7, #b5bcae 49%, #9da698 88%, #ced2c1);
  box-shadow: inset 0 1px 0 #eeefdc80, 0 1px 2px #511b145e;
}
.daily-mailbox .nameplate-slot{
  position: absolute;
  inset: 4px 5px;
  background: #bbbdae;
  border: .5px solid #949f8e;
  box-shadow: inset 0 1px 1px #51594920;
}
.daily-mailbox .hinge{
  position: absolute;
  right: -4px;
  width: 4px;
  height: 17px;
  z-index: 1;
  border-radius: 2px;
  background:
    linear-gradient(180deg, transparent 47%, #6d221c 48%, #e1947057 51%, transparent 53%),
    linear-gradient(90deg, #7e281f, #cd654a 32%, #b44330 62%, #84291f);
  box-shadow: 1px 1px 1px #3e18142e;
}
.daily-mailbox .hinge-top{ top: 37px; }
.daily-mailbox .hinge-bottom{ bottom: 42px; }

.daily-mailbox .take-hint>span:last-child{color:#a2221b;}
.daily-mailbox .delivery,.daily-mailbox .flight{transition:none;}
.daily-mailbox[data-state="opening"] .delivery,.daily-mailbox[data-state="closing"] .delivery{pointer-events:none;}
.daily-mailbox .daily-mailbox__reader{outline:none;background:#fff;border:1px solid #e5e5e3;position:relative;box-shadow:0 16px 40px #00000007,0 2px 5px #00000006;}
.daily-mailbox .paper-copy{outline:none;}
.daily-mailbox .paper-copy a,.daily-mailbox .paper-copy button{pointer-events:none;}
@media(prefers-reduced-motion:reduce){.daily-mailbox .flight{display:none!important;}.daily-mailbox .newspaper{transition:none!important;}.daily-mailbox .newspaper:hover{transform:rotate(4.5deg);}}

/* 日报内部样式：保留演示原始字号，不再按白名单改字号。 */
.daily-brief{ padding:26px 32px 18px; color:#222222; }

.daily-brief__meta{ display:flex; align-items:center; justify-content:flex-start; gap:8px; padding-bottom:0; border-bottom:0; color:#999999; font-size:13px; font-weight:500; line-height:1.4; letter-spacing:0; }
.daily-brief__meta>span{ color:#222222; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-weight:600; letter-spacing:.4px; }
.daily-brief__back{ width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:0; background:transparent; color:#222222; font-size:15px; line-height:1; cursor:pointer; }
.daily-brief__back:focus-visible{ outline:2px solid #111111; outline-offset:2px; }

.daily-brief__summary{ display:flex; flex-direction:column; gap:36px; padding-top:24px; }
.daily-brief__title{ font-family:var(--daily-brief-serif,'Noto Serif SC','Songti SC','SimSun',serif); font-size:32px; font-weight:600; line-height:1.4; text-align:center; letter-spacing:-0.4px; margin:0; color:#222222; }
.daily-brief__core,.daily-brief__lessons{ display:flex; flex-direction:column; gap:12px; }
.daily-brief__summary h2,.daily-brief__picks-heading h2{ margin:0; padding-bottom:10px; border-bottom:1px solid #D8D6CF; color:#222222; font-family:var(--daily-brief-serif,'Noto Serif SC','Songti SC','SimSun',serif); font-size:24px; font-weight:630; line-height:1.4; }
.daily-brief__core p{ margin:0; color:#222222; font-size:16px; font-weight:400; line-height:1.85; }
.daily-brief__lessons{ gap:16px; }
.daily-brief__lessons>div,.daily-brief__lessons-list{ display:flex; flex-direction:column; gap:16px; padding-top:0; }
.daily-brief__core .daily-brief__lessons-list{ margin-top:12px; }
.daily-brief__lesson{ display:block; padding:0; }
.daily-brief__lesson h3{ margin:0; color:#222222; font-family:MiSans,'Microsoft YaHei',sans-serif; font-size:16px; font-weight:600; line-height:1.5; }
.daily-brief__lesson p{ margin:4px 0 0; color:#666666; font-size:14px; font-weight:400; line-height:1.6; }
.daily-brief__switch{ border-top:1px solid #e3e3de;border-bottom:1px solid #e3e3de;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;margin:21px 0 30px;scroll-margin-top:20px; }
.daily-brief__switch p,.daily-brief__end p{ font-size:12px;color:#93938a;margin:0;line-height:1.7; }
.daily-brief__toggle,.daily-brief__collapse{ flex-shrink:0;background:#fff;border:1px solid #d6d6d0;border-radius:6px;padding:10px 14px;font-size:12px;display:flex;gap:17px;align-items:center;transition:border-color 180ms,color 180ms,background 180ms; }
.daily-brief__toggle:hover,.daily-brief__collapse:hover{ border-color:#ac3a2f;color:#a82921;background:#fffdfc; }
.daily-brief__toggle span{ font-size:16px; }
.daily-brief__content{ position:relative; }













.daily-brief__picks{ margin-top:36px; }
.daily-brief__picks-heading{ display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:2px solid #363632;padding-bottom:13px;margin-bottom:23px; }
.daily-brief__picks-heading h2{ border:0;padding:0; }
.daily-brief__picks-heading>span{ font:10px/1.6 monospace;color:#93938a; }
.daily-brief__grid{ display:grid;grid-template-columns:1fr 2fr 1fr;gap:22px; }
.daily-brief__grid>div,.daily-brief__column--text{ min-width:0; }
.daily-brief__column--left{ border-right:1px solid #d8d8d1;padding-right:20px; }
.daily-brief__column--text{ border-left:1px solid #d8d8d1;padding-left:20px; }
.daily-brief__pick{ display:flex;flex-direction:column;gap:9px; }
.daily-brief__pick+.daily-brief__pick{ margin-top:22px;padding-top:22px;border-top:1px solid #d8d8d1; }
.daily-brief__cover{ width:100%;aspect-ratio:1.8;object-fit:cover;background:#f3f3f0;cursor:pointer; }
.daily-brief__label{ font:9px/1.6 monospace;color:#98988e;letter-spacing:.4px; }
.daily-brief__pick h3{ font:700 17px/1.65 var(--daily-brief-serif,'Noto Serif SC','Songti SC','SimSun',serif);margin:0;overflow-wrap:anywhere; }
.daily-brief__pick p{ font-size:14px;line-height:1.6;color:#666666;margin:0; }
.daily-brief__pick--text p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.daily-brief__pick small{ font-size:9px;line-height:1.8;color:#9b9b90; }
.daily-brief__pick--lead h3{ font-size:22px;line-height:1.5; }
.daily-brief__pick--horizontal{ display:grid;grid-template-columns:1fr 1fr;column-gap:16px; }
.daily-brief__pick--horizontal .daily-brief__cover{ grid-column:2;grid-row:1/4;align-self:center;aspect-ratio:1.4; }
.daily-brief__pick--horizontal h3{ font-size:15px; }
.daily-brief__column--text .daily-brief__label{ display:none; }
.daily-brief__column--text .daily-brief__pick h3{ font-family:var(--sans);font-size:14px;font-weight:600;line-height:1.65; }
.daily-brief__end{ display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:22px;margin-top:30px;border-top:1px solid #d8d8d1; }

.daily-brief__picks:focus{ outline:none; }
@media(max-width:760px){.daily-brief{ padding:22px 20px 18px; }
.daily-brief__meta{ font-size:9px;gap:10px; }
.daily-brief__meta>span:last-child{ letter-spacing:0;font-size:8px; }
.daily-brief__summary{ padding-top:23px; }
.daily-brief__title{ font-size:27px;line-height:1.6;letter-spacing:0;margin:20px 0 27px;text-align:left; }
.daily-brief__summary h2{ font-size:19px; }
.daily-brief__core p{ font-size:15px;line-height:1.95; }
.daily-brief__lesson{ gap:13px;padding:14px 0; }
.daily-brief__lesson h3{ font-size:15px; }
.daily-brief__lesson p{ font-size:14px; }
.daily-brief__switch{ gap:15px;align-items:center;margin-bottom:24px; }
.daily-brief__switch p{ font-size:10px;max-width:150px; }
.daily-brief__toggle{ gap:10px;padding:10px;font-size:11px; }










.daily-brief__picks-heading{ display:block; }
.daily-brief__picks-heading>span{ display:block;margin-top:9px; }
.daily-brief__grid{ grid-template-columns:1fr;gap:26px; }
.daily-brief__column--main{ order:-1; }
.daily-brief__column--left,.daily-brief__column--text{ border:0;border-top:1px solid #d8d8d1;padding:24px 0 0; }
.daily-brief__column--left{ display:grid;grid-template-columns:1fr 1fr;gap:17px; }
.daily-brief__column--left .daily-brief__pick+.daily-brief__pick{ margin:0;padding:0;border:0; }
.daily-brief__column--left .daily-brief__pick h3{ font-size:15px; }
.daily-brief__pick--lead h3{ font-size:23px; }
.daily-brief__pick--horizontal h3{ font-size:15px; }
.daily-brief__end{ align-items:flex-start; }
.daily-brief__end p{ font-size:10px;max-width:165px; }
.daily-brief__collapse{ padding:9px 10px;font-size:11px;gap:9px; }
}
.daily-brief *{box-sizing:border-box}.daily-brief [hidden]{display:none!important}
.daily-brief__cover{background-color:#f3f3f0;background-position:center;background-size:cover;}
.daily-brief__column{min-width:0;}
.daily-brief__pick a{color:inherit;text-decoration:none;}
.daily-brief__toggle,.daily-brief__collapse{color:inherit;font-family:inherit;cursor:pointer;}
.daily-brief__announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
@media(prefers-reduced-motion:reduce){.daily-mailbox *{animation:none!important;transition:none!important;}}
html.daily-mailbox-wait [data-daily-paper-browse]{display:none!important}
html.daily-mailbox-remembered .daily-mailbox .delivery{display:none!important}
html.daily-mailbox-remembered .daily-mailbox .reading[hidden]{display:block!important}
.daily-mailbox .daily-category-tab{color:#222222}
/* 分类条到下边线是 14px，报纸卡片到分类条用同一个距离。 */
.daily-mailbox [data-daily-brief-browse]{margin-top:14px}
.daily-mailbox [data-daily-brief-browse] .daily-brief-cats{margin:0;padding-top:0;padding-bottom:14px}
.daily-mailbox [data-daily-brief-browse] .daily-reader-list-wrap{margin-top:0;padding-top:0}
/* 箱盖必须压在报纸上面，左上角才像塞进投递口。
   装饰层不接点击，压住也不挡点报纸。报纸层级不能高过箱盖。 */
.daily-mailbox .box-body,
.daily-mailbox .box-side,
.daily-mailbox .slot,
.daily-mailbox .lid,
.daily-mailbox .slot-lip,
.daily-mailbox .door,
.daily-mailbox .left-post,
.daily-mailbox .right-post,
.daily-mailbox .box-bottom{pointer-events:none}
.daily-mailbox .newspaper{z-index:3;pointer-events:auto;cursor:pointer}
/* 本期选读还在时，分类和新闻列表不要挤到报纸下面。 */
.daily-report:has(.daily-brief__picks:not([hidden])) [data-daily-paper-browse]{display:none!important}
/* 箱子下面的「点击报纸」和日期说明拿掉，只留箱子。 */
.daily-mailbox .take-hint,
.daily-mailbox .delivery-note{display:none}
/* 箱子在留下的空白里居中，并略放大。短屏原来的缩小不要盖过这次放大。 */
.daily-mailbox .delivery{justify-content:center}
@media(min-width:761px){
.daily-mailbox .mailbox-scene{transform:scale(1.08);transform-origin:center center;margin-top:0;margin-bottom:0}
}
/* 本期选读收起后，原查看详细的位置换成极简模式，点它回到选读。 */
.daily-brief__restore{ display:flex; justify-content:flex-end; margin:8px 0 0; }
.daily-brief__restore[hidden]{ display:none !important; }
.daily-brief__minimal,.daily-brief__collapse{
  gap:6px;
  padding:8px 12px;
  border-radius:12px;
  font-size:15px;
  font-weight:500;
  line-height:1.4;
  color:#222222;
}
/* 一点报纸，先从箱盖上面弹出来，盖子压不住这次上移。 */
.daily-mailbox.is-lifting .newspaper{
  z-index:6;
  transform:translateY(-200px) rotate(-4deg);
  transition:transform 380ms cubic-bezier(.16,1,.3,1);
}