/* Standalone Hero only. All original lower sections and routes keep their styles. */
.seven-edition .hero-magazine{position:relative;isolation:isolate;overflow:clip;color:#4c2924;background:radial-gradient(ellipse at 8% 11%,#f3b9ae24,transparent 27%),radial-gradient(ellipse at 51% 7%,#9dc8de32,transparent 25%),radial-gradient(ellipse at 94% 67%,#f0bbaf33,transparent 29%),radial-gradient(ellipse at 42% 100%,#e4c88e32,transparent 36%),repeating-linear-gradient(13deg,#ffffff19 0 1px,transparent 1px 5px),#fffaf2;border-bottom:1px solid #e8d5bc;padding:42px max(44px,calc((100vw - 1380px)/2)) 20px;min-width:0}
.hero-magazine .hero-art-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.hero-magazine .hero-art-layer img{position:absolute;display:block;height:auto}.hero-magazine .hero-plum{width:290px;top:-73px;left:-82px;opacity:.82}.hero-magazine .hero-eave{width:220px;right:-85px;top:-16px;opacity:.66}.hero-magazine .hero-lantern{width:62px;opacity:.78}.hero-magazine .hero-lantern-left{top:113px;left:3px;transform:rotate(4deg)}.hero-magazine .hero-lantern-right{top:100px;right:0;transform:rotate(-4deg)}
.hero-magazine .hero-editorial{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:38px;align-items:center;position:relative;max-width:1380px;margin:auto;min-width:0}
.hero-magazine .hero-story{position:relative;min-width:0;padding:10px 0 0 15px}.hero-magazine .hero-edition{display:block;font:700 12px/1.6 Georgia,serif;letter-spacing:.14em;color:#5f3028;margin:0 0 3px}.hero-magazine .hero-english{font:400 clamp(66px,6.1vw,98px)/1.2 "Brush Script MT","Segoe Script","Gabriola",cursive;color:#7b3424;margin:0 0 3px;letter-spacing:.01em;text-shadow:.6px .6px #a76c311c;white-space:nowrap}
.hero-magazine .hero-red-seal{position:absolute;right:2px;top:4px;padding:6px 5px 5px;background:#aa352a;border:3px double #fbe4bf;box-shadow:1px 1px 0 1px #b54232;color:#fff4de;font:24px/1.1 "STXingkai","DFKai-SB","KaiTi",cursive;transform:rotate(8deg);opacity:.93}
.hero-magazine .hero-story h1{font-family:"STXingkai","DFKai-SB","KaiTi","Microsoft JhengHei",cursive;font-size:clamp(45px,4.1vw,62px);font-weight:400;line-height:1.35;letter-spacing:.015em;color:#602b27;margin:0;position:relative;text-wrap:balance}.hero-magazine .hero-story h1>span{display:inline-block}.hero-magazine .hero-story .hero-title-dot{font-size:.8em;margin:0 -.08em}
.hero-magazine .hero-gold-brush{height:15px;width:93%;max-width:520px;background:linear-gradient(173deg,transparent 30%,#e5b248aa 37%,#f3ce7e 57%,transparent 65%);clip-path:polygon(0 45%,13% 27%,44% 41%,71% 12%,100% 43%,97% 67%,69% 54%,41% 80%,14% 61%,2% 83%);transform:rotate(-1.5deg);margin:3px 0 17px}
.hero-magazine .hero-intro{font:21px/1.85 "DFKai-SB","KaiTi","Microsoft JhengHei",sans-serif;color:#4e352b;max-width:95%;margin:0 0 22px;letter-spacing:.025em;overflow-wrap:anywhere;text-wrap:pretty}
.hero-magazine .hero-date{display:flex;gap:10px 12px;align-items:center;flex-wrap:wrap;font:700 18px/1.65 Georgia,"Microsoft JhengHei",sans-serif;color:#593b2e;padding:15px 0;border-block:1px solid #d9b68c;margin-bottom:22px;max-width:95%}.hero-magazine .hero-date>svg{width:24px;height:24px;stroke:#a8472c;stroke-width:1.6;fill:none;stroke-linecap:round;flex:none}.hero-magazine .hero-date>span{font-variant-numeric:tabular-nums;letter-spacing:.01em}.hero-magazine .hero-date>strong{font:700 17px/1.5 "DFKai-SB","Microsoft JhengHei",sans-serif;padding:3px 13px;background:#a54733;color:#fff7e5;border-radius:55% 30% 50% 25%;white-space:nowrap}
.hero-magazine .hero-open-book{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;min-height:52px;max-width:100%;padding:8px 23px;border:1px solid #d8a66c;border-radius:30px 11px 28px 14px;background:radial-gradient(ellipse at 0% 70%,#efbf765c,transparent 42%),linear-gradient(170deg,#fff8e7,#f7e2ba);box-shadow:0 4px 8px #9c5d2d22;color:#713722;font:700 24px/1.5 "STXingkai","DFKai-SB","Microsoft JhengHei",sans-serif;text-decoration:none;letter-spacing:.03em}.hero-magazine .hero-open-book>span{font:30px/1 Georgia,serif}.hero-magazine .hero-open-book:hover{background:#f2dbaf}.hero-magazine a:focus-visible,.hero-magazine summary:focus-visible{outline:3px solid #a16a28;outline-offset:4px}
.hero-magazine .hero-sketches{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 0;min-height:93px;max-width:95%;pointer-events:none}.hero-magazine .hero-duck-note{position:relative;width:126px;margin:0;flex:none;padding:5px 5px 2px;background:#fffdf5;border:1px solid #e5ccb0;box-shadow:0 4px 8px #81532f14;transform:rotate(-7deg)}.hero-magazine .hero-duck-note img{display:block;width:100%;height:auto;object-fit:contain}.hero-magazine .hero-duck-note figcaption{font-size:10px;color:#74503b;text-align:center;line-height:1.6;padding:2px 0}.hero-magazine .hero-temple{width:82px;height:auto;flex:none;opacity:.9}.hero-magazine .hero-sketch-line{min-width:0;flex:1;padding-bottom:10px;border-bottom:1px dashed #d7b77a;color:#9a6f3a;font:18px/1.8 "STXingkai","DFKai-SB",cursive;text-align:center}
.hero-magazine .hero-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;min-width:0;padding:12px 0 16px;position:relative}.hero-magazine .hero-snapshot{position:relative;display:block;min-width:0;background:#fffdfa;padding:8px 8px 3px;border-radius:17px;border:1px solid #e2d8ca;box-shadow:0 9px 18px #77564a1f,0 2px 4px #80635215;color:#632e27;text-decoration:none;transform:rotate(-.8deg)}.hero-magazine .hero-snapshot-2{transform:rotate(.65deg)}.hero-magazine .hero-snapshot-3{transform:rotate(-.35deg)}.hero-magazine .hero-snapshot-4{transform:rotate(.65deg)}.hero-magazine .hero-snapshot:before{content:"";position:absolute;top:-9px;left:27px;width:74px;height:23px;z-index:1;background:repeating-linear-gradient(0deg,#edc77c99 0 3px,#f1d291aa 3px 5px);clip-path:polygon(1% 9%,12% 0,18% 8%,82% 4%,91% 0,97% 12%,93% 29%,100% 43%,93% 61%,98% 90%,88% 99%,8% 92%,0 100%,5% 64%,0 37%,5% 22%);transform:rotate(-9deg)}.hero-magazine .hero-snapshot-2:before,.hero-magazine .hero-snapshot-4:before{left:auto;right:28px;transform:rotate(8deg)}.hero-magazine .hero-snapshot figure{margin:0}.hero-magazine .hero-photo-frame{aspect-ratio:3/2;background:#f1ede5;overflow:hidden;border-radius:11px}.hero-magazine .hero-photo-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.hero-magazine .hero-snapshot figcaption{display:flex;justify-content:space-between;gap:6px;align-items:center;padding:9px 9px 6px;min-height:45px;color:#672e28}.hero-magazine .hero-snapshot figcaption>span{font:400 clamp(23px,2.15vw,31px)/1.3 "STXingkai","DFKai-SB","KaiTi",cursive;white-space:nowrap}.hero-magazine .hero-snapshot small{font:700 12px/1.5 Georgia,serif;color:#6c4537;white-space:nowrap}.hero-magazine .hero-snapshot small b{font-size:16px;margin-left:3px;font-weight:400}
.hero-magazine .hero-photo-credits{max-width:1380px;margin:10px auto 0;padding-top:8px;border-top:1px solid #d8c1a34a;color:#6c4f3a}.hero-magazine .hero-photo-credits summary{min-height:44px;display:list-item;cursor:pointer;font-size:14px;line-height:1.8;padding:9px 3px;width:fit-content;border-radius:6px}.hero-magazine .hero-photo-credits p{font-size:14px;line-height:1.85;margin:10px 0;color:#6c4f3a}.hero-magazine .hero-photo-credits>div{display:flex;flex-wrap:wrap;gap:5px 16px;align-items:center;font-size:14px;line-height:1.8;padding:7px 0;border-top:1px solid #e5d5bd}.hero-magazine .hero-photo-credits a{display:inline-flex;align-items:center;min-height:44px;color:#863e2a;font-size:14px;padding:7px 0;overflow-wrap:anywhere}.hero-magazine .hero-photo-credits strong{font-size:15px}
.large .hero-magazine .hero-english{font-size:96px}.large .hero-magazine .hero-story h1{font-size:68px}.large .hero-magazine .hero-intro{font-size:25px}.large .hero-magazine .hero-date{font-size:21px}.large .hero-magazine .hero-date strong{font-size:20px}.large .hero-magazine .hero-open-book{font-size:27px}.large .hero-magazine .hero-snapshot figcaption>span{font-size:34px}.large .hero-magazine .hero-photo-credits :is(summary,p,a,span){font-size:16px}
/* The preview keeps the original app controls; the home header can wrap on small screens. */
.seven-edition.home-view .top{position:relative;height:auto;min-height:78px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:14px max(24px,calc((100vw - 1352px)/2));background:#fffaf2;border-bottom-color:#e6d1b7}.seven-edition.home-view .top .brand{font-family:"STXingkai","DFKai-SB","Microsoft JhengHei",cursive;font-size:32px;font-weight:400;color:#9d3826}.seven-edition.home-view .top .brand span{font:700 13px/1.5 Georgia,serif;letter-spacing:.06em}.seven-edition.home-view .tools button{min-height:44px;font-size:15px;padding:8px 15px;background:#fffcf7;color:#633f2d;border:1px solid #d5ac88;border-radius:23px}.seven-edition.home-view .book-tabs{position:relative;top:auto}
@media(max-width:1099px){.seven-edition .hero-magazine{padding:35px 38px 18px}.hero-magazine .hero-editorial{grid-template-columns:minmax(0,1fr);gap:18px}.hero-magazine .hero-story{max-width:800px;margin:auto;text-align:center;padding:5px 20px 0;width:100%}.hero-magazine .hero-english{font-size:84px}.hero-magazine .hero-story h1{font-size:60px}.hero-magazine .hero-gold-brush{margin:3px auto 16px;width:75%}.hero-magazine .hero-intro{margin:0 auto 20px;max-width:650px;font-size:22px}.hero-magazine .hero-date{justify-content:center;max-width:670px;margin:0 auto 20px}.hero-magazine .hero-sketches{display:none}.hero-magazine .hero-photo-grid{width:100%;max-width:850px;margin:auto;gap:25px}.hero-magazine .hero-red-seal{right:18px;top:4px;font-size:22px}.hero-magazine .hero-plum{width:280px;opacity:.65}.hero-magazine .hero-lantern-left{left:0;width:58px}.hero-magazine .hero-lantern-right{width:55px;right:0}.hero-magazine .hero-snapshot figcaption>span{font-size:30px}.large .hero-magazine .hero-english{font-size:94px}.large .hero-magazine .hero-story h1{font-size:66px}.large .hero-magazine .hero-intro{font-size:25px}.large .hero-magazine .hero-snapshot figcaption>span{font-size:34px}}
@media(max-width:639px){.seven-edition .hero-magazine{padding:26px 18px 14px}.hero-magazine .hero-editorial{gap:18px}.hero-magazine .hero-story{padding:8px 0 0;text-align:left}.hero-magazine .hero-edition{font-size:10px;letter-spacing:.1em;padding-right:34px;margin-bottom:5px}.hero-magazine .hero-english{font-size:clamp(48px,15vw,66px);line-height:1.15;margin:0 0 6px;letter-spacing:0}.hero-magazine .hero-red-seal{right:2px;top:2px;font-size:17px;padding:4px 3px;transform:rotate(5deg)}.hero-magazine .hero-story h1{font-size:clamp(43px,13.1vw,57px);line-height:1.25;letter-spacing:.015em;max-width:100%;padding-right:0;text-wrap:initial}.hero-magazine .hero-story h1>span:last-child{display:block;margin-left:12%;margin-top:-4px}.hero-magazine .hero-title-dot{margin-left:-.12em!important}.hero-magazine .hero-gold-brush{width:90%;margin:3px 0 14px;height:13px}.hero-magazine .hero-intro{font-size:19px;line-height:1.9;max-width:100%;margin:0 0 18px}.hero-magazine .hero-date{justify-content:flex-start;gap:8px;font-size:15px;line-height:1.7;padding:12px 0;margin:0 0 17px;max-width:100%}.hero-magazine .hero-date svg{width:20px;height:20px}.hero-magazine .hero-date strong{font-size:16px;padding:2px 10px}.hero-magazine .hero-open-book{min-height:50px;padding:8px 17px;font-size:23px;gap:20px;width:100%;max-width:340px}.hero-magazine .hero-photo-grid{gap:21px 12px;padding-top:14px}.hero-magazine .hero-snapshot{padding:5px 5px 2px;border-radius:11px;transform:none}.hero-magazine .hero-snapshot:before{width:48px;height:17px;top:-7px;left:15px}.hero-magazine .hero-snapshot-2:before,.hero-magazine .hero-snapshot-4:before{right:15px}.hero-magazine .hero-photo-frame{border-radius:7px}.hero-magazine .hero-snapshot figcaption{padding:8px 2px 6px;min-height:38px;justify-content:center}.hero-magazine .hero-snapshot figcaption>span{font-size:clamp(19px,5.1vw,23px)}.hero-magazine .hero-snapshot small{display:none}.hero-magazine .hero-plum{width:185px;left:-93px;top:-80px;opacity:.55}.hero-magazine .hero-eave{width:140px;right:-86px;top:48px;opacity:.24}.hero-magazine .hero-lantern-left{width:36px;top:100px;left:-20px;opacity:.3}.hero-magazine .hero-lantern-right{width:35px;top:165px;right:-20px;opacity:.28}.hero-magazine .hero-photo-credits{margin-top:6px}.hero-magazine .hero-photo-credits summary{font-size:14px}.large .hero-magazine .hero-english{font-size:clamp(50px,15.5vw,70px)}.large .hero-magazine .hero-story h1{font-size:clamp(47px,14.2vw,62px)}.large .hero-magazine .hero-intro{font-size:22px}.large .hero-magazine .hero-date{font-size:17px}.large .hero-magazine .hero-date strong{font-size:18px}.large .hero-magazine .hero-open-book{font-size:26px}.large .hero-magazine .hero-snapshot figcaption>span{font-size:clamp(21px,5.7vw,25px)}.seven-edition.home-view .top{padding:16px 18px 12px;gap:12px;display:block}.seven-edition.home-view .top .brand{font-size:29px;line-height:1.3}.seven-edition.home-view .top .brand span{font-size:12px;margin-left:12px}.seven-edition.home-view .tools{display:flex;width:100%;margin-top:13px;gap:12px}.seven-edition.home-view .tools button{flex:1;justify-content:center;min-width:0;font-size:14px;padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.hero-magazine *{scroll-behavior:auto!important}}

@media(max-width:639px){.hero-magazine .hero-red-seal{top:-12px;font-size:14px}.hero-magazine .hero-open-book{gap:12px}}
@media(max-width:359px){.large .hero-magazine .hero-open-book{font-size:24px;gap:8px}}