:root{--text-color:#161720;--text-color-light:#434550;--text-color-lighter:#646774;--background-color:#fffaf0;--background-color-dark:#eee8db}body{background:#fffaf0;color:#161720;font-family:Arial,'PingFang SC',sans-serif}.navbar{background:#fffaf0;border-bottom:1px solid #d7d0c1;box-shadow:none}.navbar .logo{color:#161720;font-family:Arial,sans-serif;font-weight:900;letter-spacing:-1px}.navbar .logo span{color:#ff423e}.hero-section h1,h1,h2{color:#161720;font-family:Arial,'PingFang SC',sans-serif;text-transform:none;letter-spacing:-.5px;font-weight:800}.hero-text{color:#646774}.site-search{background:#fff;border:1px solid #cbc8bf}.site-search input{color:#161720;background:transparent}.site-search button,.load-more-btn{background:#1044ed;color:#fff;border:1px solid #1044ed}.site-search button:hover,.load-more-btn:hover{background:#2759f4}.random-tags a{background:#eee8db;color:#474953;border-color:#d8d0c0}.grid-item{background:#eee8db;border:1px solid #d8d0c0}.grid-item img{border-radius:6px}.footer{background:#fffaf0;color:#646774;border-top:1px solid #d7d0c1}.footer a,.footer-cookie-settings{color:#161720}.lang-select{color:#161720;border-color:#d7d0c1;background:#fffaf0}.info-panel{background:#fffaf0;border-color:#d7d0c1}.detail-dialog{background:#fffaf0;color:#161720}.gallery-unavailable{padding:32px;text-align:center;border:1px solid #d7d0c1;background:#fff;border-radius:8px;color:#646774}.gallery-unavailable a{color:#1044ed;display:inline-block;margin-left:14px;font-weight:700}.detail-overlay .detail-close{color:#161720}.slider-button{color:#fff}
/* The gallery uses the same visual language as the character-card homepage. */
body{min-height:100vh;background:#fffaf0;color:#11131a}.navbar{position:sticky;top:0;padding:14px max(20px,calc((100% - 1280px)/2));min-height:76px;background:#fffaf0;border-bottom:2px solid #111;backdrop-filter:none}.navbar .logo{font-size:30px;line-height:1}.navbar .logo:before{content:'✦ ';font-size:20px}.navbar .logo span{color:#ff423e}.navbar .nav-right{gap:20px}.navbar .nav-right>a{font-size:14px;font-weight:850;text-decoration:none}.nav-right .language-switch{margin-left:0}.lang-select{padding:8px 28px 8px 10px;border:1px solid #111;border-radius:5px;background:#fffaf0;color:#111;background-image:none}.container{padding-top:35px}.home-container{width:min(1280px,calc(100% - 64px));padding-left:0;padding-right:0}.hero-section{padding:36px 0 30px;border-bottom:2px solid #111;background:linear-gradient(165deg,transparent 75%,#ffdc48 75% 86%,transparent 86%);position:relative}.hero-section h1{font-size:clamp(42px,6vw,74px);line-height:1.03;letter-spacing:-3px;margin:0 0 15px;font-weight:950}.hero-section h1:after{content:'';display:block;width:220px;height:8px;background:#ff423e;transform:rotate(-3deg);margin-top:9px}.hero-text{font-size:17px;font-weight:700;line-height:1.7;max-width:620px}.search-panel{max-width:650px}.site-search{border:2px solid #111;border-radius:5px;box-shadow:4px 4px 0 #111;background:#fff}.site-search input{font-size:16px;padding:14px}.site-search button{font-weight:850;background:#1044ed;border:0}.random-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.random-tags a{border:1px solid #111;border-radius:5px;background:#ffdc48;color:#111;font-weight:750;padding:7px 10px}.grid-gallery{padding:28px 0;column-gap:20px}.grid-item{border:2px solid #111;border-radius:6px;background:#fff;box-shadow:3px 4px 0 #1112;margin-bottom:20px}.grid-item:hover{box-shadow:5px 7px 0 #ff423e88;transform:translateY(-3px)}.grid-item img{border-radius:4px;min-height:0}.item-overlay{background:linear-gradient(transparent,#111c);padding:15px 10px 9px}.item-title{font-weight:750}.feed-actions{text-align:center}.load-more-btn{box-shadow:3px 3px 0 #111;border-radius:5px;font-weight:850;padding:12px 24px}.footer{margin-top:20px;background:#fffaf0;border-top:2px solid #111}.footer-content{width:min(1280px,calc(100% - 64px));margin:auto}.footer-links{gap:22px}.footer-links a{font-weight:700}.gallery-unavailable{border:2px solid #111;box-shadow:4px 4px 0 #ffdc48;font-weight:700;background:#fff}.gallery-unavailable a{color:#1044ed}.detail-title{font-weight:950}.detail-page-lead{border-bottom:2px solid #111;padding-bottom:25px}@media(max-width:650px){.navbar{padding:12px 14px;flex-wrap:wrap;gap:8px}.navbar .logo{font-size:24px}.nav-right>a{font-size:12px!important}.home-container{width:calc(100% - 28px)}.hero-section{padding:25px 0}.hero-section h1{font-size:46px}.hero-text{font-size:14px}.grid-gallery{padding-top:20px;column-gap:10px}.grid-item{margin-bottom:10px}.footer-content{width:calc(100% - 28px)}}
/* Shared site chrome: exact same components as homepage. */
.site-header .header-inner{height:88px}.site-header .wordmark,.site-footer .wordmark{font-family:Arial,'PingFang SC',sans-serif;text-transform:none}.site-header nav a{border-bottom:0;padding:12px 0}.site-header nav a[aria-current=page]{border-bottom:3px solid #ff423e}.site-footer{border-top:1px solid #cbc6bb}.site-footer .shell{color:#11131a}.site-footer a{color:#11131a}.site-header+.container{padding-top:30px}.home-container .hero-section h1{text-align:left}.home-container .hero-section .hero-text{text-align:left;margin-left:0}.search-toggle{font-size:35px}.site-header .header-actions{display:flex}
@media(max-width:650px){.site-header .header-inner{height:auto}.site-header .header-inner nav a{padding:4px 0}}
.site-header .language-switch{margin:0}.site-header .lang-select{font:700 13px Arial,'PingFang SC',sans-serif;color:#111;background:#fffaf0;border:1px solid #111;padding:9px 12px;border-radius:5px;appearance:auto;-webkit-appearance:auto;max-width:145px}.site-header .lang-select:focus-visible{outline:3px solid #1044ed;outline-offset:3px}.site-header .lang-select:hover{background:#ffdc48}@media(max-width:650px){.site-header .lang-select{max-width:108px;font-size:12px;padding:6px}.site-header .header-actions{gap:7px}}
/* Image detail pages share the homepage's cream, ink and primary accents. */
.detail-page{width:min(1280px,calc(100% - 64px));padding:32px 0 0;margin-inline:auto}:is(.detail-page,.detail-dialog) .detail-page-lead{display:flex;align-items:center;gap:32px;padding-bottom:24px;margin-bottom:30px}:is(.detail-page,.detail-dialog) .detail-search-panel{flex:1;min-width:0}:is(.detail-page,.detail-dialog) .detail-top-ad{flex:1;margin:0;max-width:540px;border:0;background:transparent}:is(.detail-page,.detail-dialog) .detail-title-bar{margin-bottom:26px}:is(.detail-page,.detail-dialog) .detail-title{font:900 clamp(25px,3vw,40px)/1.25 Arial,'PingFang SC',sans-serif;letter-spacing:-1px;max-width:1000px}:is(.detail-page,.detail-dialog) .detail-title:before{content:'✦';color:#ff423e;display:block;font-size:24px;margin-bottom:10px}:is(.detail-page,.detail-dialog) .gallery-container{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;margin-bottom:58px}:is(.detail-page,.detail-dialog) .slider-container{height:min(76vh,780px);min-height:380px;border:2px solid #111;border-radius:8px;background:#eee8db;box-shadow:5px 5px 0 #111}:is(.detail-page,.detail-dialog) .slide img{max-width:100%;max-height:100%;object-fit:contain}:is(.detail-page,.detail-dialog) .slide{transition:opacity 180ms ease}:is(.detail-page,.detail-dialog) .info-panel{border:2px solid #111;border-radius:8px;background:#fff;padding:28px;box-shadow:5px 5px 0 #ffdc48}:is(.detail-page,.detail-dialog) .random-detail-btn{background:#1044ed;color:#fff;border:2px solid #111;border-radius:5px;font:800 15px Arial,'PingFang SC',sans-serif;min-height:50px;box-shadow:3px 3px 0 #111;margin-bottom:26px}:is(.detail-page,.detail-dialog) .random-detail-btn:hover{background:#2759f4;color:#fff}:is(.detail-page,.detail-dialog) .description{max-height:none;overflow:visible;padding:0;font:400 15px/1.9 Arial,'PingFang SC',sans-serif;color:#434550;margin-bottom:22px;overflow-wrap:anywhere}:is(.detail-page,.detail-dialog) .description p{margin:0}:is(.detail-page,.detail-dialog) .tags{display:flex;flex-wrap:wrap;gap:8px;margin:0}:is(.detail-page,.detail-dialog) .tag{border:1px solid #111;border-radius:5px;background:#ffefac;color:#111;font:700 12px/1.4 Arial,'PingFang SC',sans-serif;padding:7px 10px;text-decoration:none}:is(.detail-page,.detail-dialog) .tag:hover{background:#ffdc48}:is(.detail-page,.detail-dialog) .slider-button{height:42px;width:42px;background:#fffaf0;color:#111;border:2px solid #111;border-radius:5px;font-size:17px}:is(.detail-page,.detail-dialog) .prev{left:14px}:is(.detail-page,.detail-dialog) .next{right:14px}:is(.detail-page,.detail-dialog) .thumbnail{border-radius:5px;border:2px solid transparent}:is(.detail-page,.detail-dialog) .thumbnail.active{border-color:#1044ed}:is(.detail-page,.detail-dialog) .recommendations{border-top:2px solid #111;padding:28px 0 0;margin:0}:is(.detail-page,.detail-dialog) .recommendations h3{font:850 27px/1.25 Arial,'PingFang SC',sans-serif;color:#111;margin:0 0 12px}.detail-page a:focus-visible,.detail-page button:focus-visible{outline:3px solid #1044ed;outline-offset:4px}@media(max-width:900px){:is(.detail-page,.detail-dialog) .gallery-container{grid-template-columns:1fr}:is(.detail-page,.detail-dialog) .info-panel{padding:24px}:is(.detail-page,.detail-dialog) .detail-page-lead{display:block}:is(.detail-page,.detail-dialog) .detail-top-ad{margin:20px auto 0}:is(.detail-page,.detail-dialog) .slider-container{height:min(72vh,700px)}}@media(max-width:650px){.detail-page{width:calc(100% - 28px);padding-top:22px}:is(.detail-page,.detail-dialog) .detail-title{font-size:25px;letter-spacing:-.5px}:is(.detail-page,.detail-dialog) .detail-page-lead{margin-bottom:22px;padding-bottom:20px}:is(.detail-page,.detail-dialog) .gallery-container{gap:20px;margin-bottom:38px}:is(.detail-page,.detail-dialog) .slider-container{height:60svh;min-height:300px;box-shadow:3px 3px 0 #111}:is(.detail-page,.detail-dialog) .info-panel{padding:20px;box-shadow:3px 3px 0 #ffdc48}:is(.detail-page,.detail-dialog) .recommendations h3{font-size:23px}:is(.detail-page,.detail-dialog) .description{font-size:14px}:is(.detail-page,.detail-dialog) .grid-gallery{column-count:2}}@media(prefers-reduced-motion:reduce){:is(.detail-page,.detail-dialog) .slide{transition:none}}
/* Image preview modal matches the full detail page. */
.detail-overlay{background:rgba(17,19,26,.58)}.detail-overlay .detail-dialog{inset:24px max(24px,calc((100vw - 1380px)/2));background:#fffaf0;border:2px solid #111;border-radius:12px;box-shadow:8px 8px 0 #1115;scrollbar-color:#c8c0b1 #fffaf0}.detail-overlay .detail-close{top:14px;left:calc(100% - 60px);background:#fffaf0;color:#111;border:2px solid #111;border-radius:5px;width:42px;height:42px;font-size:29px;box-shadow:2px 2px 0 #111}.detail-overlay .detail-close:hover{background:#ffdc48}.detail-overlay .detail-close:focus-visible{outline:3px solid #1044ed;outline-offset:4px}.detail-dialog .detail-page{width:calc(100% - 56px);max-width:1280px;padding-top:0}.detail-dialog .detail-page-lead{display:none}.detail-dialog .detail-title{font-size:clamp(23px,2.5vw,33px)}.detail-dialog .detail-title-bar{padding-right:34px}.detail-dialog .slider-container{height:min(66vh,680px);min-height:320px}.detail-dialog .description{max-height:none;overflow:visible}.detail-dialog .gallery-container{margin-bottom:32px}.detail-dialog .recommendations{padding-top:24px}.detail-overlay .detail-loading{padding:80px 24px;color:#434550;font:700 16px/1.7 Arial,'PingFang SC',sans-serif}@media(max-width:650px){.detail-overlay .detail-dialog{inset:10px;border-radius:8px;box-shadow:none}.detail-overlay .detail-close{top:10px;left:calc(100% - 52px)}.detail-dialog .detail-page{width:calc(100% - 28px)}.detail-dialog .detail-title{font-size:23px}.detail-dialog .slider-container{height:55svh;min-height:280px}.detail-dialog .detail-title-bar{padding-right:0}.detail-dialog .info-panel{padding:18px}}