:root{--bg1:#e0d9c6;--bg2:#e0d9c6;--accent:#7c5cff;--glass:rgba(255,255,255,0.06);--glass-2:rgba(255,255,255,0.04);--muted:rgba(255,255,255,0.65);--card-radius:18px;}html,body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 600px at 10% 10%,rgba(124,92,255,0.12),transparent 8%),radial-gradient(1000px 500px at 90% 90%,rgba(0,200,255,0.04),transparent 10%),linear-gradient(180deg,var(--bg1),var(--bg2) 60%);color:#ffffff;display:flex;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box;}.wrap{width:100%;max-width:920px;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);border-radius:calc(var(--card-radius) + 6px);padding:36px;box-sizing:border-box;background:linear-gradient(135deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));box-shadow:0 10px 30px rgba(2,6,23,0.6),inset 0 1px 0 rgba(255,255,255,0.02);}.brand{display:flex;gap:14px;align-items:center;margin-bottom:18px;}.logo{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,0.45);font-weight:700;color:#54401d;font-size:20px;border:1px solid rgba(124,92,255,0.12);}.title{font-size:18px;font-weight:600;letter-spacing:0.2px;color:#54401d;}.subtitle{font-size:13px;color:#54401d;margin-top:2px;}.search-card{margin-top:14px;display:flex;gap:14px;align-items:center;background:linear-gradient(180deg,var(--glass),var(--glass-2));padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,0.03);box-shadow:0 8px 20px rgba(8,12,30,0.45);}.search-input{flex:1;min-width:0;border:0;outline:none;background:#d1c6a4;color:#fff;font-size:16px;padding:12px 14px;border-radius:10px;}.search-input::placeholder{color:rgba(255,255,255,0.5);}.search-btn{background:linear-gradient(90deg,var(--accent),#3ad0ff 120%);border:none;padding:10px 18px;border-radius:10px;color:#051025;font-weight:600;cursor:pointer;box-shadow:0 6px 18px rgba(124,92,255,0.18);transition:transform .12s ease,box-shadow .12s ease;}.search-btn:active{transform:translateY(1px);}.search-btn:focus{outline:3px solid rgba(124,92,255,0.12);}.recommend{margin-top:22px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;}.rec-item{padding:10px 14px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.03);font-size:14px;color:#54401d;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,color .12s;box-shadow:0 6px 18px rgba(3,6,22,0.45);}.rec-item:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(3,6,22,0.6);color:#ffffff;}.help{margin-top:18px;color:#9c27b0;font-size:13px;}@media (max-width:640px){.wrap{padding:18px;border-radius:14px;}.brand{gap:10px;}.logo{width:48px;height:48px;font-size:18px;border-radius:10px;}.title{font-size:16px}.search-card{flex-direction:column;align-items:stretch;gap:10px;}.search-btn{width:100%;padding:12px;}.recommend{gap:10px;}.rec-item{font-size:13px;padding:8px 12px;}}.top-nav{display:flex;justify-content:flex-end;gap:20px;margin-bottom:20px;}.top-nav a{color:#ff5722;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s;}.top-nav a:hover{color:#7c5cff;}
#last_xs{display:none;box-sizing: border-box;padding:0 10px;background:#ffffff30;backdrop-filter:blur(5px);margin: auto;overflow: hidden;height:32px;line-height:32px;position: fixed;bottom: 60px;left:0;right:0;z-index:999;width:300px;border-radius:16px;animation: last_xs 2s 1 alternate;box-shadow: 0 0px 5px #00000030;}
#last_xs>span{color:#000;overflow-x:hidden;position:absolute;padding-right:100px;width:100%;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;}
#last_xs>a{white-space: nowrap;text-overflow: ellipsis;background:#f44336;padding:0 15px;font-size:12px;border-radius:16px;overflow: hidden;box-sizing: border-box;color: #fff;position: absolute;right:0;}
@keyframes last_xs{
	0% {transform: scale(0.9);}
	50% {transform: scale(1.1);}
	100% {transform: scale(1);}

}