.directory-home{background:#ede9de!important;padding-top:0!important}
.directory-home .shell{max-width:900px!important;width:100%!important;margin:0 auto!important;padding:0!important;background:#fffef5;box-shadow:0 0 32px #4c241527;overflow:hidden}
.directory-home .site-head{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;box-shadow:none!important;border:0!important}
.directory-home .site-head .head-brand{display:none!important}
.directory-home .head-inner{max-width:900px!important}
.directory-home .head-auth{background:#fffdf0!important}
.directory-home .head-auth-inner{padding:8px 12px!important}
.directory-home .head-nav{background:#009a71!important}
.directory-home .head-nav a{color:#fff!important}
.directory-home .drawbox{margin:0!important;padding:5px 10px 10px!important;border-radius:0!important;border:1px solid #d8c7a0!important;background:#fffff7!important}
.directory-home .drawbox .tabs{display:flex;gap:4px;margin-bottom:8px}
.directory-home .drawbox .tabs button{flex:1;padding:5px!important;border-radius:16px!important;background:linear-gradient(#e7e7e3,#a9aba5)!important;color:#41443f!important;border:1px solid #c7c7bf!important}
.directory-home .drawbox .tabs button.on{background:linear-gradient(#f79140,#bb2306)!important;color:#fff!important;border-color:#d8a33c!important}
.directory-home .dir-brand,.directory-home .dir-directory{box-sizing:border-box;font-family:Arial,"Microsoft YaHei",sans-serif}
.directory-home .dir-brand{position:relative;overflow:hidden;text-align:center;padding:16px 12px 12px;border:3px solid #e7b94d;background:radial-gradient(ellipse at 50% -50%,#ffde6b80,transparent 65%),repeating-conic-gradient(from 15deg at 50% 140%,#80102a 0deg 12deg,#5b0828 12deg 24deg);color:#fff2b2}
.directory-home .dir-brand:after{content:"";position:absolute;width:80px;height:250%;background:linear-gradient(90deg,transparent,#ffe7ab25,transparent);transform:rotate(25deg);top:-60%;animation:dir-sheen 7s linear infinite;pointer-events:none}
.directory-home .dir-kicker{font-size:12px;letter-spacing:7px;margin:0 0 2px;color:#ffe4a3}
.directory-home .dir-brand h1{position:relative;z-index:1;font-family:"STKaiti","KaiTi",serif;font-size:clamp(40px,9vw,90px);line-height:1.2;margin:3px 0;font-weight:900;color:#ffe1a2;text-shadow:2px 3px #722729,-1px -1px #fff,4px 5px #f5bc6e;-webkit-text-stroke:.5px #fff9df;letter-spacing:3px}
.directory-home .dir-subtitle{color:#ccefff;letter-spacing:4px;font-weight:800;font-size:clamp(14px,3.4vw,27px);text-shadow:1px 2px #122a9d;margin:8px 0}
.directory-home .dir-domain{margin:0;font:900 clamp(18px,4.7vw,34px) Georgia,serif;letter-spacing:5px;color:#ffdc68}
.directory-home .dir-lantern{position:absolute;top:17px;width:34px;height:46px;border-radius:45%;background:linear-gradient(90deg,#a20d18,#ef7024,#a20d18);border:2px solid #f6ce72;box-shadow:0 0 18px #ff9d164d;font:bold 20px/42px serif;color:#ffe49a}
.directory-home .dir-left{left:10px;transform:rotate(-12deg)}
.directory-home .dir-right{right:10px;transform:rotate(12deg)}
.directory-home .dir-directory{padding:10px 16px;background:linear-gradient(#fffde6,#fff7d7);border:1px solid #dbc883}
.directory-home .dir-heading{display:flex;align-items:center;justify-content:center;gap:13px;padding:13px 8px;margin-bottom:14px;border:3px solid #d9bd58;background:radial-gradient(ellipse at center,#ec1c81,#85004e 68%,#3b0739);box-shadow:inset 0 0 10px #ffbf55;color:#fff3cb;overflow:hidden}
.directory-home .dir-heading>span{font:bold 36px serif;transform:rotate(-12deg);text-shadow:3px 3px #280c1a}
.directory-home .dir-heading h2{font-size:clamp(20px,5vw,40px);white-space:nowrap;margin:0;color:#fff;text-shadow:2px 2px #300b17,-1px -1px #300b17}
.directory-home .dir-heading h2 span{color:#ffdb5e}
.directory-home .dir-heading small{background:#281825;transform:rotate(-9deg);padding:5px;color:white;font-size:10px;line-height:1.5}
.directory-home .dir-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}
.directory-home .dir-card{display:block;border:1px solid #d1a360;border-radius:3px;overflow:hidden;background:#fff;text-decoration:none!important;transition:transform .2s,box-shadow .2s;min-width:0}
.directory-home .dir-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c301b30}
.directory-home .dir-card:focus-visible,.directory-home .dir-tools button:focus-visible{outline:3px solid #1371d4;outline-offset:3px}
.directory-home .dir-art{height:98px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 15%,#fcf9b3aa,transparent 50%),linear-gradient(140deg,#071e69,#1186c0 50%,#073883)}
.directory-home .dir-art:after{content:"";position:absolute;inset:-80% -40%;background:linear-gradient(105deg,transparent 45%,#fff7 49%,transparent 54%);animation:dir-shine 5s linear infinite;pointer-events:none}
.directory-home .dir-gold{background:linear-gradient(140deg,#6c2011,#ca8432 50%,#6d2011)}
.directory-home .dir-purple{background:linear-gradient(140deg,#270c72,#9253c7 50%,#461f8f)}
.directory-home .dir-red{background:linear-gradient(140deg,#7c0a12,#d93936 50%,#7c0a12)}
.directory-home .dir-orange{background:linear-gradient(140deg,#651600,#f0821a 50%,#a92404)}
.directory-home .dir-wine{background:linear-gradient(140deg,#36052f,#a32369 50%,#470c3b)}
.directory-home .dir-words{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;gap:4px}
.directory-home .dir-words strong{font-family:"STKaiti","KaiTi",serif;font-size:clamp(17px,3.6vw,32px);color:#fff0a5;white-space:nowrap;text-shadow:1px 2px #4c1811,-1px -1px #fff6cc}
.directory-home .dir-words span{color:#fff;letter-spacing:1px;font-weight:bold;font-size:clamp(10px,2.2vw,17px);text-shadow:1px 1px #4c1811}
.directory-home .dir-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#fff9db}
.directory-home .dir-art img[hidden]{display:none}
.directory-home .dir-caption{display:block;text-align:center;font-size:12px;padding:7px 2px;color:#513319;line-height:1.4}
.directory-home .dir-tools{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:11px;color:#8b6341;margin-top:10px}
.directory-home .dir-tools button{font:inherit;white-space:nowrap;border:1px solid #cfb274;border-radius:3px;background:#fffdf2;padding:5px 8px;cursor:pointer;color:#735327}
.directory-home.dir-paused .dir-brand:after,.directory-home.dir-paused .dir-art:after{animation-play-state:paused}
@keyframes dir-sheen{from{left:-20%}to{left:140%}}
@keyframes dir-shine{from{transform:translateX(-60%)}to{transform:translateX(60%)}}
@media(min-width:750px){.directory-home .dir-brand{padding:20px 12px}.directory-home .dir-directory{padding:14px 35px}.directory-home .dir-art{height:120px}.directory-home .dir-grid{gap:16px 28px}.directory-home .dir-heading{padding:18px}}
@media(max-width:390px){.directory-home .dir-grid{gap:9px}.directory-home .dir-directory{padding:9px}.directory-home .dir-art{height:73px}.directory-home .dir-caption{font-size:10px}.directory-home .dir-heading{gap:6px}.directory-home .dir-heading>span{font-size:26px}.directory-home .dir-heading small{font-size:8px}.directory-home .dir-kicker{letter-spacing:4px}.directory-home .dir-lantern{width:25px;height:35px;line-height:31px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.directory-home .dir-brand:after,.directory-home .dir-art:after{animation:none}.directory-home .dir-card{transition:none}}

/* Compact proportions and account controls matching the supplied reference. */
.directory-home{padding-bottom:0!important}
.directory-home .dir-brand{height:clamp(128px,35.5vw,225px);padding:9px 12px;display:flex;flex-direction:column;justify-content:center}
.directory-home .dir-kicker{font-size:clamp(8px,2vw,12px);letter-spacing:4px;margin:0 0 2px}
.directory-home .dir-brand h1{font-size:clamp(42px,11vw,80px);line-height:1.1;margin:2px 0}
.directory-home .dir-subtitle{font-size:clamp(12px,3.1vw,24px);letter-spacing:2px;margin:5px 0}
.directory-home .dir-domain{font-size:clamp(20px,5vw,34px);letter-spacing:4px}
.directory-home .drawbox{padding:2px 4px 4px!important;box-shadow:none!important}
.directory-home .drawbox .tabs{margin-bottom:2px;gap:3px}
.directory-home .drawbox .tabs button{font-size:10px;line-height:1.2;padding:2px!important;min-height:17px}
.directory-home .drawbox .drawmeta{padding:2px 1px;gap:3px;font-size:7px;line-height:1.3;white-space:nowrap}
.directory-home .drawbox .drawmeta a{font-size:7px}
.directory-home .drawbox .next-countdown{font-size:7px}
.directory-home .drawbox .balls{padding:1px 0;gap:3px;justify-content:space-between}
.directory-home .drawbox .drawing-balls{min-height:0;height:auto}
.directory-home .drawbox .drawmeta>span{font-size:7px}
.directory-home .drawbox .ball{min-width:0;flex:1}
.directory-home .drawbox .ball img{display:block;width:31px;height:31px;margin:auto}
.directory-home .drawbox .ball b{top:8px;width:20px;height:14px;font-size:12px;line-height:14px}
.directory-home .drawbox .ball small{font-size:7px;line-height:1.3}
.directory-home .drawbox .plus{font-size:12px;margin:0;font-style:normal}
.directory-home .drawbox .count{font-size:7px;line-height:1.3;padding:2px 0;margin:0;text-align:left}
.directory-home .drawbox .waiting-ball{width:31px;height:31px;font-size:11px;line-height:31px}
.directory-home .dir-directory{padding:6px 15px 7px}
.directory-home .dir-heading{height:52px;padding:6px 7px;gap:8px;margin-bottom:7px;border-width:2px}
.directory-home .dir-heading>span{font-size:27px}
.directory-home .dir-heading h2{font-size:clamp(18px,4.8vw,34px)}
.directory-home .dir-heading small{font-size:7px;padding:3px}
.directory-home .dir-grid{gap:6px 24px}
.directory-home .dir-art{height:auto!important;aspect-ratio:2.6/1}
.directory-home .dir-art img{object-fit:fill}
.directory-home .dir-words{padding:2px;gap:1px}
.directory-home .dir-words strong{font-size:clamp(12px,2.8vw,24px)}
.directory-home .dir-words span{font-size:8px;letter-spacing:0}
.directory-home .dir-caption{padding:3px 1px;font-size:8px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.directory-home .dir-member-actions{display:flex;justify-content:center;align-items:center;padding:3px 0;background:#fff9db;gap:0}
.directory-home .dir-member-actions a{display:block;padding:2px 4px;color:white;font-size:clamp(14px,3.9vw,24px);line-height:1.2;font-weight:800;text-decoration:none;border-radius:0}
.directory-home .dir-register-action{background:#e11812}
.directory-home .dir-login-action{background:#071bba}
.directory-home .dir-utility{display:flex;align-items:center;gap:10px;min-height:17px;padding:2px 6px;background:#079d72;color:white;font-size:8px;line-height:1.3}
.directory-home .dir-utility a{color:white;text-decoration:none;white-space:nowrap}
.directory-home .dir-utility>span{margin-left:auto;white-space:nowrap;font-size:7px}
.directory-home .dir-utility button{font:inherit;font-size:7px;color:#774b00;background:#ffe9a1;border:0;border-radius:1px;padding:1px 4px;cursor:pointer;white-space:nowrap}
.directory-home .dir-account-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(76px,24%);align-items:center;gap:4px;padding:3px 4px;background:#fffefa;border-bottom:1px solid #e2ddce}
.directory-home .dir-account-row .quick-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;gap:3px;width:100%;margin:0;min-width:0}
.directory-home .quick-login label{display:flex;align-items:center;min-width:0;white-space:nowrap;font-size:8px;color:#766e5f;line-height:1}
.directory-home .dir-account-row .quick-login input{box-sizing:border-box;width:0;min-width:0;flex:1;height:21px;padding:0 3px;font-size:11px;border:1px solid #cbd6d3;border-radius:0;background:#fff;color:#333}
.directory-home .dir-account-row .btn-login,.directory-home .dir-account-row .btn-reg{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:25px;height:21px;padding:0 3px;border:1px solid #edab3a;border-radius:0;background:#f5a51a;color:white;font-size:9px;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:none}
.directory-home .dir-account-row .head-search{display:flex;align-items:stretch;width:100%;max-width:none;gap:0;margin:0;min-width:0}
.directory-home .dir-account-row .head-search input{box-sizing:border-box;width:0;flex:1;min-width:0;height:21px;padding:0 3px;border:1px solid #cbd6d3;border-right:0;border-radius:0;background:white;font-size:9px;color:#444}
.directory-home .dir-account-row .head-search button{box-sizing:border-box;flex:none;min-width:0;width:26px;height:21px;padding:0 2px;border:0;border-radius:0;background:#d3130d;color:white;font-size:9px;line-height:1;box-shadow:none}
.directory-home .dir-signed-in{display:flex;align-items:center;gap:9px;min-width:0;font-size:11px;line-height:21px}
.directory-home .dir-signed-in a{color:#a71515;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.directory-home .dir-member-actions a:focus-visible,.directory-home .dir-utility a:focus-visible,.directory-home .dir-account-row a:focus-visible{outline:2px solid #146dc4;outline-offset:1px}
.directory-home .benefit,.directory-home .guest,.directory-home .shell>img[alt="最新最准最全"]{display:none!important}
.directory-home .official-notice{display:flex;align-items:center;gap:5px;margin:0;padding:3px 5px;border:0;border-bottom:1px solid #e5e0d6;border-radius:0;background:white}
.directory-home .official-notice .notice-title{display:none}
.directory-home .official-notice .notice-row{flex:1;gap:4px;padding:2px 0;margin:0;border:0;border-radius:0;background:none;min-width:0}
.directory-home .official-notice .notice-badge{font-size:7px;padding:1px 4px;border-radius:8px;background:#009975}
.directory-home .official-notice .notice-link{font-size:9px;color:#d213a2;white-space:nowrap}
.directory-home .posts{padding:0;background:white}
.directory-home .post{border:0;border-bottom:1px solid #e6e3dc;border-radius:0;margin:0;padding:7px 4px;min-height:28px;background:white;gap:4px}
.directory-home .post .tag{font-size:7px;padding:1px 4px;border-radius:8px;white-space:nowrap}
.directory-home .post .post-title{font-size:10px;line-height:1.4;color:#b71b12}
.directory-home .post .price,.directory-home .post .free-price{font-size:9px;white-space:nowrap}
.directory-home .bottom,.directory-home .back-top{display:none!important}
.directory-home .pc-float-nav{display:flex!important;position:fixed;z-index:40;left:auto;right:max(6px,calc((100vw - 900px)/2 - 52px));top:66vh;bottom:auto;transform:none;flex-direction:column;gap:5px}
.directory-home .pc-float-nav a{display:none;width:42px;height:42px;min-width:42px;border:0;border-radius:50%;padding:0;background:linear-gradient(#3a3a3a,#171717)!important;color:white!important;font-size:12px;letter-spacing:0;box-shadow:0 1px 3px #0003;text-decoration:none}
.directory-home .pc-float-nav a[href^="/login.php"],.directory-home .pc-float-nav a[href="/profile.php"]{display:flex;order:1}
.directory-home .pc-float-nav a[href="/register.php"]{display:flex;order:2}
.directory-home .pc-float-nav a[href="/rcg.php"]{display:flex;order:3}
.directory-home .pc-float-nav a[href="/rule.php"]{display:flex;order:4}
.directory-home .pc-float-nav.dir-rail-hidden{visibility:hidden;pointer-events:none}
@media(min-width:750px){.directory-home .drawbox .tabs button{font-size:14px;padding:3px!important}.directory-home .drawbox .drawmeta,.directory-home .drawbox .drawmeta a,.directory-home .drawbox .next-countdown{font-size:11px}.directory-home .drawbox .ball img{width:43px;height:43px}.directory-home .drawbox .ball b{top:12px;width:25px;height:18px;font-size:16px}.directory-home .drawbox .ball small,.directory-home .drawbox .count{font-size:10px}.directory-home .dir-directory{padding:10px 30px}.directory-home .dir-heading{height:78px}.directory-home .dir-heading small{font-size:10px}.directory-home .dir-grid{gap:10px 44px}.directory-home .dir-caption{font-size:11px;padding:5px 1px}.directory-home .dir-utility{font-size:11px;padding:4px 10px;gap:18px}.directory-home .dir-utility>span,.directory-home .dir-utility button{font-size:10px}.directory-home .dir-account-row{padding:5px 8px;gap:12px}.directory-home .quick-login label{font-size:12px}.directory-home .dir-account-row .quick-login input,.directory-home .dir-account-row .btn-login,.directory-home .dir-account-row .btn-reg,.directory-home .dir-account-row .head-search input,.directory-home .dir-account-row .head-search button{height:26px;font-size:12px}.directory-home .dir-account-row .btn-login,.directory-home .dir-account-row .btn-reg{min-width:38px}.directory-home .dir-account-row .head-search button{width:38px}.directory-home .post .post-title{font-size:14px}.directory-home .post{min-height:34px}.directory-home .official-notice .notice-link{font-size:12px}}
@media(max-width:370px){.directory-home .dir-grid{column-gap:15px}.directory-home .dir-directory{padding-inline:12px}.directory-home .dir-utility{gap:8px}.directory-home .quick-login label{font-size:7px}.directory-home .dir-account-row{gap:3px;padding-inline:3px}.directory-home .dir-account-row .quick-login{gap:2px}.directory-home .dir-account-row .btn-login,.directory-home .dir-account-row .btn-reg{min-width:23px;font-size:8px}}

/* Shared seven-site cards: moving light preserves motion without obsolete domain artwork. */
.directory-home .dir-domain{font-size:clamp(13px,3.6vw,25px);letter-spacing:1px}.directory-home .dir-art{background-size:220% 220%;}.directory-home .dir-caption{font-size:clamp(7px,1.8vw,11px);white-space:normal;overflow-wrap:anywhere}.directory-home .dir-backup-link{display:block;text-align:center;font-size:clamp(8px,2.1vw,12px);padding:4px 0;color:#943100}.directory-home .dir-site-entry{min-width:0}@keyframes seven-card-shine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}