:root{--ink:#213332;--mint:#b7ded1;--paper:#f3f6ef;--white:#fff;--coral:#ec7664;--line:#d7e1d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:76px;padding:0 clamp(20px,8vw,125px);display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.logo{font:22px Georgia;display:flex;gap:7px;align-items:center}.logo span{font-weight:700}.logo b{color:var(--coral);font-style:italic}nav{display:flex;gap:31px;margin-left:90px;height:100%;align-items:center}nav a{font-size:13px;color:#72817a;height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}nav a.active,nav a:hover{color:var(--ink);border-color:var(--coral)}header>button{border:0;background:none;font-size:27px;transform:rotate(-15deg)}main{min-height:calc(100vh - 76px)}.hero{height:570px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;background:var(--mint);position:relative;overflow:hidden}.hero>div{padding-left:clamp(25px,12vw,185px);position:relative;z-index:1}.hero small,.title small,.intro small,.spotlight small,.detail-copy small,.legal>small{font-size:10px;letter-spacing:2px;color:var(--coral);font-weight:700}.hero h1{font:clamp(49px,6vw,82px)/1.05 Georgia,"Songti SC",serif;margin:19px 0}.hero h1 i{font-style:normal;color:var(--coral)}.hero p{color:#4c625c;font-size:14px;max-width:340px;line-height:1.8}.button{display:inline-block;margin-top:17px;background:var(--ink);color:#fff;padding:13px 19px;font-size:12px}.button span{color:var(--mint);padding-left:18px}.hero img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.82}.marquee{height:53px;background:var(--ink);color:var(--mint);display:flex;align-items:center;gap:60px;overflow:hidden;white-space:nowrap;font-size:11px;letter-spacing:2px}.marquee span{padding-left:55px}.home-grid{max-width:1200px;margin:auto;padding:82px 25px;display:grid;grid-template-columns:.72fr 1.5fr;gap:55px}.intro h2{font:45px/1.15 Georgia;margin:16px 0}.intro p{color:#71817a;font-size:13px;line-height:1.8}.intro>a{display:inline-block;margin-top:18px;color:var(--coral);font-size:12px}.mosaic{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:180px 180px;gap:13px}.mosaic a{position:relative;overflow:hidden}.mosaic a:first-child{grid-row:1/3}.mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.mosaic a:hover img{transform:scale(1.05)}.mosaic b{position:absolute;bottom:13px;left:15px;color:#fff;font-size:14px;text-shadow:0 2px 7px #111}.mosaic a:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.5))}footer{padding:32px clamp(20px,8vw,125px);background:#e7efe8;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;color:#738079;font-size:11px}footer p{flex:1}.foot-links{display:flex;gap:22px}.page{max-width:1150px;margin:auto;padding:75px 25px 100px}.title h1{font:54px Georgia;margin:15px 0 8px}.title p{font-size:14px;color:#7a8880}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:50px}.cards a{display:grid;grid-template-columns:180px 1fr;gap:18px;background:#fff;padding:11px}.cards img{width:180px;height:150px;object-fit:cover}.cards h2{font:20px Georgia;margin:14px 0}.cards span,.hot-list span{font-size:11px;color:#86938a}.cards small,.hot-list small{color:var(--coral);font-size:10px;letter-spacing:1px}.hot-list{margin-top:48px}.hot-list a{display:grid;grid-template-columns:55px 1fr 170px;align-items:center;gap:20px;padding:17px 0;border-top:1px solid var(--line)}.hot-list a:last-child{border-bottom:1px solid var(--line)}.hot-list>b{color:var(--coral)}.hot-list h2{font:20px Georgia;margin:10px 0}.hot-list img{width:170px;height:100px;object-fit:cover;grid-column:3;grid-row:1}.detail{background:#213332;color:#fff;min-height:calc(100vh - 76px);padding-bottom:90px}.screen{max-width:1200px;height:520px;margin:auto;position:relative}.screen img{width:100%;height:100%;object-fit:cover;opacity:.8}.screen button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid #fff;background:transparent;color:#fff}.detail-copy{max-width:1200px;padding:34px 25px;margin:auto;border-bottom:1px solid #527069}.detail-copy h1{font:43px Georgia;margin:15px 0}.detail-copy p{color:#bed1c8;font-size:14px}.stats{display:flex;gap:22px;align-items:center;color:#afc2b8;font-size:11px;margin-top:26px}.stats button{border:1px solid var(--mint);color:var(--mint);background:transparent;padding:7px 13px}.detail section{max-width:1200px;margin:auto;padding:30px 25px}.detail section h2{font:25px Georgia}.detail section a{display:inline-flex;flex-direction:column;gap:9px;font-size:12px}.detail section img{width:220px;height:125px;object-fit:cover}.guide-list,.index-list{display:grid;gap:14px;margin-top:53px}.guide-list a{min-height:160px;background:#fff;padding:25px;display:flex;flex-direction:column;justify-content:end;position:relative;border-left:4px solid var(--coral)}.guide-list b{font:28px Georgia}.guide-list span{font-size:12px;color:#7c8981;margin-top:8px}.guide-list i{position:absolute;right:20px;top:18px;color:var(--coral);font-style:normal}.index-list a{background:#fff;padding:23px;display:grid;grid-template-columns:1fr 1fr 25px;align-items:center}.index-list span{color:#849088;font-size:12px}.index-list a:last-child{color:var(--coral)}.legal{max-width:800px}.legal h1{font:52px Georgia;margin:16px 0 42px}.legal p{line-height:2;color:#65766e;border-top:1px solid var(--line);padding:21px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--coral);color:#fff;padding:11px 17px;font-size:12px;transition:.25s;z-index:9}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){header{height:64px;padding:0 18px}nav{display:none}.logo{font-size:19px}.hero{height:610px;display:block}.hero>div{padding:95px 25px 0}.hero img{position:absolute;inset:0;opacity:.55}.marquee{font-size:9px}.home-grid{display:block;padding:60px 20px}.intro{margin-bottom:35px}.intro h2{font-size:38px}.mosaic{grid-template-rows:150px 150px}.page{padding:58px 20px 75px}.title h1{font-size:43px}.cards{grid-template-columns:1fr}.cards a{grid-template-columns:130px 1fr}.cards img{width:130px;height:115px}.cards h2{font-size:16px}.hot-list a{grid-template-columns:35px 1fr 100px;gap:10px}.hot-list h2{font-size:16px}.hot-list img{width:100px;height:75px}.screen{height:370px}.detail-copy{padding:27px 20px}.detail-copy h1{font-size:32px}footer{display:block;padding:28px 20px}.foot-links{margin-top:19px;gap:15px;flex-wrap:wrap}}