:root{--primary:#C9345B;--primary-2:#E35D79;--primary-soft:#FBE9EE;--orange:#E58A32;--orange-soft:#FFF0DE;--wine:#7D1835;--wine-deep:#4A1024;--bg:#FFF9F6;--bg-2:#F8F1ED;--bg-3:#FFFDFB;--surface:#FFFFFF;--surface-soft:rgba(255,255,255,.84);--text:#2C2024;--text-2:#644F56;--text-3:#9A858C;--line:rgba(201,52,91,.10);--line-strong:rgba(201,52,91,.22);--shadow:0 5px 20px rgba(125,24,53,.08);--shadow-hover:0 14px 36px rgba(125,24,53,.14);--radius:12px;--radius-card:16px;--radius-large:22px;--radius-pill:999px;--wrap:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}.trend-bar{background:linear-gradient(90deg,#C9345B,#E58A32);color:#fff;font-size:13px}.trend-inner{height:30px;display:flex;align-items:center;gap:24px;overflow:hidden;white-space:nowrap}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,249,246,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.site-header.scrolled{box-shadow:var(--shadow)}.header-inner{height:68px;display:flex;align-items:center;gap:26px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--wine);font-size:21px}.logo img{width:38px;height:38px;object-fit:contain}.desktop-nav{display:flex;gap:18px;flex:1}.desktop-nav a,.header-tools a{color:var(--text-2);font-size:14px}.desktop-nav a:hover,.desktop-nav a.active,.header-tools a:hover{color:var(--primary)}.header-tools{display:flex;align-items:center;gap:14px}.header-tools button{border:1px solid var(--line-strong);background:#fff;border-radius:var(--radius-pill);padding:7px 12px;color:var(--wine);cursor:pointer}.drawer{position:fixed;right:-340px;top:0;width:320px;height:100dvh;background:#fff;z-index:60;box-shadow:-10px 0 40px rgba(0,0,0,.12);padding:60px 28px;display:flex;flex-direction:column;gap:16px;transition:.25s}.drawer.open{right:0}.drawer button{position:absolute;right:18px;top:12px;font-size:30px;border:0;background:none}.drawer a{padding:12px 0;border-bottom:1px solid var(--line)}.section{padding:76px 0}.section.alt{background:var(--bg-2)}.hero{padding-top:62px}.hero-grid,.split-media,.platform-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.reverse{grid-template-columns:.9fr 1.1fr}.hero-copy h1,.page-hero h1{font-size:clamp(40px,6vw,72px);line-height:1.08;margin:10px 0 18px;color:var(--wine-deep)}.hero-copy h2{font-size:28px;line-height:1.35;color:var(--wine)}.hero-copy p,.page-hero p{font-size:17px;color:var(--text-2)}.hero-media img,.split-media>img,.platform-grid>img{border-radius:var(--radius-large);box-shadow:var(--shadow)}.eyebrow,.section-head>span{color:var(--primary);font-weight:800;font-size:13px;letter-spacing:.08em}.hero-meta,.meta-row,.card-foot{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:#fff;color:var(--wine);font-weight:700}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.search-strip{border-block:1px solid var(--line);background:#fff}.search-strip .wrap{padding:18px 0}.keyword-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.keyword-row a{padding:7px 12px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary)}.note{font-size:12px;color:var(--text-3);margin:8px 0 0}.section-head{display:flex;align-items:end;gap:14px;margin-bottom:26px}.section-head h2{margin:0;color:var(--wine);font-size:30px}.section-head a{margin-left:auto;color:var(--primary);font-size:14px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.rank-card{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);margin-bottom:14px;box-shadow:var(--shadow);transition:.2s}.rank-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.rank-no{font-size:32px;font-weight:900;color:var(--primary)}.rank-main h3,.info-card h3,.stream-item h3{margin:6px 0;color:var(--wine)}.rank-main p,.info-card p,.stream-item p{margin:8px 0;color:var(--text-2)}.card-foot{font-size:12px;color:var(--text-3);margin-top:12px}.status{display:inline-flex;padding:3px 9px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;background:#eee;color:#555}.status.up,.status.new{background:var(--orange-soft);color:#a65a14}.status.ok{background:#e6f5ec;color:#197747}.status.wait,.status.partial{background:#fff1dc;color:#9b5c0c}.status.deny{background:#eceff4;color:#576170}.status.reply{background:#eaf0f5;color:#5d6b7b}.status.flip{background:var(--primary-soft);color:var(--primary)}.side-card{position:sticky;top:110px;align-self:start;background:linear-gradient(180deg,#fff,#fff7f2);border:1px solid var(--line);border-radius:var(--radius-large);padding:26px;box-shadow:var(--shadow)}.side-card h3{color:var(--wine);font-size:24px}.side-card a{color:var(--primary);font-weight:700}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:84px;top:0;bottom:0;width:2px;background:var(--line-strong)}.timeline-item{display:grid;grid-template-columns:68px 18px 1fr;gap:16px;position:relative;margin-bottom:18px}.timeline-time{color:var(--wine);font-weight:800;padding-top:14px}.timeline-dot{width:14px;height:14px;background:#bbb;border:4px solid #fff;border-radius:50%;margin-top:18px;box-shadow:0 0 0 2px var(--line-strong);z-index:1}.timeline-dot.ok{background:#2d9b60}.timeline-dot.wait{background:var(--orange)}.timeline-dot.reply{background:#7c8a98}.timeline-content{background:#fff;border:1px solid var(--line);padding:20px;border-radius:var(--radius-card);box-shadow:var(--shadow)}.timeline-content h3{margin:6px 0;color:var(--wine)}.stream-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stream-item{display:grid;grid-template-columns:64px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:18px}.stream-item time{font-weight:800;color:var(--primary)}.stream-item span{font-size:12px;color:var(--text-3)}.card-grid{display:grid;gap:18px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.info-card,.verify-card,.day-card,.calendar-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:22px;box-shadow:var(--shadow)}.info-card>span{color:var(--primary);font-size:13px}.verify-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.verify-card h3,.verify-card h2{color:var(--wine)}.verify-card p{color:var(--text-2)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{background:#fff;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.topic-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.topic-card>div{padding:20px}.topic-card h3,.topic-card h2{color:var(--wine)}.topic-card a{color:var(--primary);font-weight:700}.comment-list{display:grid;gap:12px}.comment-list blockquote{margin:0;padding:18px 20px;background:#fff;border-left:4px solid var(--primary);border-radius:0 var(--radius-card) var(--radius-card) 0;box-shadow:var(--shadow);color:var(--text-2)}.like-btn{display:block;margin-top:10px;border:0;background:var(--primary-soft);color:var(--primary);border-radius:var(--radius-pill);padding:5px 10px;cursor:pointer}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.day-card strong{color:var(--primary)}.day-card p{font-size:14px;color:var(--text-2)}.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.calendar-card{display:flex;flex-direction:column;gap:6px}.calendar-card b{color:var(--primary);font-size:22px}.calendar-card small{color:var(--text-3)}.platform-grid h2{color:var(--wine);font-size:34px}.faq-list{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:16px 18px}.faq-item summary{font-weight:800;color:var(--wine);cursor:pointer}.faq-item p{color:var(--text-2)}.page-hero{padding:70px 0 36px;background:linear-gradient(180deg,var(--primary-soft),transparent)}.page-hero h1{font-size:52px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filter-bar a{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill)}.search-form{display:flex;gap:10px;max-width:680px}.search-form input{flex:1;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:12px 18px;background:#fff}.search-form button{border:0;border-radius:var(--radius-pill);background:var(--primary);color:#fff;padding:0 22px}.feedback-form{display:grid;gap:14px}.feedback-form label{display:grid;gap:6px;color:var(--wine);font-weight:700}.feedback-form select,.feedback-form textarea{border:1px solid var(--line-strong);border-radius:var(--radius);padding:12px;background:#fff}.site-footer{background:linear-gradient(135deg,#4A1024,#6A1833);color:#f8dce5;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px}.footer-grid h4,.footer-logo{color:#fff}.footer-logo{font-size:28px;font-weight:900}.footer-grid a{display:block;color:#e9c5d1;margin:7px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px;color:#d9aebd}.mobile-bottom{display:none}.reveal{opacity:0;transform:translateY(14px);transition:.5s}.reveal.visible{opacity:1;transform:none}#backTop{position:fixed;right:22px;bottom:24px;width:42px;height:42px;border:0;border-radius:50%;background:var(--wine);color:#fff;display:none;cursor:pointer}.empty{padding:30px;background:#fff;border-radius:var(--radius-card)}
@media(max-width:1200px){.desktop-nav{gap:12px}.desktop-nav a{font-size:13px}.header-tools a:nth-child(2){display:none}.week-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1024px){.desktop-nav{display:none}.header-tools{margin-left:auto}.hero-grid,.split-media,.platform-grid,.reverse{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.side-card{position:static}.verify-grid,.topic-grid,.card-grid.three{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.stream-grid{grid-template-columns:1fr}.week-grid{grid-template-columns:repeat(3,1fr)}.calendar-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.wrap{width:min(100% - 26px,var(--wrap))}.section{padding:52px 0}.trend-inner span:nth-of-type(n+3){display:none}.hero-copy h1,.page-hero h1{font-size:42px}.hero-copy h2{font-size:23px}.verify-grid,.topic-grid,.card-grid.three{grid-template-columns:1fr}.timeline:before{left:65px}.timeline-item{grid-template-columns:50px 14px 1fr;gap:10px}.week-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:40;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:8px 4px}.mobile-bottom a{text-align:center;font-size:12px;color:var(--wine)}body{padding-bottom:56px}#backTop{bottom:72px}.header-tools a{display:none}.header-tools button{display:block}}
@media(max-width:600px){.trend-inner{gap:12px}.section-head{align-items:flex-start;flex-wrap:wrap}.section-head a{margin-left:0}.rank-card{grid-template-columns:40px 1fr}.rank-no{font-size:26px}.week-grid,.calendar-grid,.footer-grid{grid-template-columns:1fr}.search-form{flex-direction:column}.hero-grid,.split-media,.platform-grid{gap:28px}.hero-copy h1,.page-hero h1{font-size:36px}.page-hero{padding-top:48px}.footer-grid{gap:18px}}