*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff8f5;color:#4a2933;font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}a{color:#853647;text-underline-offset:3px}a:hover{color:#5b2030}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a3475e;outline-offset:3px}button,input{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3vw,34px);line-height:1.35}h2{font-size:clamp(21px,2.3vw,26px);line-height:1.4}h3{font-size:19px;line-height:1.45}p{color:#70545b}section{margin-block:60px}section:last-child{margin-bottom:65px}.eyebrow{font-size:13px;letter-spacing:.15em;font-weight:700;color:#853647}.lead{max-width:800px;font-size:17px}.site-head{position:relative;background:#fff;border-bottom:1px solid #e9d7d2;z-index:10}.head-inner{max-width:1160px;width:calc(100% - 48px);margin:auto;height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:7px;min-width:140px;text-decoration:none;color:#4a2933;white-space:nowrap}.brand img{max-width:110px;max-height:36px;width:auto;height:auto;object-fit:contain}.brand strong{font-size:20px}.brand-en{font-size:9px;letter-spacing:.08em;color:#70545b}.desktop-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:10px}.desktop-nav a,.head-actions a{min-height:44px;display:inline-flex;align-items:center;padding:0 8px;text-decoration:none;white-space:nowrap;font-size:14px}.head-actions{display:flex;align-items:center;gap:3px}.toggle{border:0;background:transparent;color:#4a2933;min-width:44px;min-height:44px;font-size:25px}.desktop-nav [aria-current],.head-actions [aria-current]{color:#9c3a53;font-weight:700}.mobile-only,.bottom-nav{display:none}.nojs-links{display:none}.popup{position:absolute;top:100%;right:max(24px,calc((100vw - 1160px)/2));background:#fff;border:1px solid #e9d7d2;border-radius:0 0 12px 12px;box-shadow:0 8px 20px #4a29331c;padding:20px;z-index:11}.popup[hidden]{display:none!important}.discover-popup{width:340px;max-width:calc(100vw - 32px)}.pop-group{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin-bottom:12px}.pop-group:last-child{margin-bottom:0}.pop-group b{grid-column:1/-1;color:#4a2933;font-size:14px}.pop-group a{padding:5px 2px;text-decoration:none;font-size:14px}.search-popup{width:420px;max-width:calc(100vw - 32px)}.search-popup label{font-size:14px;font-weight:700}.search-line{display:flex;gap:8px;margin-top:8px}.search-line input{min-width:0;width:100%;padding:8px 10px;border:1px solid #b99e9d;border-radius:8px}.search-line button,.button{background:#853647;color:#fff;border:1px solid #853647;border-radius:9px;min-height:46px;padding:9px 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.button:hover,.search-line button:hover{background:#66283a;color:#fff}.button.ghost{background:#fff;color:#853647}.button.ghost:hover{background:#fbe9e1}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.intro{padding-top:50px}.intro .lead{max-width:750px}.visual{display:flex;align-items:center;justify-content:center;background:#fbe9e1;border:1px solid #e9d7d2;border-radius:12px;max-width:100%;height:190px;padding:12px;min-width:0}.visual img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.visual-word{max-width:100%;text-align:center;color:#853647;font-size:17px;font-weight:700;letter-spacing:.05em}.visual.hero{height:300px;max-width:940px;margin:26px auto 0}.visual.app-art{height:350px}.visual.icon-art{height:72px;width:72px;padding:8px}.visual.icon-art .visual-word{font-size:12px}.split{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:28px}.split.reverse{grid-template-columns:7fr 5fr}.section-head{margin-bottom:23px}.soft{background:#fbe9e1;border-radius:14px;padding:28px}.card{background:#fff;border:1px solid #e9d7d2;border-radius:12px;padding:20px;min-width:0}.card h3{margin-bottom:8px}.card p:last-child{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.text-link{display:inline-block;margin-top:10px;font-weight:700}.note{padding:18px 20px;border-left:3px solid #ce6e80;background:#fff}.home-section{border-top:1px solid #e9d7d2;padding-top:47px}.home-section .visual{margin:10px 0}.list-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.list-links a{display:block;padding:10px 12px;background:#fff;border:1px solid #e9d7d2;border-radius:8px;text-decoration:none}.article-intro{padding:50px 0 18px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:36px;align-items:start}.article-body article{padding:23px 0;border-top:1px solid #e9d7d2}.article-body article h2{font-size:23px}.article-body article p{max-width:76ch}.article-side{position:static}.article-side .visual{margin-bottom:18px}.article-side a{display:block;margin:9px 0}.faq-item{padding:21px 0;border-bottom:1px solid #e9d7d2}.faq-item h2{font-size:20px}.faq-item p{max-width:82ch}.tag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tag-grid a{background:#fff;border:1px solid #e9d7d2;border-radius:10px;padding:14px;text-decoration:none}.site-foot{background:#4a2933;color:#fff;padding:50px 0 22px}.site-foot p,.site-foot a,.site-foot span{color:#f8e7e3}.foot-brand{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;margin-bottom:28px}.foot-brand img{max-width:115px;max-height:36px;width:auto;height:auto;object-fit:contain}.foot-brand p{width:100%;margin:4px 0 0;max-width:570px}.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.foot-grid h2{font-size:17px;color:#fff}.foot-grid a{display:block;margin-bottom:6px;font-size:14px}.copyright{border-top:1px solid #79515b;margin-top:29px;padding-top:19px;font-size:13px;color:#f8e7e3}@media(max-width:950px){.head-inner{gap:8px}.desktop-nav{gap:2px}.desktop-nav a{padding:0 5px;font-size:13px}.brand{min-width:115px}.brand-en{display:none}}@media(max-width:760px){body{font-size:15.5px;line-height:1.7;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.container{width:calc(100% - 36px)}section{margin-block:40px}.head-inner{height:62px;width:calc(100% - 32px);justify-content:space-between}.brand{min-width:0;max-width:calc(100% - 108px)}.brand img{max-width:105px}.desktop-nav,.desk-only,.discover-link{display:none!important}.mobile-only{display:inline-flex;align-items:center;justify-content:center}.mobile-popup{left:16px;right:16px;max-height:calc(100dvh - 62px - 56px - env(safe-area-inset-bottom) - 12px);overflow-y:auto}.mobile-brand{font-weight:700;margin-bottom:10px}.mobile-brand img{max-width:110px;max-height:34px;object-fit:contain}.bottom-nav{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e9d7d2;z-index:9}.bottom-nav a{display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none;color:#4a2933}.bottom-nav a[aria-current]{font-weight:700;color:#853647;background:#fff8f5}.grid,.grid.five,.grid.two,.split,.split.reverse,.article-layout{grid-template-columns:1fr}.split .visual{order:0}.split .mobile-after{order:1}.soft{padding:18px}.home-section{padding-top:32px}.visual{height:160px}.visual.hero{height:220px}.visual.app-art{height:280px}.article-intro{padding-top:34px}.article-side{display:block}.article-side .visual{max-width:380px}.article-side a{display:inline-block;margin-right:12px}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-foot{padding:35px 0 28px}.tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{padding-top:32px}}@media(max-width:360px){.container{width:calc(100% - 32px)}.brand strong{font-size:18px}.toggle{min-width:42px}.head-actions{gap:0}.grid.five{grid-template-columns:1fr}.foot-grid{gap:18px 12px}}@media(max-width:340px){.tag-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html:not(.js) .nojs-links{display:flex;gap:12px;flex-wrap:wrap;max-width:1160px;margin:auto;padding:8px 18px;font-size:14px}html:not(.js) .toggle{display:none!important}