:root{
 --bg:#FFF9F4;--deep:#F8EEE8;--card:#FFFFFF;--soft:#FFF1EC;--title:#2C2221;--text:#332D2C;--muted:#746865;--subtle:#988985;
 --orange:#FF7A3D;--coral:#FF5B63;--rose:#D9366E;--wine:#582840;--purple:#382A37;--border:rgba(88,40,64,.12);--shadow:0 14px 36px rgba(88,40,64,.10);
 --grad:linear-gradient(135deg,#FF7A3D 0%,#FF5B63 52%,#D9366E 100%);--max:1280px;--radius:20px
}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}body.layer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:1000;width:100%;max-width:100%}.brand-strip{height:11px;background:linear-gradient(90deg,#582840 0%,#D9366E 42%,#FF7A3D 100%)}.film-stage{width:100%;background:rgba(255,249,244,.98);border-bottom:1px solid var(--border);box-shadow:0 8px 24px rgba(88,40,64,.06);backdrop-filter:blur(14px)}.stage-inner{width:min(100% - 32px,var(--max));min-height:70px;margin:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}.brand-logo{display:flex;align-items:center;gap:9px;min-width:0;color:var(--title);font-weight:900}.brand-logo img{height:31px;width:auto;max-width:150px;object-fit:contain}.brand-logo small{font-size:10px;letter-spacing:.12em;color:var(--subtle);white-space:nowrap}.brand-fallback{font-size:23px;white-space:nowrap}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:20px;min-width:0;white-space:nowrap}.desktop-nav a,.nav-more{position:relative;border:0;background:none;color:var(--muted);font-size:14px;font-weight:700;padding:24px 0}.desktop-nav a:hover,.desktop-nav a.current,.nav-more:hover{color:var(--coral)}.desktop-nav a.current:after{content:"";position:absolute;left:15%;right:15%;bottom:14px;height:2px;background:var(--grad);border-radius:3px}.stage-actions{display:flex;gap:8px;align-items:center}.icon-button{min-width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--wine);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800}.search-glyph{width:15px;height:15px;border:2px solid currentColor;border-radius:50%;position:relative}.search-glyph:after{content:"";position:absolute;width:7px;height:2px;background:currentColor;right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;padding:0}.mobile-menu-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:4px}.film-rail{display:none}.hero{position:relative;min-height:570px;background:linear-gradient(120deg,#4a2036 0%,#8d3253 40%,#f2794b 100%);color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(37,22,31,.72) 0%,rgba(88,40,64,.55) 24%,rgba(88,40,64,.2) 48%,rgba(30,20,29,.58) 100%)}.hero-inner{position:relative;z-index:2;width:min(100% - 32px,var(--max));min-height:570px;margin:auto;display:flex;align-items:center;justify-content:center;text-align:center}.hero-content{max-width:880px;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.10);font-weight:800;font-size:13px;letter-spacing:.04em}.hero h1{font-size:clamp(42px,5vw,62px);line-height:1.12;margin:18px 0 16px;letter-spacing:-.03em}.hero-copy{max-width:790px;margin:0 auto 22px;color:#fff3ef;font-size:17px;line-height:1.9}.hero-search{max-width:760px;margin:22px auto 14px;padding:7px;display:grid;grid-template-columns:minmax(0,1fr) auto;background:#fff;border-radius:16px;box-shadow:0 22px 60px rgba(28,18,25,.28)}.hero-search input{min-width:0;border:0;outline:0;padding:0 15px;color:var(--text);background:transparent}.hero-search button,.hero-search .search-go{border:0;border-radius:12px;background:var(--grad);color:#fff;padding:13px 22px;font-weight:900;display:flex;align-items:center;justify-content:center}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 22px}.hero-tags a{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);font-size:13px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{min-height:46px;padding:11px 20px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 14px 30px rgba(217,54,110,.25)}.btn-secondary{background:rgba(255,255,255,.93);color:var(--wine);border:1px solid rgba(255,255,255,.5)}.quick-tabs{background:#fff;border-bottom:1px solid var(--border)}.quick-tabs-inner{width:min(100% - 32px,var(--max));margin:auto;display:flex;gap:10px;overflow-x:auto;padding:18px 0;scrollbar-width:none}.quick-tabs-inner::-webkit-scrollbar{display:none}.quick-tabs a{flex:0 0 auto;padding:10px 15px;border-radius:12px;background:var(--soft);border:1px solid var(--border);font-weight:800;color:var(--wine)}.quick-tabs a:first-child{background:var(--grad);color:white;border-color:transparent}.section{padding:72px 0}.section.alt{background:var(--deep)}.section.soft{background:linear-gradient(180deg,#fff8f3,#fff1ec)}.section-inner{width:min(100% - 32px,var(--max));margin:auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{font-size:clamp(28px,3vw,38px);line-height:1.2;margin:8px 0;color:var(--title)}.section-head p{margin:0;color:var(--muted);max-width:760px}.section-kicker{font-size:13px;font-weight:900;color:var(--rose);letter-spacing:.08em}.text-link{color:var(--rose);font-weight:900;white-space:nowrap}.reason-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reason-card,.content-card,.info-card,.faq-item,.status-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.reason-card{padding:24px}.reason-icon{width:48px;height:48px;border-radius:16px;background:var(--grad);position:relative;margin-bottom:16px}.reason-icon:before{content:"";position:absolute;inset:13px;border:2px solid white;border-radius:8px}.reason-card h3{margin:0 0 8px;color:var(--title)}.reason-card p{margin:0;color:var(--muted)}.feature-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.feature-layout.reverse{grid-template-columns:.95fr 1.05fr}.feature-copy h2{font-size:clamp(30px,3.4vw,44px);margin:8px 0 16px;line-height:1.2;color:var(--title)}.feature-copy p{color:var(--muted);margin:0 0 16px}.media-frame{min-height:300px;border-radius:24px;background:linear-gradient(135deg,#fff1ec,#f8e7ef);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-frame img{width:100%;height:100%;max-height:480px;object-fit:cover}.device-frame img{object-fit:contain;padding:20px}.poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.poster-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.poster-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(88,40,64,.15)}.poster-media{aspect-ratio:2/3;background:linear-gradient(135deg,#fce6dd,#f1dce6);display:flex;align-items:center;justify-content:center;overflow:hidden}.poster-media img{width:100%;height:100%;object-fit:cover}.poster-fallback{padding:20px;color:var(--wine);font-weight:900;text-align:center}.poster-body{padding:15px}.tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--soft);color:var(--rose);font-size:12px;font-weight:900}.poster-body h3{margin:8px 0 6px;font-size:17px;color:var(--title)}.poster-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.split-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.status-card{padding:22px}.status-card b{font-size:28px;color:var(--rose);display:block;margin-bottom:8px}.status-card h3{margin:0 0 6px}.status-card p{margin:0;color:var(--muted)}.rank-list{display:grid;gap:12px}.rank-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;background:#fff;border:1px solid var(--border);border-radius:16px}.rank-no{font-size:30px;font-weight:1000;color:var(--rose)}.rank-item h3{margin:0 0 4px}.rank-item p{margin:0;color:var(--muted)}.rank-label{color:var(--wine);font-weight:900}.guide-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.guide-point{padding:17px;border-radius:16px;background:#fff;border:1px solid var(--border)}.guide-point b{color:var(--rose);display:block;margin-bottom:5px}.faq-list{display:grid;gap:12px}.faq-item{padding:19px 20px}.faq-item h3{margin:0 0 7px;color:var(--title);font-size:18px}.faq-item p{margin:0;color:var(--muted)}.app-service{display:grid;grid-template-columns:1fr .9fr;gap:26px;align-items:center;padding:30px;border-radius:26px;background:linear-gradient(135deg,#582840,#D9366E 58%,#FF7A3D);color:#fff;overflow:hidden}.app-service h2{font-size:36px;margin:0 0 12px}.app-service p{color:#fff0ed}.app-service .btn-secondary{background:#fff}.app-media{display:grid;grid-template-columns:1fr 1fr;gap:10px}.app-media .media-frame{min-height:260px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}.page-hero{padding:64px 0 36px;background:linear-gradient(180deg,#fff2eb,#fff9f4)}.page-hero-inner{width:min(100% - 32px,var(--max));margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:34px;align-items:center}.page-hero h1{font-size:clamp(34px,4vw,48px);line-height:1.15;margin:8px 0 15px;color:var(--title)}.page-hero p{margin:0;color:var(--muted)}.page-visual{min-height:260px;border-radius:22px;background:linear-gradient(135deg,#f9ddda,#ead9e8);display:flex;align-items:center;justify-content:center;overflow:hidden}.page-visual img{width:100%;height:100%;max-height:360px;object-fit:cover}.article-section{padding:30px 0}.article-section h2{font-size:28px;margin:0 0 13px;color:var(--title)}.article-section p{margin:0 0 14px;color:#4d4240}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px}.content-card{padding:18px}.content-card h3{margin:0 0 8px;color:var(--title)}.content-card p{margin:0;color:var(--muted)}.notice{padding:22px;border-radius:18px;background:linear-gradient(135deg,#fff0e9,#f9e8f0);border:1px solid rgba(217,54,110,.18);color:var(--wine)}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{padding:9px 12px;border-radius:12px;background:#fff;border:1px solid var(--border);color:var(--wine);font-weight:800}.site-footer{background:#2B2229;color:#F7EDE8;padding:58px 0 90px}.footer-inner{width:min(100% - 32px,var(--max));margin:auto;display:grid;grid-template-columns:1.25fr 2fr;gap:44px}.footer-logo img{height:31px;width:auto;object-fit:contain;filter:brightness(2)}.footer-logo strong{font-size:24px}.footer-en{letter-spacing:.14em;font-size:12px;color:#cbbfc5}.footer-brand p{color:#d9ccd2;max-width:470px}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-grid h2{font-size:15px;color:#fff;margin:0 0 12px}.footer-grid a{display:block;color:#d9ccd2;margin:8px 0;font-size:14px}.footer-bottom{width:min(100% - 32px,var(--max));margin:32px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#bbaeb4;font-size:13px}.overlay{position:fixed;inset:0;background:rgba(31,19,26,.42);z-index:1200;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.film-box{position:fixed;top:88px;right:20px;width:min(420px,calc(100% - 40px));max-height:calc(100vh - 112px);overflow:auto;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 26px 80px rgba(41,24,34,.28);z-index:1300;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.98);transition:.2s}.film-box.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.film-box-head,.search-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.box-brand img{height:29px;width:auto;object-fit:contain}.close-button{width:44px;height:44px;border:0;border-radius:12px;background:var(--soft);color:var(--wine);font-size:25px}.film-box-groups{padding:16px 20px 20px}.film-box-groups section+section{margin-top:18px}.film-box-groups h2{font-size:14px;color:var(--rose);margin:0 0 8px}.film-box-groups a{display:grid;gap:2px;padding:10px 8px;border-radius:11px}.film-box-groups a:hover{background:var(--soft)}.film-box-groups b{color:var(--title);font-size:14px}.film-box-groups span{color:var(--muted);font-size:12px}.search-panel{position:fixed;top:88px;right:max(20px,calc((100% - 1280px)/2));width:min(590px,calc(100% - 40px));background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 26px 80px rgba(41,24,34,.25);z-index:1300;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:.2s}.search-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.search-form-look{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:20px 20px 8px}.search-form-look input{min-width:0;border:1px solid var(--border);border-radius:12px;padding:12px 13px;outline:0}.search-form-look button,.search-form-look .search-go{border:0;border-radius:12px;background:var(--grad);color:#fff;padding:0 18px;font-weight:900;display:flex;align-items:center;justify-content:center}.search-note{padding:0 20px;color:var(--muted);font-size:13px}.search-links{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 20px}.search-links a{padding:7px 10px;border-radius:999px;background:var(--soft);color:var(--wine);font-size:13px;font-weight:800}.mobile-bottom{display:none}
@media (min-width:1320px){.film-rail{position:fixed;z-index:850;left:12px;top:105px;width:86px;display:flex;flex-direction:column;gap:8px}.film-rail a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:69px;padding:7px 4px;border-radius:16px;background:rgba(255,255,255,.94);border:1px solid var(--border);box-shadow:0 10px 28px rgba(88,40,64,.07);color:var(--wine)}.film-rail a span{font-weight:1000;font-size:14px}.film-rail a em{font-style:normal;font-size:11px;margin-top:2px}.film-rail a.current{background:var(--grad);color:white;border-color:transparent}}
@media (max-width:1100px){.desktop-nav{gap:13px}.desktop-nav a,.nav-more{font-size:13px}.brand-logo small{display:none}.reason-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr}.page-hero-inner{grid-template-columns:1fr 340px}}
@media (max-width:900px){.desktop-nav{display:none}.mobile-menu-toggle{display:inline-flex}.stage-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px}.brand-logo small{display:inline}.page-hero-inner{grid-template-columns:1fr}.page-visual{min-height:220px}.feature-layout,.feature-layout.reverse,.app-service{grid-template-columns:1fr}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.brand-strip{height:8px}.film-stage{width:100%;max-width:100%}.stage-inner{width:100%;max-width:none;padding-left:16px;padding-right:16px;min-height:62px}.brand-logo img{height:30px;max-width:132px}.brand-fallback{font-size:21px}.brand-logo small{display:none}.desktop-label{display:none}.stage-actions{gap:6px}.icon-button{min-width:44px;width:44px;height:44px;padding:0}.hero{min-height:0}.hero-inner{min-height:0;padding:62px 0 54px}.hero h1{font-size:clamp(31px,9vw,42px)}.hero-copy{font-size:15px;line-height:1.8}.hero-search{grid-template-columns:1fr;gap:7px;background:rgba(255,255,255,.96)}.hero-search input{min-height:44px}.hero-search button{min-height:44px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.section{padding:52px 0}.section-head{align-items:flex-start;flex-direction:column}.reason-grid,.article-grid{grid-template-columns:1fr}.poster-grid{grid-template-columns:1fr}.split-two{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.guide-points{grid-template-columns:1fr}.app-service{padding:22px}.app-service h2{font-size:30px}.app-media{grid-template-columns:1fr}.page-hero{padding:42px 0 24px}.page-hero h1{font-size:31px}.page-visual{min-height:200px}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:90px}.mobile-bottom{position:fixed;z-index:1100;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,249,244,.97);border-top:1px solid var(--border);padding:5px 8px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -9px 28px rgba(88,40,64,.10)}.mobile-bottom a{min-width:0;min-height:48px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--muted)}.mobile-bottom a span{font-size:13px;font-weight:1000}.mobile-bottom a em{font-style:normal;font-size:10px}.mobile-bottom a.current{background:var(--grad);color:#fff}.film-box{top:78px;right:8px;width:calc(100% - 16px);max-height:66vh;border-radius:18px}.search-panel{top:78px;right:8px;width:calc(100% - 16px)}.rank-item{grid-template-columns:48px minmax(0,1fr)}.rank-label{grid-column:2}.media-frame{min-height:230px}}
@media (max-width:390px){.stage-inner{padding-left:12px;padding-right:12px}.brand-logo img{max-width:118px;height:28px}.brand-fallback{font-size:20px}.stage-actions{gap:4px}.hero-inner,.section-inner,.page-hero-inner,.footer-inner,.footer-bottom,.quick-tabs-inner{width:min(100% - 24px,var(--max))}.hero-actions{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.poster-body{padding:13px}.section{padding:46px 0}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.brand-principles{padding:24px}.brand-principles .content-card{max-width:520px;background:rgba(255,255,255,.88)}
@media (min-width:1320px){
  .section-inner,.quick-tabs-inner,.page-hero-inner,.footer-inner,.footer-bottom{width:min(100% - 32px,1240px)}
}