/* Hallmark · genre: editorial · theme: custom summer-paper · P5 H5 E4 S5 R5 V4 */
:root{--paper:#fffdf9;--paper-warm:#fff3ed;--pink:#f6d6dd;--blue:#dceaf5;--ink:#233143;--muted:#526174;--line:#d6d4d0;--accent:#bd4a69;--accent-dark:#922e4e;--yellow:#f5df91;--font-body:-apple-system,BlinkMacSystemFont,"Hiragino Sans GB","PingFang SC","Microsoft YaHei",sans-serif;--font-display:"Songti SC","Noto Serif CJK SC","STSong",serif;--max:1180px}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:88px}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.7}a{color:inherit}img{display:block;max-width:100%}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}h1,h2{font-family:var(--font-display);font-weight:700}h1{font-size:clamp(3.4rem,7vw,7rem);letter-spacing:-.07em}h2{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.045em}h3{font-size:1.25rem}p,li{max-width:72ch}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:-999px;top:4px;background:var(--ink);color:var(--paper);padding:8px;z-index:99}.skip:focus{left:10px}.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,253,249,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.header-inner{height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap;font-family:var(--font-display);font-weight:800;font-size:1.22rem}.brand img{width:43px;height:43px;border-radius:9px;object-fit:cover;border:1px solid var(--ink)}.nav{display:flex;align-items:center;gap:24px;margin-left:auto}.nav a{font-size:.93rem;font-weight:700;text-decoration:none;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--accent-dark)}.header-cta{margin-left:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;text-decoration:none;border:1px solid var(--ink);border-radius:4px;font-weight:800;white-space:nowrap;transition:transform .18s ease,background .18s ease,color .18s ease,filter .18s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent-dark);color:#fff;box-shadow:4px 4px 0 var(--ink)}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:var(--paper);color:var(--ink)}.btn-secondary:hover{background:var(--blue)}.btn:disabled,.btn[aria-disabled=true]{opacity:.52;cursor:not-allowed;box-shadow:none;transform:none}.btn[data-state=loading]{filter:saturate(.45)}.btn[data-state=error]{background:#a42b34;color:#fff}.btn[data-state=success]{background:#306e4b;color:#fff}.menu-toggle{display:none}.hero{background:linear-gradient(105deg,var(--paper) 0%,var(--paper-warm) 62%,var(--pink) 100%);border-bottom:1px solid var(--line)}.hero-inner{min-height:640px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:32px;padding-block:70px}.eyebrow{font-size:.83rem;font-weight:800;letter-spacing:.08em;color:var(--accent-dark);margin-bottom:17px}.hero h1{margin-bottom:8px}.original{font-family:var(--font-display);font-size:clamp(1.05rem,1.8vw,1.5rem);font-weight:700;margin-bottom:25px}.lead{font-size:clamp(1.12rem,1.75vw,1.33rem);font-weight:600;max-width:28em}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.micro{color:var(--muted);font-size:.86rem;margin-top:22px}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center}.hero-visual:before{content:"";position:absolute;inset:12% -4% 8% 7%;background:var(--blue);border:1px solid var(--ink);transform:rotate(2deg)}.hero-visual img{position:relative;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--ink);box-shadow:10px 10px 0 var(--yellow);transform:rotate(-2deg)}.hero-note{position:absolute;z-index:1;bottom:6%;right:-2%;background:var(--paper);padding:10px 17px;border:1px solid var(--ink);font-family:var(--font-display);font-weight:800;transform:rotate(3deg)}.fact-strip{border-bottom:1px solid var(--line);background:var(--paper)}.fact-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.fact{padding:24px 22px;border-right:1px solid var(--line)}.fact:first-child{border-left:1px solid var(--line)}.fact span{display:block;color:var(--muted);font-size:.79rem;font-weight:700;margin-bottom:4px}.fact strong{font-size:1rem}.section{padding-block:94px}.section.tint{background:var(--paper-warm);border-block:1px solid var(--line)}.section.blue{background:var(--blue)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-head p{max-width:37ch;color:var(--muted)}.section-head h2{margin:0}.copy-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8vw}.copy-grid p{font-size:1.09rem}.quote{background:var(--paper);padding:28px;border:1px solid var(--ink);box-shadow:6px 6px 0 var(--pink);font-family:var(--font-display);font-size:1.35rem;line-height:1.6}.detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.detail{background:var(--paper);border:1px solid var(--line);padding:26px;min-height:220px;transition:transform .18s ease}.detail:hover{transform:translateY(-3px)}.detail:before{content:"";display:block;width:40px;height:4px;background:var(--accent);margin-bottom:28px}.detail p{color:var(--muted);margin:0}.gallery-preview{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:20px}.gallery-preview a,.gallery-grid a{display:block;text-decoration:none}.shot img{width:100%;height:auto;border:1px solid var(--ink);background:var(--blue)}.shot figcaption{margin-top:9px;color:var(--muted);font-size:.88rem}.gallery-preview figure,.gallery-grid figure{margin:0}.gallery-preview .shot:first-child img{aspect-ratio:16/9;object-fit:cover}.gallery-preview .shot:nth-child(2) img{aspect-ratio:1024/630;object-fit:cover}.download-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;background:var(--ink);color:var(--paper);padding:38px 44px}.download-band h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:8px}.download-band p{margin:0;color:#d8e2e9}.download-band .btn-primary{box-shadow:4px 4px 0 var(--yellow)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 2px}summary{cursor:pointer;font-weight:800;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:1.5rem;line-height:1}details[open] summary:after{content:"−"}details p,details ol{margin:15px 0 0;color:var(--muted)}.site-footer{background:var(--ink);color:var(--paper);padding:65px 0 30px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-grid h3{font-family:var(--font-display)}.footer-grid a{display:block;color:#e3eaf0;margin:9px 0;text-decoration:none}.footer-grid a:hover{text-decoration:underline}.footer-grid .brand img{border-color:var(--paper)}.footer-grid p{color:#d4dce3}.footer-end{border-top:1px solid #596571;margin-top:45px;padding-top:20px;color:#d4dce3;font-size:.83rem}.mobile-cta{display:none}.page-hero{background:var(--paper-warm);border-bottom:1px solid var(--line);padding:65px 0 60px}.page-hero h1{font-size:clamp(2.8rem,5.5vw,5.7rem);margin-bottom:16px}.page-hero p{font-size:1.16rem}.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:25px}.crumbs a{text-decoration:underline}.content{padding:75px 0 100px}.content h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-top:60px}.content h2:first-child{margin-top:0}.content p,.content li{font-size:1.05rem}.info-table{width:100%;border-collapse:collapse;margin:25px 0 35px}.info-table th,.info-table td{border-bottom:1px solid var(--line);padding:13px;text-align:left;vertical-align:top}.info-table th{width:160px;color:var(--muted)}.step-list{counter-reset:steps;list-style:none;padding:0;display:grid;gap:13px}.step-list li{position:relative;padding:20px 22px 20px 70px;background:var(--paper-warm);border:1px solid var(--line)}.step-list li:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:20px;top:18px;font-weight:900;color:var(--accent-dark)}.callout{background:var(--blue);padding:22px 26px;border-left:5px solid var(--accent);margin-block:30px}.toc{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 45px}.toc a,.filter button{border:1px solid var(--ink);background:var(--paper);padding:8px 16px;text-decoration:none;border-radius:3px;font-weight:700;cursor:pointer}.toc a:hover,.filter button:hover,.filter button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.gallery-grid figure img{aspect-ratio:16/9;object-fit:cover}.gallery-grid figure:nth-child(2) img{aspect-ratio:1024/630}.filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.lightbox{border:0;padding:0;background:rgba(18,26,36,.97);color:#fff;width:100vw;height:100vh;max-width:none;max-height:none}.lightbox::backdrop{background:rgba(18,26,36,.96)}.lightbox-inner{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:14px 24px}.lightbox-head{display:flex;justify-content:end}.lightbox button{border:1px solid #fff;background:transparent;color:#fff;padding:8px 14px;cursor:pointer}.lightbox-stage{display:flex;align-items:center;justify-content:center;gap:14px;min-height:0}.lightbox-stage img{max-width:min(82vw,1400px);max-height:80vh;width:auto;height:auto;object-fit:contain}.lightbox-caption{text-align:center;margin:0 0 8px;color:#fff}.notfound{min-height:65vh;display:grid;place-items:center;text-align:center}.notfound h1{font-size:5rem}.small-print{font-size:.86rem;color:var(--muted)}
@media(max-width:800px){.header-inner{height:64px}.nav{display:none;position:absolute;top:64px;left:0;right:0;margin:0;padding:12px 20px 20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:10px 0}.header-cta{margin-left:auto}.menu-toggle{display:block;margin-left:auto;background:none;border:1px solid var(--line);padding:7px 11px;cursor:pointer}.hero-inner{grid-template-columns:1fr;min-height:0;padding-block:52px 70px}.hero-visual{max-width:690px;margin-inline:auto}.hero h1{font-size:4.8rem}.fact-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.fact:nth-child(3){border-left:1px solid var(--line)}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}.copy-grid{grid-template-columns:1fr;gap:20px}.detail-list{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.section{padding-block:68px}}
@media(max-width:600px){body{font-size:15px;padding-bottom:65px}.wrap{width:min(calc(100% - 32px),var(--max))}.header-cta{display:none}.hero h1{font-size:4rem}.original{font-size:1.02rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-visual:before{inset:9% -2% 6% 4%}.hero-note{right:-1%;bottom:2%;font-size:.78rem}.fact{padding:16px 13px}.fact strong{font-size:.9rem}.section-head{display:block}.section-head p{margin-top:14px}.detail-list,.gallery-preview,.gallery-grid{grid-template-columns:1fr}.detail{min-height:0}.download-band{grid-template-columns:1fr;padding:28px 25px}.download-band .btn{width:100%}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-grid>div:first-child{grid-column:auto}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);z-index:35;padding:7px 16px}.mobile-cta .btn{width:100%;min-height:46px;box-shadow:none}.page-hero{padding:43px 0}.content{padding:50px 0 80px}.info-table th{width:105px}.lightbox-stage{gap:3px}.lightbox-stage img{max-width:76vw}.lightbox-inner{padding:10px}.lightbox button{padding:8px}}@media(max-width:370px){.hero h1{font-size:3.3rem}.brand span{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.detail{transition:none}.btn:hover,.detail:hover{transform:none}}
/* Topic pages: a quiet reading column and explicit navigation, not repeated marketing tiles. */
.article-hero h1{font-size:clamp(2.3rem,3.9vw,3.7rem);max-width:22ch;overflow-wrap:anywhere;min-width:0}.article-hero p{max-width:60ch}.article-group{padding-bottom:52px;border-bottom:1px solid var(--line);margin-bottom:52px}.article-group:last-of-type{border-bottom:0}.article-group h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:22px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-card{border-top:2px solid var(--ink);padding:22px 4px 18px;min-width:0}.article-card-category{font-size:.79rem;font-weight:800;color:var(--accent-dark);margin-bottom:10px}.article-card h3{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.4;margin-bottom:10px;overflow-wrap:anywhere}.article-card h3 a{text-decoration:none}.article-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--accent)}.article-card p{font-size:.97rem;color:var(--muted);margin:0 0 12px}.article-card-link{font-size:.9rem;font-weight:800;color:var(--accent-dark);text-underline-offset:4px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;column-gap:8%;row-gap:24px;align-items:start}.article-body{min-width:0}.article-body p,.article-body li{font-size:1.08rem;line-height:1.85;max-width:68ch}.article-body ul{padding-left:1.4em}.article-body li{margin-bottom:9px}.article-section{border-bottom:1px solid var(--line);padding-bottom:40px;margin-bottom:40px;scroll-margin-top:100px}.article-section h2{font-size:clamp(1.75rem,3vw,2.55rem);margin-top:0;margin-bottom:21px}.article-side{position:sticky;top:100px;border-left:3px solid var(--pink);padding-left:20px}.article-side strong{font-family:var(--font-display);font-size:1.1rem}.article-side nav{display:grid;gap:10px;margin-top:16px}.article-side a{font-size:.9rem;text-decoration:none;color:var(--muted)}.article-side a:hover{color:var(--accent-dark);text-decoration:underline}.article-figure{margin:0 0 48px}.article-figure img{width:100%;height:auto;border:1px solid var(--ink)}.article-figure figcaption{font-size:.86rem;color:var(--muted);margin-top:9px}.article-next{margin-top:65px}.article-next h2{margin-top:0;font-size:2rem}.article-next .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-side{grid-row:1;position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:10px}.article-side nav{display:flex;flex-wrap:wrap;gap:8px 16px}.article-hero h1{max-width:none}}
@media(max-width:600px){.article-grid,.article-next .article-grid{grid-template-columns:minmax(0,1fr)}.article-card{padding-block:18px}.article-group{padding-bottom:27px;margin-bottom:27px}.article-section{padding-bottom:27px;margin-bottom:27px}.article-body p,.article-body li{font-size:1rem}.article-hero h1{font-size:clamp(2.25rem,9vw,3.4rem)}}