.concept-shell{width:min(1320px,calc(100% - 88px));margin:auto}
.concept-home h1,.concept-home h2,.concept-home h3{margin:0}
.concept-home a{transition:transform .2s,opacity .2s}
.concept-home a:hover{opacity:.85}
.tiny{font:10px/1.5 Arial,sans-serif;letter-spacing:.1em}
.concept-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid;padding:12px 0;font-size:13px;gap:20px;max-width:340px}
.concept-link>span{font:30px/1 Arial}
.concept-heading{padding:65px 0 40px;display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:end}
.concept-heading h2{font:500 56px/1.03 Georgia,"SimSun",serif;letter-spacing:-.045em}
.concept-heading>a{font-size:12px;border-bottom:1px solid;white-space:nowrap}
.concept-heading>.tiny{align-self:start;margin-top:8px}
.concept-end{padding:65px max(44px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid}
.concept-end>.tiny{grid-column:1/-1}
.concept-end h2{font:500 62px/1.1 Georgia,"SimSun",serif;letter-spacing:-.04em}
.concept-end>div{align-self:end;max-width:380px;justify-self:end;width:100%}
.concept-end p{font-size:13px}
.concept-home .cover{border-radius:0}
body .topbar{min-height:82px}
body .brand img{display:none}
body .brand{font-size:27px}
body .brand small{font-size:8px}
body .paper{transform:none!important;box-shadow:none;margin:0!important;background:var(--paper);border:1px solid var(--ink)}
body .book-poster{transform:none;box-shadow:8px 8px 0 var(--ink)}
body .ticket{box-shadow:none}
body footer{border-top:1px solid}
body .reading-page{background:var(--cream)}
body .reading-sheet{background:var(--paper)}
.orbit-b{width:680px;height:360px;transform:translate(-50%,-50%) rotate(-35deg)}
body{--cream:#fa7238;--paper:#f9eee0;--ink:#25241f;--red:#6b3d98;--blue:#cfb4ed;--muted:#59321f;--line:2px solid #25241f;background:var(--cream)}
body header{background:#25241f;color:#f9eee0;border-bottom:0}
body nav a[aria-current]{color:#fca175}
body .topbar{min-height:80px}
.orange-hero{position:relative;display:grid;grid-template-columns:1.3fr .8fr;gap:40px;min-height:740px;padding:0 max(44px,calc((100vw - 1320px)/2));overflow:hidden}
.orange-top{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;font:9px/1.5 Arial;letter-spacing:.08em;padding-top:25px}
.orange-copy{z-index:2;padding:20px 0 40px}
.orange-copy h1{font:900 clamp(98px,11.4vw,175px)/.83 Arial,"Microsoft YaHei",sans-serif;letter-spacing:-.08em;margin:30px -5px}
.orange-copy h1 em{color:#f9eee0;white-space:nowrap}
.orange-copy p{font-size:13px;line-height:1.8;margin:30px 0}
.orange-enter{display:inline-flex;align-items:center;background:#25241f;color:#f9eee0;gap:35px;padding-left:22px;font-size:13px;border-radius:45px}
.orange-enter b{background:#cfb4ed;color:#25241f;border:4px solid #25241f;border-radius:50%;font:38px/1 Arial;padding:13px}
.orange-capsule{position:relative;align-self:center;background:#25241f;border-radius:50% 50% 45% 45% / 32% 32% 32% 32%;height:565px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:38px 30px 35px;color:#f9eee0;transform:rotate(8deg);width:360px;justify-self:end;margin-right:12px;margin-top:-10px}
.orange-capsule>a{width:221px;box-shadow:0 20px 40px #0008}
.capsule-top,.capsule-bottom{font:8px/1.5 Arial;letter-spacing:.1em}
.capsule-star{position:absolute;left:-65px;bottom:80px;font:160px/1 Arial;color:#cfb4ed;transform:rotate(-8deg)}
.orange-dial{position:absolute;right:33%;top:44%;background:#f9eee0;border:2px solid;width:115px;height:115px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transform:rotate(-15deg);z-index:3}
.orange-dial>span{font:700 11px/1.3 Arial}
.orange-dial>b{font:35px/1 Arial}
.orange-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:14px 0 22px;border-top:1px solid;font:8px/1.5 Arial;letter-spacing:.08em;z-index:2}
.orange-marquee{background:#cfb4ed;border-top:2px solid;border-bottom:2px solid;transform:rotate(-2deg);margin:0 -5px;display:flex;justify-content:space-around;align-items:center;gap:25px;padding:20px 30px;font:700 25px/1 Arial;letter-spacing:-.03em;position:relative;z-index:3}
.orange-marquee b{font:40px/1 Arial}
.orange-collection{padding:20px 0 90px}
.orange-collection .concept-heading h2{font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:800;letter-spacing:-.06em}
.orange-collection .concept-heading h2 em{color:#25241f}
.orange-books{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:start}
.orange-tile{padding:23px 22px;background:#25241f;color:#f9eee0;border:1px solid #25241f;position:relative}
.orange-tile>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}
.orange-tile>div>span:last-child{font-size:25px}
.orange-tile>a{width:82%;display:block;margin:0 auto 25px}
.orange-tile h3{font:500 26px/1.05 Georgia;letter-spacing:-.035em}
.orange-tile p{font-size:10px;margin:13px 0 0}
.orange-tile.tile-1{background:#cfb4ed;color:#25241f;margin-top:65px;transform:rotate(4deg);z-index:2}
.orange-tile.tile-2{background:#f9eee0;color:#25241f;margin-top:15px;transform:rotate(-3deg)}
.orange-tile.tile-3{background:#e0e79d;color:#25241f;margin-top:80px}
.orange-moods{background:#25241f;color:#f9eee0;padding:65px 0}
.orange-moods h2{font:800 75px/1 Arial,"Microsoft YaHei",sans-serif;letter-spacing:-.055em;margin:25px 0 40px}
.orange-moods h2 em{color:#fa7238}
.orange-moods .concept-shell>div{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.orange-moods a{border:1px solid #f9eee0;display:flex;align-items:center;gap:25px;padding:22px}
.orange-moods a:nth-child(2),.orange-moods a:nth-child(3){border-radius:50px}
.orange-moods a>span{font-size:9px}
.orange-moods strong{font:500 35px Georgia,"SimSun",serif}
.orange-moods b{margin-left:auto;font:30px Arial}
.orange-home .concept-end{background:#cfb4ed}
.orange-home .concept-end h2{font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:800;letter-spacing:-.055em}
body .page,body footer{--red:#a23f15;--cream:#f9eee0;--muted:#625142;background:#f9eee0}
body .reading-page{--cream:#f9eee0;--muted:#625142}
.orange-home+.footer{background:var(--paper)}
html[lang=zh-CN] .orange-copy h1{font-size:clamp(92px,10.4vw,155px);line-height:1.06;margin-top:18px}
.orange-home{overflow-x:clip}
@media(min-width:1550px){.orange-copy h1{font-size:180px}}
@media(max-width:1100px){.concept-shell{width:calc(100% - 48px)}
.concept-heading{grid-template-columns:125px 1fr auto;gap:20px}
.concept-heading h2{font-size:45px}
.concept-end{padding:55px 24px}
.concept-end h2{font-size:49px}
.orbit-b{width:560px;height:300px}
.orange-hero{padding:0 24px;min-height:650px;gap:20px}
.orange-copy h1{font-size:11.2vw}
.orange-capsule{width:280px;height:480px;margin-right:8px}
.orange-capsule>a{width:190px}
.capsule-star{font-size:125px;left:-50px}
.orange-dial{width:95px;height:95px;right:29%;top:40%}
.orange-dial>span{font-size:9px}
.orange-dial>b{font-size:27px}
.orange-marquee{font-size:20px}
.orange-tile{padding:20px 17px}
.orange-tile h3{font-size:23px}
.orange-moods h2{font-size:65px}}
@media(max-width:760px){.concept-shell{width:calc(100% - 36px)}
body .topbar{min-height:0}
body .brand{font-size:24px}
.tiny{font-size:8px}
.concept-link{font-size:11px;padding:10px 0}
.concept-link>span{font-size:25px}
.concept-heading{grid-template-columns:1fr auto;padding:40px 0 28px;gap:18px}
.concept-heading>.tiny{grid-column:1/-1;margin:0}
.concept-heading h2{font-size:35px}
.concept-heading>a{font-size:10px}
.concept-end{grid-template-columns:1fr;padding:40px 22px;gap:20px}
.concept-end h2{font-size:41px}
.concept-end>div{justify-self:start;max-width:100%}
.concept-end p{font-size:12px}
.orbit-b{width:450px;height:230px}
.orange-hero{grid-template-columns:1fr;padding:0 18px;gap:0;min-height:0}
.orange-top{font-size:6px;padding:21px 0;gap:15px}
.orange-top>span:last-child{max-width:125px;text-align:right}
.orange-copy{padding:14px 0 25px}
.orange-copy h1{font-size:clamp(83px,25vw,128px);margin:25px -2px;line-height:.86}
.orange-copy p{font-size:11px;margin:25px 0}
.orange-enter{font-size:11px;padding-left:20px;gap:25px}
.orange-enter b{font-size:31px;padding:11px}
.orange-capsule{width:252px;height:430px;justify-self:center;margin:13px 0 45px;padding:30px 25px;transform:rotate(8deg)}
.orange-capsule>a{width:170px}
.capsule-top,.capsule-bottom{font-size:6px}
.capsule-star{font-size:105px;left:-40px;bottom:65px}
.orange-dial{width:82px;height:82px;right:16px;top:auto;bottom:330px;transform:rotate(-12deg)}
.orange-dial>span{font-size:8px}
.orange-dial>b{font-size:25px}
.orange-bottom{padding:15px 0 20px;font-size:6px}
.orange-marquee{font-size:14px;gap:17px;padding:16px 18px}
.orange-marquee>span:last-child{font-size:11px;max-width:140px}
.orange-marquee b{font-size:29px}
.orange-collection{padding:10px 0 50px}
.orange-collection .concept-heading h2{font-size:37px}
.orange-books{grid-template-columns:1fr 1fr}
.orange-tile{padding:18px 15px}
.orange-tile>div{margin-bottom:18px}
.orange-tile .tiny{font-size:7px}
.orange-tile>a{width:85%;margin-bottom:20px}
.orange-tile h3{font-size:23px}
.orange-tile p{font-size:8px}
.orange-tile.tile-1{margin-top:35px}
.orange-tile.tile-2{margin-top:0}
.orange-tile.tile-3{margin-top:35px}
.orange-moods{padding:40px 0}
.orange-moods h2{font-size:44px;margin:25px 0 30px}
.orange-moods .concept-shell>div{grid-template-columns:1fr;gap:13px}
.orange-moods a{padding:18px;gap:20px}
.orange-moods strong{font-size:30px}
.orange-moods b{font-size:26px}
html[lang=zh-CN] .orange-copy h1{font-size:92px;line-height:1.1;margin-top:12px}}
@media(max-width:370px){.concept-heading h2{font-size:31px}
.orange-marquee>span:last-child{max-width:110px}
.orange-tile h3{font-size:20px}
.orange-capsule{width:230px;height:405px}
.orange-capsule>a{width:157px}}
@media(prefers-reduced-motion:reduce){.concept-home a{transition:none}}