@charset "UTF-8";
:root{font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;color:#10131b;background:#f0f1f3;font-synthesis:none;--orange:#ff6011;--ink:#111827}
*{box-sizing:border-box}body{margin:0;padding:28px 24px;background:radial-gradient(ellipse at 60% 20%,#fff9e6aa,transparent 60%),#f0f1f3}h1,h2,p,ul{margin:0}img{display:block;max-width:100%}.page{max-width:1100px;margin:auto;padding:26px 32px 23px;background:#fffefb;border-radius:27px;box-shadow:0 10px 40px #202a3510;border:1px solid white}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-logo{width:49px;height:73px;object-fit:contain}.brand-name{font-size:27px;font-weight:900;letter-spacing:-.045em;white-space:nowrap}.product-name{background:#ffecdf;color:#e54b00;border-radius:12px;font-size:20px;font-weight:800;padding:7px 12px;white-space:nowrap}.welcome{text-align:center;padding:20px 0 31px}.welcome h1{font-size:clamp(38px,4.5vw,57px);font-weight:950;line-height:1.38;letter-spacing:-.055em;color:#080b10}.self{color:var(--orange);font-size:1.17em;display:inline-block;position:relative}.self:after{content:"";position:absolute;width:12px;height:5px;border-radius:4px;background:var(--orange);right:-9px;top:4px;transform:rotate(-55deg)}.welcome p{font-size:24px;color:#172b50;font-weight:650;line-height:1.7;margin-top:6px}.mobile-break,.mobile-only{display:none}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.edition{--tone:#fff6d5;--edge:#f9d783;--chip:#fff0c4;--underline:#f7ca3a;display:block;position:relative;isolation:isolate;overflow:hidden;text-decoration:none;color:var(--ink);background:#fffcf2;border:1px solid var(--edge);border-radius:23px;box-shadow:0 6px 17px #c9983e0d;transition:transform .2s,box-shadow .2s}.workplace{--tone:#e7f2ff;--edge:#c7e5ff;--chip:#e0eeff;--underline:#5aa1f0;background:#f6faff;box-shadow:0 6px 17px #4d8bd716}.edition-art{height:282px;margin:10px 10px 0;border-radius:17px;overflow:hidden;background:var(--tone)}.edition-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.workplace .edition-art img{object-position:center 54%}.edition-copy{padding:12px 25px 25px;position:relative}.edition h2{font-size:35px;font-weight:950;line-height:1.4;letter-spacing:-.045em;color:#080b10}.edition h2 span{position:relative;z-index:1;display:inline-block}.edition h2 span:after{content:"";height:7px;background:var(--underline);position:absolute;left:0;right:0;bottom:3px;z-index:-1;transform:rotate(-4deg);border-radius:7px}.description{font-size:22px;color:#152b50;line-height:1.6;font-weight:650;margin-top:1px}.tags{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px;margin-bottom:18px}.tags li{background:var(--chip);border:1px solid #ffffffa6;border-radius:24px;text-align:center;padding:9px 5px;color:#8b4b06;font-size:17px;line-height:1.5;font-weight:650;white-space:nowrap}.workplace .tags li{color:#184b85}.entry{display:flex;align-items:center;justify-content:center;gap:25px;background:linear-gradient(110deg,#ff811a,#ff570c);border-radius:32px;min-height:60px;color:white;font-size:25px;line-height:1.5;font-weight:850;padding:8px 18px;box-shadow:0 6px 12px #ff73151a}.arrow{font-size:37px;line-height:1;transition:transform .2s}.edition:hover{transform:translateY(-4px);box-shadow:0 14px 26px #d7913f22}.edition:hover .arrow{transform:translateX(5px)}.edition:active{transform:translateY(0) scale(.99)}.edition:focus-visible{outline:4px solid #216bc1;outline-offset:5px}.coming-soon{display:flex;align-items:center;justify-content:center;gap:24px;background:#f0f2f6;border-radius:18px;margin-top:22px;padding:12px 28px;min-height:77px;color:#314363}.coming-soon>img{opacity:.55;object-fit:contain}.coming-soon .heart{margin-left:40px;opacity:.35}.coming-soon h2{font-size:21px;line-height:1.5;font-weight:800}.coming-soon p{font-size:17px;line-height:1.7;color:#61718c}.coming-soon div{text-align:left}footer{text-align:center;font-size:15px;font-weight:550;line-height:1.8;margin-top:18px;color:#233454}footer span{margin:0 5px;color:#e85a0b}
@media(max-width:700px){body{padding:12px 12px 18px}.page{padding:17px 14px 16px;border-radius:23px}.brand{gap:8px}.brand-logo{width:34px;height:51px}.brand-name{font-size:19px}.product-name{font-size:12px;padding:5px 7px;border-radius:8px;margin-left:auto}.welcome{padding:13px 0 23px}.mobile-break{display:inline}.welcome h1{font-size:clamp(28px,8.3vw,38px);line-height:1.32;letter-spacing:-.055em}.welcome p{font-size:clamp(12px,3.55vw,17px);margin-top:9px;white-space:nowrap}.choices{grid-template-columns:1fr;gap:16px}.edition{min-height:247px;border-radius:18px}.edition-art{position:absolute;top:10px;right:0;width:64%;height:179px;margin:0;border-radius:17px;z-index:-1;background:transparent}.edition-art img{object-fit:contain}.workplace .edition-art{top:5px;height:193px;width:66%;right:-3px}.edition-copy{padding:15px 16px 16px}.edition h2{font-size:30px;line-height:1.4}.description{font-size:16px;line-height:1.55;margin-top:9px;max-width:47%}.mobile-only{display:block}.tags{margin-top:16px;margin-bottom:11px;display:flex;gap:5px}.tags li{font-size:12px;padding:6px 9px;min-height:31px;border:1px solid white;box-shadow:0 1px 4px #7c612206}.entry{width:205px;max-width:83%;min-height:47px;padding:7px 12px;font-size:20px;gap:13px;position:relative}.arrow{font-size:29px}.coming-soon{margin-top:15px;padding:10px 9px;gap:10px;min-height:65px;border-radius:15px}.coming-soon>img{width:32px;height:32px}.coming-soon .heart{width:28px;height:28px;margin-left:0}.coming-soon h2{font-size:15px}.coming-soon p{font-size:11px;line-height:1.8}.coming-soon div{flex:1}footer{font-size:11px;margin-top:16px;white-space:nowrap}footer span{margin:0 2px}}
@media(max-width:700px){.welcome h1{font-size:clamp(30px,9.5vw,42px)}}
@media(max-width:360px){.page{padding-left:12px;padding-right:12px}.brand-name{font-size:16px}.brand-logo{width:29px;height:44px}.product-name{font-size:10px}.brand{gap:6px}.edition-copy{padding-left:13px;padding-right:13px}.edition{min-height:236px}.edition h2{font-size:27px}.tags li{font-size:11px;padding:6px 8px}.description{font-size:15px}.entry{font-size:19px;min-height:45px;width:185px}.coming-soon p{font-size:10px}footer{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.edition{animation:arrive .4s ease both}@keyframes arrive{from{transform:translateY(8px)}to{transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}