gpttemp
This commit is contained in:
7
code/public/static/css/modules/head/ads/ad_pack_01.css
Normal file
7
code/public/static/css/modules/head/ads/ad_pack_01.css
Normal file
@@ -0,0 +1,7 @@
|
||||
.site-header .ad-top {
|
||||
margin-top: 10px;
|
||||
padding: 6px;
|
||||
background: rgba(0,0,0,.05);
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
}
|
||||
5
code/public/static/css/modules/head/ads/ad_pack_02.css
Normal file
5
code/public/static/css/modules/head/ads/ad_pack_02.css
Normal file
@@ -0,0 +1,5 @@
|
||||
.site-header .ad-inline {
|
||||
margin-left: 16px;
|
||||
font-size: 12px;
|
||||
opacity: .7;
|
||||
}
|
||||
25
code/public/static/css/modules/head/base.css
Normal file
25
code/public/static/css/modules/head/base.css
Normal file
@@ -0,0 +1,25 @@
|
||||
/* head/base.css */
|
||||
.site-header {
|
||||
position: relative;
|
||||
z-index: 50;
|
||||
width: 100%;
|
||||
background: var(--color_bg, #fff);
|
||||
color: var(--color_text_primary, #111);
|
||||
}
|
||||
|
||||
.site-header a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-header-inner {
|
||||
max-width: var(--page_max_width_pc, 1200px);
|
||||
margin: 0 auto;
|
||||
padding: 12px 16px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.site-logo {
|
||||
font-weight: 700;
|
||||
font-size: 20px;
|
||||
}
|
||||
86
code/public/static/css/modules/head/head_01.css
Normal file
86
code/public/static/css/modules/head/head_01.css
Normal file
@@ -0,0 +1,86 @@
|
||||
/* head_01.css */
|
||||
.__PFX__-hx9-bar {
|
||||
background:var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,.03);
|
||||
}
|
||||
.__PFX__-hx9-inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 10px 12px;
|
||||
}
|
||||
.__PFX__-hx9-logo strong {
|
||||
font-size: 20px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
.__PFX__-hx9-navlist {
|
||||
display: none;
|
||||
list-style: none;
|
||||
gap: 14px;
|
||||
}
|
||||
.__PFX__-hx9-navlist li a {
|
||||
font-size: 13px;
|
||||
color: #444;
|
||||
}
|
||||
.__PFX__-hx9-right {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.__PFX__-hx9-search input {
|
||||
width: 100%;
|
||||
max-width: 180px;
|
||||
height: 32px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid #ddd;
|
||||
padding: 0 12px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.__PFX__-hx9-searchC {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.__PFX__-hx9-searchC input {
|
||||
width:100%;
|
||||
padding:6px 36px 6px 10px;
|
||||
border-radius:18px;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
|
||||
.__PFX__-hx9-iconBtn {
|
||||
position:absolute;
|
||||
right:6px;
|
||||
top:50%;
|
||||
transform:translateY(-50%);
|
||||
border:none;
|
||||
background:transparent;
|
||||
color:var(--primary-color);
|
||||
width:22px;
|
||||
height:22px;
|
||||
padding:0;
|
||||
}
|
||||
.__PFX__-hx9-iconBtn svg{
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.__PFX__-hx9-inner {
|
||||
padding: 10px 24px;
|
||||
}
|
||||
.__PFX__-hx9-navlist {
|
||||
display: flex;
|
||||
}
|
||||
.__PFX__-hx9-search input {
|
||||
max-width: 220px;
|
||||
}
|
||||
.__PFX__-hx9-left {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
37
code/public/static/css/modules/head/head_02.css
Normal file
37
code/public/static/css/modules/head/head_02.css
Normal file
@@ -0,0 +1,37 @@
|
||||
/* head_02.css */
|
||||
.__PFX__-q2r-wrap {
|
||||
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
|
||||
color: #fff;
|
||||
}
|
||||
.__PFX__-q2r-topline {
|
||||
padding: 4px 12px;
|
||||
font-size: 11px;
|
||||
opacity: .9;
|
||||
}
|
||||
.__PFX__-q2r-main {
|
||||
padding: 10px 12px 12px;
|
||||
}
|
||||
.__PFX__-q2r-title {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.__PFX__-q2r-menu {
|
||||
margin-top: 6px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
}
|
||||
.__PFX__-q2r-menu a {
|
||||
font-size: 13px;
|
||||
padding: 2px 4px;
|
||||
border-bottom: 1px solid rgba(255,255,255,.2);
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.__PFX__-q2r-main {
|
||||
padding: 12px 24px 14px;
|
||||
}
|
||||
.__PFX__-q2r-menu a {
|
||||
font-size: 14px;
|
||||
padding: 3px 8px;
|
||||
}
|
||||
}
|
||||
51
code/public/static/css/modules/head/head_03.css
Normal file
51
code/public/static/css/modules/head/head_03.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* head_03.css */
|
||||
.__PFX__-m7c-head {
|
||||
background: #ffffff;
|
||||
border-bottom: 1px solid rgba(0,0,0,.05);
|
||||
}
|
||||
.__PFX__-m7c-row1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px 12px 6px;
|
||||
}
|
||||
.__PFX__-m7c-logo span {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
.__PFX__-m7c-search {
|
||||
flex: 1;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.__PFX__-m7c-search input {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
padding: 0 10px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ddd;
|
||||
font-size: 13px;
|
||||
}
|
||||
.__PFX__-m7c-row2 {
|
||||
padding: 4px 10px 8px;
|
||||
}
|
||||
.__PFX__-m7c-row2 ul {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.__PFX__-m7c-row2 a {
|
||||
font-size: 13px;
|
||||
color: #555;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.__PFX__-m7c-row1 {
|
||||
padding: 10px 24px 6px;
|
||||
}
|
||||
.__PFX__-m7c-row2 {
|
||||
padding: 4px 24px 10px;
|
||||
}
|
||||
.__PFX__-m7c-row2 ul {
|
||||
overflow-x: visible;
|
||||
}
|
||||
}
|
||||
37
code/public/static/css/modules/head/head_04.css
Normal file
37
code/public/static/css/modules/head/head_04.css
Normal file
@@ -0,0 +1,37 @@
|
||||
/* head_04.css */
|
||||
.__PFX__-z4p-shell {
|
||||
padding: 12px 10px;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid rgba(0,0,0,.04);
|
||||
}
|
||||
.__PFX__-z4p-logo-box {
|
||||
text-align: center;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.__PFX__-z4p-logo-text {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
.__PFX__-z4p-tags {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
.__PFX__-z4p-tags span {
|
||||
font-size: 12px;
|
||||
padding: 3px 10px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid rgba(0,0,0,.08);
|
||||
background: #fafafa;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.__PFX__-z4p-shell {
|
||||
padding: 14px 24px;
|
||||
}
|
||||
.__PFX__-z4p-tags span {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
58
code/public/static/css/modules/head/head_05.css
Normal file
58
code/public/static/css/modules/head/head_05.css
Normal file
@@ -0,0 +1,58 @@
|
||||
/* head_05.css */
|
||||
.__PFX__-t8k-head {
|
||||
background: #fdfdfd;
|
||||
border-bottom: 1px solid rgba(0,0,0,.05);
|
||||
}
|
||||
.__PFX__-t8k-strip {
|
||||
padding: 4px 10px;
|
||||
background: rgba(0,0,0,.02);
|
||||
}
|
||||
.__PFX__-t8k-strip small {
|
||||
font-size: 11px;
|
||||
color: #777;
|
||||
}
|
||||
.__PFX__-t8k-main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 8px 10px 10px;
|
||||
}
|
||||
.__PFX__-t8k-logo {
|
||||
font-size: 19px;
|
||||
font-weight: 600;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
.__PFX__-t8k-mid nav {
|
||||
display: none;
|
||||
}
|
||||
.__PFX__-t8k-right {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.__PFX__-t8k-right input {
|
||||
width: 120px;
|
||||
height: 30px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ddd;
|
||||
padding: 0 8px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.__PFX__-t8k-main {
|
||||
padding: 10px 24px 12px;
|
||||
}
|
||||
.__PFX__-t8k-mid nav {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
.__PFX__-t8k-mid a {
|
||||
font-size: 13px;
|
||||
color: #444;
|
||||
}
|
||||
.__PFX__-t8k-right input {
|
||||
width: 180px;
|
||||
}
|
||||
}
|
||||
71
code/public/static/css/modules/head/head_06.css
Normal file
71
code/public/static/css/modules/head/head_06.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* head_06.css */
|
||||
|
||||
.__PFX__-h6-wrap{
|
||||
background: var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
box-shadow:0 1px 2px var(--shadow-color);
|
||||
}
|
||||
|
||||
.__PFX__-h6-topbar{
|
||||
padding:4px 10px;
|
||||
font-size:11px;
|
||||
background:var(--grad-start);
|
||||
background:linear-gradient(90deg,var(--grad-start),var(--grad-end));
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.__PFX__-h6-main{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
padding:10px 12px;
|
||||
}
|
||||
|
||||
.__PFX__-h6-logo{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.__PFX__-h6-search{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h6-search input{
|
||||
padding:6px 8px;
|
||||
font-size:13px;
|
||||
width:130px;
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:6px;
|
||||
background:var(--bg-soft-color);
|
||||
color:var(--text-primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h6-btn{
|
||||
padding:6px 10px;
|
||||
font-size:12px;
|
||||
background:var(--primary-color);
|
||||
border:none;
|
||||
border-radius:6px;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.__PFX__-h6-nav{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.__PFX__-h6-nav a{
|
||||
font-size:13px;
|
||||
color:var(--text-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.__PFX__-h6-nav{
|
||||
display:flex;
|
||||
gap:10px;
|
||||
}
|
||||
}
|
||||
63
code/public/static/css/modules/head/head_07.css
Normal file
63
code/public/static/css/modules/head/head_07.css
Normal file
@@ -0,0 +1,63 @@
|
||||
/* head_07.css */
|
||||
|
||||
.__PFX__-h7-wrap{
|
||||
background:var(--bg-color);
|
||||
padding:10px 0 6px;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h7-logoBox{
|
||||
text-align:center;
|
||||
margin-bottom:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h7-logo{
|
||||
font-size:20px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.__PFX__-h7-row{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
padding:0 12px;
|
||||
gap:10px;
|
||||
}
|
||||
|
||||
.__PFX__-h7-menu{
|
||||
display:flex;
|
||||
gap:12px;
|
||||
}
|
||||
|
||||
.__PFX__-h7-menu a{
|
||||
font-size:13px;
|
||||
color:var(--text-color);
|
||||
}
|
||||
|
||||
.__PFX__-h7-search{
|
||||
position:relative;
|
||||
min-width:140px;
|
||||
}
|
||||
|
||||
.__PFX__-h7-search input{
|
||||
width:100%;
|
||||
padding:6px 30px 6px 10px;
|
||||
border-radius:6px;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
|
||||
.__PFX__-h7-icon{
|
||||
position:absolute;
|
||||
top:50%;
|
||||
right:6px;
|
||||
transform:translateY(-50%);
|
||||
border:none;
|
||||
background:none;
|
||||
width:18px;
|
||||
height:18px;
|
||||
padding:2px;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
26
code/public/static/css/modules/head/head_08.css
Normal file
26
code/public/static/css/modules/head/head_08.css
Normal file
@@ -0,0 +1,26 @@
|
||||
/* head_08.css */
|
||||
|
||||
.__PFX__-h8-wrap{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
padding:12px 14px;
|
||||
background:var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h8-logo{
|
||||
font-size:18px;
|
||||
color:var(--primary-color);
|
||||
font-weight:600;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.__PFX__-h8-search input{
|
||||
padding:7px 10px;
|
||||
width:170px;
|
||||
border-radius:6px;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
font-size:13px;
|
||||
}
|
||||
64
code/public/static/css/modules/head/head_09.css
Normal file
64
code/public/static/css/modules/head/head_09.css
Normal file
@@ -0,0 +1,64 @@
|
||||
/* head_09.css */
|
||||
|
||||
.__PFX__-h9-wrap{
|
||||
background:var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h9-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
padding:12px;
|
||||
}
|
||||
|
||||
.__PFX__-h9-logo{
|
||||
font-size:19px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.__PFX__-h9-search{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h9-search input{
|
||||
padding:6px 10px;
|
||||
width:150px;
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:6px;
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
|
||||
.__PFX__-h9-btn{
|
||||
padding:6px 10px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:12px;
|
||||
border:none;
|
||||
border-radius:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h9-nav{
|
||||
overflow-x:auto;
|
||||
}
|
||||
|
||||
.__PFX__-h9-scroll{
|
||||
display:flex;
|
||||
gap:12px;
|
||||
padding:8px 12px;
|
||||
scroll-snap-type:x mandatory;
|
||||
}
|
||||
|
||||
.__PFX__-h9-scroll::-webkit-scrollbar{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.__PFX__-h9-scroll a{
|
||||
font-size:13px;
|
||||
color:var(--text-color);
|
||||
scroll-snap-align:start;
|
||||
}
|
||||
57
code/public/static/css/modules/head/head_10.css
Normal file
57
code/public/static/css/modules/head/head_10.css
Normal file
@@ -0,0 +1,57 @@
|
||||
/* head_10.css */
|
||||
|
||||
.__PFX__-h10-wrap{
|
||||
background:var(--bg-color);
|
||||
padding:10px 12px;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h10-main{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
}
|
||||
|
||||
.__PFX__-h10-logo{
|
||||
font-size:19px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.__PFX__-h10-searchBtn{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:50%;
|
||||
background:var(--primary-color);
|
||||
border:none;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.__PFX__-h10-form{
|
||||
margin-top:8px;
|
||||
}
|
||||
|
||||
.__PFX__-h10-form input{
|
||||
width:100%;
|
||||
padding:7px 10px;
|
||||
border-radius:6px;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
.__PFX__-h10-nav{
|
||||
display:flex;
|
||||
gap:14px;
|
||||
margin-top:10px;
|
||||
padding-left:4px;
|
||||
}
|
||||
|
||||
.__PFX__-h10-nav a{
|
||||
font-size:13px;
|
||||
color:var(--text-color);
|
||||
}
|
||||
18
code/public/static/css/modules/head/head_100.css
Normal file
18
code/public/static/css/modules/head/head_100.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_100.css */
|
||||
.__PFX__-h100-mega{
|
||||
padding:8px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:linear-gradient(90deg,var(--bg-color),var(--bg-soft-color),var(--bg-color));
|
||||
}
|
||||
.__PFX__-h100-bar{display:flex;align-items:center;gap:10px}
|
||||
.__PFX__-h100-brand{font-weight:900;text-decoration:none;color:var(--text-color);white-space:nowrap}
|
||||
.__PFX__-h100-search{flex:1;min-width:0}
|
||||
.__PFX__-h100-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.18)}
|
||||
.__PFX__-h100-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
||||
.__PFX__-h100-nav{display:none;margin-top:8px}
|
||||
body.__PFX__-h100-open .__PFX__-h100-nav{display:block}
|
||||
.__PFX__-h100-home,.__PFX__-h100-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h100-home li,.__PFX__-h100-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h100-home li a,.__PFX__-h100-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h100-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h100-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h100-btn{display:none}.__PFX__-h100-nav{display:block}}
|
||||
37
code/public/static/css/modules/head/head_11.css
Normal file
37
code/public/static/css/modules/head/head_11.css
Normal file
@@ -0,0 +1,37 @@
|
||||
/* head_11.css */
|
||||
|
||||
.__PFX__-h11-wrap{
|
||||
background:linear-gradient(135deg,var(--grad-start),var(--grad-end) 60%,var(--bg-color) 60%);
|
||||
padding:14px 12px 10px;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h11-logo{
|
||||
display:block;
|
||||
text-align:center;
|
||||
font-size:22px;
|
||||
font-weight:700;
|
||||
color:#fff;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
.__PFX__-h11-search{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:6px;
|
||||
padding:0 20px;
|
||||
}
|
||||
|
||||
.__PFX__-h11-search input{
|
||||
flex:1;
|
||||
padding:7px 10px;
|
||||
border:none;
|
||||
border-radius:6px;
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
.__PFX__-h11-btn{
|
||||
padding:7px 10px;
|
||||
background:#fff;
|
||||
border-radius:6px;
|
||||
}
|
||||
48
code/public/static/css/modules/head/head_12.css
Normal file
48
code/public/static/css/modules/head/head_12.css
Normal file
@@ -0,0 +1,48 @@
|
||||
/* head_12.css */
|
||||
|
||||
.__PFX__-h12-wrap{
|
||||
background:var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h12-top{
|
||||
height:4px;
|
||||
background:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h12-main{
|
||||
padding:12px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
}
|
||||
|
||||
.__PFX__-h12-logo{
|
||||
font-size:20px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h12-search{
|
||||
flex:1;
|
||||
margin-left:12px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.__PFX__-h12-search input{
|
||||
width:100%;
|
||||
padding:8px 32px 8px 12px;
|
||||
border-radius:6px;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
|
||||
.__PFX__-h12-searchBtn{
|
||||
position:absolute;
|
||||
right:8px;
|
||||
top:50%;
|
||||
transform:translateY(-50%);
|
||||
background:none;
|
||||
border:none;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
41
code/public/static/css/modules/head/head_13.css
Normal file
41
code/public/static/css/modules/head/head_13.css
Normal file
@@ -0,0 +1,41 @@
|
||||
/* head_13.css */
|
||||
|
||||
.__PFX__-h13-wrap{
|
||||
padding:16px 14px;
|
||||
background:linear-gradient(90deg,var(--grad-start),var(--grad-end));
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.__PFX__-h13-row{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
}
|
||||
|
||||
.__PFX__-h13-logo{
|
||||
font-size:22px;
|
||||
font-weight:800;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.__PFX__-h13-btn{
|
||||
width:34px;
|
||||
height:34px;
|
||||
background:rgba(255,255,255,0.2);
|
||||
border-radius:50%;
|
||||
border:1px solid rgba(255,255,255,0.25);
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.__PFX__-h13-form{
|
||||
margin-top:12px;
|
||||
}
|
||||
|
||||
.__PFX__-h13-form input{
|
||||
width:100%;
|
||||
padding:8px 12px;
|
||||
border-radius:8px;
|
||||
border:none;
|
||||
}
|
||||
33
code/public/static/css/modules/head/head_14.css
Normal file
33
code/public/static/css/modules/head/head_14.css
Normal file
@@ -0,0 +1,33 @@
|
||||
/* head_14.css */
|
||||
|
||||
.__PFX__-h14-wrap{
|
||||
padding:14px;
|
||||
background:
|
||||
repeating-linear-gradient(
|
||||
135deg,
|
||||
var(--bg-soft-color),
|
||||
var(--bg-soft-color) 6px,
|
||||
var(--bg-color) 6px,
|
||||
var(--bg-color) 12px
|
||||
);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h14-row{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.__PFX__-h14-logo{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h14-search input{
|
||||
width:150px;
|
||||
padding:6px 10px;
|
||||
border-radius:6px;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
36
code/public/static/css/modules/head/head_15.css
Normal file
36
code/public/static/css/modules/head/head_15.css
Normal file
@@ -0,0 +1,36 @@
|
||||
/* head_15.css */
|
||||
|
||||
.__PFX__-h15-wrap{
|
||||
background:linear-gradient(180deg,var(--grad-start) 35%,var(--bg-color) 35%);
|
||||
padding-bottom:6px;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h15-logo{
|
||||
padding:14px;
|
||||
font-size:20px;
|
||||
color:#fff;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.__PFX__-h15-search{
|
||||
padding:0 14px;
|
||||
}
|
||||
|
||||
.__PFX__-h15-search input{
|
||||
width:100%;
|
||||
padding:8px 12px;
|
||||
border:none;
|
||||
border-radius:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h15-nav{
|
||||
padding:8px 14px;
|
||||
display:flex;
|
||||
gap:12px;
|
||||
}
|
||||
|
||||
.__PFX__-h15-nav a{
|
||||
font-size:13px;
|
||||
color:var(--text-color);
|
||||
}
|
||||
35
code/public/static/css/modules/head/head_16.css
Normal file
35
code/public/static/css/modules/head/head_16.css
Normal file
@@ -0,0 +1,35 @@
|
||||
/* head_16.css */
|
||||
|
||||
.__PFX__-h16-wrap{
|
||||
position:relative;
|
||||
padding:18px 12px 34px;
|
||||
background:linear-gradient(135deg,var(--grad-start),var(--grad-end));
|
||||
}
|
||||
|
||||
.__PFX__-h16-logo{
|
||||
text-align:center;
|
||||
font-size:22px;
|
||||
color:#fff;
|
||||
font-weight:800;
|
||||
}
|
||||
|
||||
.__PFX__-h16-searchBox{
|
||||
position:absolute;
|
||||
left:50%;
|
||||
bottom:-18px;
|
||||
transform:translateX(-50%);
|
||||
width:80%;
|
||||
backdrop-filter:blur(8px);
|
||||
-webkit-backdrop-filter:blur(8px);
|
||||
background:rgba(255,255,255,0.4);
|
||||
border-radius:12px;
|
||||
padding:6px 12px;
|
||||
}
|
||||
|
||||
.__PFX__-h16-searchBox input{
|
||||
width:100%;
|
||||
border:none;
|
||||
background:transparent;
|
||||
color:#000;
|
||||
padding:6px;
|
||||
}
|
||||
39
code/public/static/css/modules/head/head_17.css
Normal file
39
code/public/static/css/modules/head/head_17.css
Normal file
@@ -0,0 +1,39 @@
|
||||
/* head_17.css */
|
||||
|
||||
.__PFX__-h17-wrap{
|
||||
padding:14px;
|
||||
background:
|
||||
linear-gradient(135deg,var(--bg-color) 70%,var(--grad-start) 70%);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h17-row{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.__PFX__-h17-logo{
|
||||
font-size:20px;
|
||||
color:var(--primary-color);
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.__PFX__-h17-search{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
}
|
||||
|
||||
.__PFX__-h17-search input{
|
||||
padding:6px 10px;
|
||||
border-radius:6px;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h17-btn{
|
||||
padding:6px 12px;
|
||||
background:var(--primary-color);
|
||||
border-radius:6px;
|
||||
color:#fff;
|
||||
}
|
||||
37
code/public/static/css/modules/head/head_18.css
Normal file
37
code/public/static/css/modules/head/head_18.css
Normal file
@@ -0,0 +1,37 @@
|
||||
/* head_18.css */
|
||||
|
||||
.__PFX__-h18-wrap{
|
||||
padding:16px 12px;
|
||||
background:
|
||||
repeating-linear-gradient(
|
||||
90deg,
|
||||
var(--bg-soft-color),
|
||||
var(--bg-soft-color) 10px,
|
||||
var(--bg-color) 10px,
|
||||
var(--bg-color) 20px
|
||||
);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h18-row{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.__PFX__-h18-logo{
|
||||
font-size:22px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h18-btn{
|
||||
width:30px;
|
||||
height:30px;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
border-radius:50%;
|
||||
}
|
||||
25
code/public/static/css/modules/head/head_19.css
Normal file
25
code/public/static/css/modules/head/head_19.css
Normal file
@@ -0,0 +1,25 @@
|
||||
/* head_19.css */
|
||||
|
||||
.__PFX__-h19-wrap{
|
||||
background:var(--bg-color);
|
||||
padding:12px;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h19-logo{
|
||||
font-size:24px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h19-search{
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
.__PFX__-h19-search input{
|
||||
width:100%;
|
||||
padding:8px 12px;
|
||||
border-radius:8px;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
25
code/public/static/css/modules/head/head_20.css
Normal file
25
code/public/static/css/modules/head/head_20.css
Normal file
@@ -0,0 +1,25 @@
|
||||
/* head_20.css */
|
||||
|
||||
.__PFX__-h20-wrap{
|
||||
background:var(--bg-color);
|
||||
padding:16px 14px;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h20-logo{
|
||||
font-size:20px;
|
||||
font-weight:800;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h20-search{
|
||||
margin-top:12px;
|
||||
}
|
||||
|
||||
.__PFX__-h20-search input{
|
||||
width:100%;
|
||||
padding:8px 12px;
|
||||
border-radius:8px;
|
||||
border:2px solid var(--primary-color);
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
85
code/public/static/css/modules/head/head_21.css
Normal file
85
code/public/static/css/modules/head/head_21.css
Normal file
@@ -0,0 +1,85 @@
|
||||
/* head_21.css */
|
||||
|
||||
.__PFX__-h21-wrap{
|
||||
padding:12px 12px 6px;
|
||||
background:
|
||||
radial-gradient(circle at 0% 0%, var(--grad-start) 0, transparent 55%),
|
||||
radial-gradient(circle at 100% 0%, var(--grad-end) 0, transparent 55%),
|
||||
var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h21-top{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
gap:8px;
|
||||
}
|
||||
|
||||
.__PFX__-h21-logo{
|
||||
font-size:20px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h21-search{
|
||||
display:flex;
|
||||
gap:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h21-search input{
|
||||
flex:1;
|
||||
padding:7px 10px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
.__PFX__-h21-searchBtn{
|
||||
padding:7px 10px;
|
||||
border-radius:999px;
|
||||
border:none;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
/* 类别导航:横向滚动,PC 居中展示 */
|
||||
.__PFX__-h21-nav{
|
||||
margin-top:8px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
|
||||
.__PFX__-h21-navInner{
|
||||
display:flex;
|
||||
gap:10px;
|
||||
padding:4px 2px 2px;
|
||||
min-width:100%;
|
||||
}
|
||||
|
||||
.__PFX__-h21-navInner a{
|
||||
font-size:12px;
|
||||
padding:4px 8px;
|
||||
border-radius:999px;
|
||||
background:var(--bg-soft-color);
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
.__PFX__-h21-navInner a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
@media(min-width:768px){
|
||||
.__PFX__-h21-top{
|
||||
flex-direction:row;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
}
|
||||
.__PFX__-h21-logo{
|
||||
font-size:22px;
|
||||
}
|
||||
.__PFX__-h21-navInner{
|
||||
justify-content:flex-start;
|
||||
}
|
||||
}
|
||||
87
code/public/static/css/modules/head/head_22.css
Normal file
87
code/public/static/css/modules/head/head_22.css
Normal file
@@ -0,0 +1,87 @@
|
||||
/* head_22.css */
|
||||
|
||||
.__PFX__-h22-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:
|
||||
repeating-linear-gradient(
|
||||
135deg,
|
||||
var(--bg-soft-color),
|
||||
var(--bg-soft-color) 8px,
|
||||
var(--bg-color) 8px,
|
||||
var(--bg-color) 16px
|
||||
);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h22-main{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:10px;
|
||||
}
|
||||
|
||||
.__PFX__-h22-logo{
|
||||
font-size:19px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h22-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
padding:2px;
|
||||
border-radius:999px;
|
||||
background:var(--bg-color);
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h22-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
padding:6px 8px;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
.__PFX__-h22-iconBtn{
|
||||
width:30px;
|
||||
height:30px;
|
||||
border-radius:50%;
|
||||
border:none;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.__PFX__-h22-tabs{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
flex-wrap:nowrap;
|
||||
overflow-x:auto;
|
||||
gap:8px;
|
||||
padding-bottom:3px;
|
||||
}
|
||||
|
||||
.__PFX__-h22-tabs span{
|
||||
flex:0 0 auto;
|
||||
}
|
||||
|
||||
.__PFX__-h22-tabs a{
|
||||
display:inline-block;
|
||||
padding:3px 8px;
|
||||
border-radius:999px;
|
||||
font-size:11px;
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
|
||||
.__PFX__-h22-tabs a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
@media(min-width:768px){
|
||||
.__PFX__-h22-logo{font-size:22px;}
|
||||
.__PFX__-h22-tabs{flex-wrap:wrap;}
|
||||
}
|
||||
69
code/public/static/css/modules/head/head_23.css
Normal file
69
code/public/static/css/modules/head/head_23.css
Normal file
@@ -0,0 +1,69 @@
|
||||
/* head_23.css */
|
||||
|
||||
.__PFX__-h23-wrap{
|
||||
padding:16px 12px 10px;
|
||||
background:linear-gradient(135deg,var(--grad-start),var(--grad-end));
|
||||
color:#fff;
|
||||
border-bottom:1px solid rgba(255,255,255,0.15);
|
||||
}
|
||||
|
||||
.__PFX__-h23-top{
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.__PFX__-h23-logo{
|
||||
font-size:22px;
|
||||
font-weight:800;
|
||||
}
|
||||
|
||||
.__PFX__-h23-sub{
|
||||
font-size:12px;
|
||||
opacity:0.8;
|
||||
margin-top:4px;
|
||||
}
|
||||
|
||||
.__PFX__-h23-search{
|
||||
margin:12px auto 8px;
|
||||
max-width:480px;
|
||||
display:flex;
|
||||
gap:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h23-search input{
|
||||
flex:1;
|
||||
padding:7px 10px;
|
||||
border-radius:999px;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.__PFX__-h23-btn{
|
||||
padding:7px 12px;
|
||||
border-radius:999px;
|
||||
border:none;
|
||||
background:#00000033;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.__PFX__-h23-cats{
|
||||
display:flex;
|
||||
gap:8px;
|
||||
overflow-x:auto;
|
||||
padding-bottom:3px;
|
||||
}
|
||||
|
||||
.__PFX__-h23-cats a{
|
||||
flex:0 0 auto;
|
||||
font-size:11px;
|
||||
padding:3px 8px;
|
||||
border-radius:999px;
|
||||
background:rgba(0,0,0,0.18);
|
||||
}
|
||||
|
||||
.__PFX__-h23-cats a.active{
|
||||
background:#fff;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
@media(min-width:768px){
|
||||
.__PFX__-h23-logo{font-size:26px;}
|
||||
}
|
||||
75
code/public/static/css/modules/head/head_24.css
Normal file
75
code/public/static/css/modules/head/head_24.css
Normal file
@@ -0,0 +1,75 @@
|
||||
/* head_24.css */
|
||||
|
||||
.__PFX__-h24-wrap{
|
||||
padding:12px 12px 8px;
|
||||
background:
|
||||
linear-gradient(120deg,var(--grad-start) 0,var(--grad-end) 45%,var(--bg-color) 45%);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h24-main{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:10px;
|
||||
}
|
||||
|
||||
.__PFX__-h24-logo{
|
||||
font-size:19px;
|
||||
font-weight:700;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.__PFX__-h24-form{
|
||||
flex:1;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
background:#ffffffee;
|
||||
border-radius:999px;
|
||||
padding:2px 6px 2px 8px;
|
||||
}
|
||||
|
||||
.__PFX__-h24-form input{
|
||||
flex:1;
|
||||
border:none;
|
||||
padding:5px 6px;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
.__PFX__-h24-icon{
|
||||
border:none;
|
||||
background:transparent;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
/* 分类导航 */
|
||||
.__PFX__-h24-nav{
|
||||
list-style:none;
|
||||
margin:8px 0 0;
|
||||
padding:0;
|
||||
display:flex;
|
||||
gap:8px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
|
||||
.__PFX__-h24-nav li{
|
||||
flex:0 0 auto;
|
||||
}
|
||||
|
||||
.__PFX__-h24-nav a{
|
||||
display:inline-block;
|
||||
padding:3px 8px;
|
||||
border-radius:999px;
|
||||
font-size:11px;
|
||||
background:rgba(255,255,255,0.85);
|
||||
color:var(--text-color);
|
||||
}
|
||||
|
||||
.__PFX__-h24-nav a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
@media(min-width:768px){
|
||||
.__PFX__-h24-logo{font-size:22px;}
|
||||
}
|
||||
63
code/public/static/css/modules/head/head_25.css
Normal file
63
code/public/static/css/modules/head/head_25.css
Normal file
@@ -0,0 +1,63 @@
|
||||
/* head_25.css */
|
||||
|
||||
.__PFX__-h25-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h25-tip{
|
||||
font-size:11px;
|
||||
color:var(--text-muted-color);
|
||||
margin-bottom:4px;
|
||||
}
|
||||
|
||||
.__PFX__-h25-row{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:10px;
|
||||
}
|
||||
|
||||
.__PFX__-h25-logo{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h25-search{
|
||||
flex:1;
|
||||
}
|
||||
|
||||
.__PFX__-h25-search input{
|
||||
width:100%;
|
||||
padding:7px 10px;
|
||||
border-radius:8px;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
|
||||
/* 分类 chips */
|
||||
.__PFX__-h25-cats{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
flex-wrap:nowrap;
|
||||
gap:8px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
|
||||
.__PFX__-h25-cats a{
|
||||
flex:0 0 auto;
|
||||
font-size:11px;
|
||||
padding:3px 8px;
|
||||
border-radius:999px;
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
|
||||
.__PFX__-h25-cats a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
@media(min-width:768px){
|
||||
.__PFX__-h25-logo{font-size:22px;}
|
||||
}
|
||||
58
code/public/static/css/modules/head/head_26.css
Normal file
58
code/public/static/css/modules/head/head_26.css
Normal file
@@ -0,0 +1,58 @@
|
||||
/* head_26.css */
|
||||
|
||||
.__PFX__-h26-wrap{
|
||||
padding:14px 12px 10px;
|
||||
background:radial-gradient(circle at 20% 0%,var(--grad-start),var(--bg-color) 55%);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.__PFX__-h26-center{
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.__PFX__-h26-logo{
|
||||
font-size:22px;
|
||||
font-weight:800;
|
||||
}
|
||||
|
||||
.__PFX__-h26-desc{
|
||||
font-size:12px;
|
||||
opacity:0.85;
|
||||
margin-top:4px;
|
||||
}
|
||||
|
||||
/* 搜索下沉卡片 */
|
||||
.__PFX__-h26-search{
|
||||
margin:10px auto 8px;
|
||||
max-width:480px;
|
||||
}
|
||||
|
||||
.__PFX__-h26-search input{
|
||||
width:100%;
|
||||
padding:8px 12px;
|
||||
border-radius:999px;
|
||||
border:none;
|
||||
}
|
||||
|
||||
/* 分类 */
|
||||
.__PFX__-h26-tags{
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
flex-wrap:wrap;
|
||||
gap:8px;
|
||||
}
|
||||
|
||||
.__PFX__-h26-tags small a{
|
||||
display:inline-block;
|
||||
font-size:11px;
|
||||
padding:3px 8px;
|
||||
border-radius:999px;
|
||||
background:rgba(0,0,0,0.25);
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.__PFX__-h26-tags small a.active{
|
||||
background:#fff;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
63
code/public/static/css/modules/head/head_27.css
Normal file
63
code/public/static/css/modules/head/head_27.css
Normal file
@@ -0,0 +1,63 @@
|
||||
/* head_27.css */
|
||||
|
||||
.__PFX__-h27-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:
|
||||
radial-gradient(circle at 0 0, var(--grad-start) 0, transparent 45%),
|
||||
radial-gradient(circle at 100% 0, var(--grad-end) 0, transparent 45%),
|
||||
repeating-linear-gradient(
|
||||
0deg,
|
||||
var(--bg-color),
|
||||
var(--bg-color) 8px,
|
||||
var(--bg-soft-color) 8px,
|
||||
var(--bg-soft-color) 9px
|
||||
);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h27-row{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:8px;
|
||||
}
|
||||
|
||||
.__PFX__-h27-logo{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h27-search{
|
||||
flex:1;
|
||||
}
|
||||
|
||||
.__PFX__-h27-search input{
|
||||
width:100%;
|
||||
padding:6px 10px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h27-navBlk{
|
||||
margin-top:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h27-links{
|
||||
display:flex;
|
||||
gap:8px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
|
||||
.__PFX__-h27-links a{
|
||||
flex:0 0 auto;
|
||||
font-size:11px;
|
||||
padding:3px 8px;
|
||||
border-radius:6px;
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
|
||||
.__PFX__-h27-links a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
66
code/public/static/css/modules/head/head_28.css
Normal file
66
code/public/static/css/modules/head/head_28.css
Normal file
@@ -0,0 +1,66 @@
|
||||
/* head_28.css */
|
||||
|
||||
.__PFX__-h28-wrap{
|
||||
padding:12px 12px 8px;
|
||||
background:
|
||||
linear-gradient(90deg,
|
||||
var(--grad-start) 0,
|
||||
var(--grad-start) 20%,
|
||||
var(--grad-end) 20%,
|
||||
var(--grad-end) 40%,
|
||||
var(--bg-color) 40%,
|
||||
var(--bg-color) 100%);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h28-logoBlk{
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.__PFX__-h28-logo{
|
||||
display:inline-block;
|
||||
padding:3px 10px;
|
||||
border-radius:999px;
|
||||
background:rgba(255,255,255,0.9);
|
||||
color:var(--primary-color);
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.__PFX__-h28-search{
|
||||
margin-top:8px;
|
||||
}
|
||||
|
||||
.__PFX__-h28-search input{
|
||||
width:100%;
|
||||
padding:7px 10px;
|
||||
border-radius:8px;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
/* 分类条形按钮 */
|
||||
.__PFX__-h28-catrow{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
gap:6px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
|
||||
.__PFX__-h28-catrow button{
|
||||
flex:0 0 auto;
|
||||
padding:0;
|
||||
border:none;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
.__PFX__-h28-catrow a{
|
||||
display:inline-block;
|
||||
padding:3px 10px;
|
||||
border-radius:999px;
|
||||
background:rgba(255,255,255,0.7);
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
.__PFX__-h28-catrow a.active{
|
||||
background:#000000dd;
|
||||
color:#fff;
|
||||
}
|
||||
70
code/public/static/css/modules/head/head_29.css
Normal file
70
code/public/static/css/modules/head/head_29.css
Normal file
@@ -0,0 +1,70 @@
|
||||
/* head_29.css */
|
||||
|
||||
.__PFX__-h29-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:linear-gradient(135deg,#050816,var(--bg-color));
|
||||
border-bottom:1px solid var(--border-color);
|
||||
color:#f9fafb;
|
||||
}
|
||||
|
||||
.__PFX__-h29-main{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
gap:8px;
|
||||
}
|
||||
|
||||
.__PFX__-h29-logo{
|
||||
font-size:20px;
|
||||
font-weight:800;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h29-searchBox{
|
||||
display:flex;
|
||||
gap:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h29-searchBox form{
|
||||
flex:1;
|
||||
}
|
||||
|
||||
.__PFX__-h29-searchBox input{
|
||||
width:100%;
|
||||
padding:6px 10px;
|
||||
border-radius:6px;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.__PFX__-h29-btn{
|
||||
padding:6px 10px;
|
||||
border-radius:6px;
|
||||
border:none;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
/* nav */
|
||||
.__PFX__-h29-nav{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
flex-wrap:nowrap;
|
||||
gap:10px;
|
||||
overflow-x:auto;
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
.__PFX__-h29-nav a{
|
||||
position:relative;
|
||||
padding-bottom:3px;
|
||||
flex:0 0 auto;
|
||||
}
|
||||
|
||||
.__PFX__-h29-nav a.active::after{
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
height:2px;
|
||||
background:var(--primary-color);
|
||||
}
|
||||
60
code/public/static/css/modules/head/head_30.css
Normal file
60
code/public/static/css/modules/head/head_30.css
Normal file
@@ -0,0 +1,60 @@
|
||||
/* head_30.css */
|
||||
|
||||
.__PFX__-h30-wrap{
|
||||
padding:12px 12px 10px;
|
||||
background:linear-gradient(180deg,var(--bg-soft-color),var(--bg-color));
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h30-top{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
gap:8px;
|
||||
}
|
||||
|
||||
.__PFX__-h30-logo{
|
||||
font-size:24px;
|
||||
font-weight:800;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h30-search input{
|
||||
width:100%;
|
||||
padding:8px 12px;
|
||||
border-radius:8px;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
/* 分类栏包围 */
|
||||
.__PFX__-h30-navBox{
|
||||
margin-top:8px;
|
||||
background:var(--bg-soft-color);
|
||||
border-radius:999px;
|
||||
padding:4px 6px;
|
||||
}
|
||||
|
||||
.__PFX__-h30-nav{
|
||||
display:flex;
|
||||
gap:8px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
|
||||
.__PFX__-h30-nav a{
|
||||
flex:0 0 auto;
|
||||
padding:3px 9px;
|
||||
border-radius:999px;
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
.__PFX__-h30-nav a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
@media(min-width:768px){
|
||||
.__PFX__-h30-top{
|
||||
flex-direction:row;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
}
|
||||
}
|
||||
89
code/public/static/css/modules/head/head_31.css
Normal file
89
code/public/static/css/modules/head/head_31.css
Normal file
@@ -0,0 +1,89 @@
|
||||
/* head_31.css - type1 */
|
||||
.__PFX__-9f4-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:linear-gradient(120deg,var(--grad-start),var(--grad-end));
|
||||
color:#fff;
|
||||
}
|
||||
.__PFX__-9f4-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-9f4-logoBox{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
min-width:0;
|
||||
}
|
||||
.__PFX__-9f4-logo{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
}
|
||||
.__PFX__-9f4-tag{
|
||||
font-size:11px;
|
||||
opacity:.85;
|
||||
}
|
||||
.__PFX__-9f4-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
background:rgba(15,23,42,.16);
|
||||
border-radius:999px;
|
||||
padding:3px 6px 3px 10px;
|
||||
}
|
||||
.__PFX__-9f4-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
background:transparent;
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
}
|
||||
.__PFX__-9f4-search input::placeholder{
|
||||
color:rgba(255,255,255,.7);
|
||||
}
|
||||
.__PFX__-9f4-sbtn{
|
||||
border:none;
|
||||
background:transparent;
|
||||
padding:2px 4px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
cursor:pointer;
|
||||
color:#fff;
|
||||
}
|
||||
.__PFX__-9f4-sbtn svg{
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
.__PFX__-9f4-menu{
|
||||
margin-left:4px;
|
||||
border:none;
|
||||
background:rgba(15,23,42,.25);
|
||||
width:30px;
|
||||
height:30px;
|
||||
border-radius:999px;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-9f4-nav{
|
||||
margin-top:6px;
|
||||
margin-left:-4px;
|
||||
margin-right:-4px;
|
||||
}
|
||||
.__PFX__-9f4-navInner a{
|
||||
display:inline-block;
|
||||
margin:0 4px 4px;
|
||||
padding:3px 8px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:rgba(15,23,42,.13);
|
||||
color:#fff;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-9f4-navInner a.active{
|
||||
background:#fff;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.__PFX__-9f4-wrap{
|
||||
border-radius:0 0 16px 16px;
|
||||
}
|
||||
}
|
||||
84
code/public/static/css/modules/head/head_32.css
Normal file
84
code/public/static/css/modules/head/head_32.css
Normal file
@@ -0,0 +1,84 @@
|
||||
/* head_32.css - type2 */
|
||||
.__PFX__-l7a-shell{
|
||||
padding:10px 12px 6px;
|
||||
background:var(--bg-soft-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-l7a-bar{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-l7a-brand{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
}
|
||||
.__PFX__-l7a-name{
|
||||
font-size:18px;
|
||||
font-weight:600;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-l7a-sub{
|
||||
font-size:11px;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-l7a-toggle{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-l7a-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-l7a-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-l7a-go{
|
||||
min-width:48px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-l7a-nav{
|
||||
margin-top:4px;
|
||||
}
|
||||
.__PFX__-l7a-navList{
|
||||
list-style:none;
|
||||
padding:0;
|
||||
margin:0;
|
||||
display:flex;
|
||||
gap:8px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
.__PFX__-l7a-navList a{
|
||||
display:inline-block;
|
||||
padding:4px 10px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:#fff;
|
||||
color:var(--text-color);
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-l7a-navList a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.__PFX__-l7a-toggle{display:none;}
|
||||
.__PFX__-l7a-navList{justify-content:flex-end;}
|
||||
}
|
||||
68
code/public/static/css/modules/head/head_33.css
Normal file
68
code/public/static/css/modules/head/head_33.css
Normal file
@@ -0,0 +1,68 @@
|
||||
/* head_33.css - type3 */
|
||||
.__PFX__-xyo-wrap{
|
||||
padding:10px 12px 4px;
|
||||
background:var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-xyo-row1{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-xyo-hamb{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-xyo-brand{
|
||||
flex:0 0 auto;
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-xyo-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
background:var(--bg-soft-color);
|
||||
border-radius:999px;
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-xyo-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-xyo-icon{
|
||||
border:none;
|
||||
background:transparent;
|
||||
padding:0 6px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
cursor:pointer;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-xyo-icon svg{
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
.__PFX__-xyo-row2{
|
||||
margin-top:6px;
|
||||
}
|
||||
.__PFX__-xyo-pillBar a{
|
||||
display:inline-block;
|
||||
margin:0 6px 4px 0;
|
||||
padding:3px 10px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
font-size:12px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-xyo-pillBar a.active{
|
||||
background:var(--primary-color);
|
||||
border-color:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
70
code/public/static/css/modules/head/head_34.css
Normal file
70
code/public/static/css/modules/head/head_34.css
Normal file
@@ -0,0 +1,70 @@
|
||||
/* head_34.css - type4 */
|
||||
.__PFX__-eyz-header{
|
||||
background:var(--bg-soft-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-eyz-meta{
|
||||
padding:4px 12px;
|
||||
font-size:11px;
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-eyz-main{
|
||||
padding:6px 12px 8px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-eyz-logo{
|
||||
font-size:19px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-eyz-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:10px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-eyz-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-eyz-btn{
|
||||
min-width:58px;
|
||||
border:none;
|
||||
border-radius:8px;
|
||||
font-size:13px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-eyz-menuBtn{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-eyz-nav{
|
||||
padding:0 10px 8px;
|
||||
}
|
||||
.__PFX__-eyz-chips a{
|
||||
display:inline-block;
|
||||
margin:4px 4px 0;
|
||||
padding:3px 9px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:#fff;
|
||||
border:1px solid transparent;
|
||||
}
|
||||
.__PFX__-eyz-chips a.active{
|
||||
border-color:var(--primary-color);
|
||||
color:var(--primary-color);
|
||||
}
|
||||
63
code/public/static/css/modules/head/head_35.css
Normal file
63
code/public/static/css/modules/head/head_35.css
Normal file
@@ -0,0 +1,63 @@
|
||||
/* head_35.css - type5 */
|
||||
.__PFX__-gch-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:radial-gradient(circle at top,var(--grad-start),var(--bg-color));
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-gch-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-gch-title{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--text_primary,#111827);
|
||||
}
|
||||
.__PFX__-gch-menu{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:rgba(255,255,255,.7);
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-gch-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-gch-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-gch-sbtn{
|
||||
min-width:50px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-gch-nav{
|
||||
margin-top:4px;
|
||||
}
|
||||
.__PFX__-gch-links a{
|
||||
display:inline-block;
|
||||
margin:3px 6px 0 0;
|
||||
padding:3px 8px;
|
||||
font-size:12px;
|
||||
border-radius:6px;
|
||||
background:rgba(255,255,255,.85);
|
||||
}
|
||||
.__PFX__-gch-links a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
89
code/public/static/css/modules/head/head_36.css
Normal file
89
code/public/static/css/modules/head/head_36.css
Normal file
@@ -0,0 +1,89 @@
|
||||
/* head_36.css - type1 */
|
||||
.__PFX__-nyg-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:linear-gradient(120deg,var(--grad-start),var(--grad-end));
|
||||
color:#fff;
|
||||
}
|
||||
.__PFX__-nyg-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-nyg-logoBox{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
min-width:0;
|
||||
}
|
||||
.__PFX__-nyg-logo{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
}
|
||||
.__PFX__-nyg-tag{
|
||||
font-size:11px;
|
||||
opacity:.85;
|
||||
}
|
||||
.__PFX__-nyg-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
background:rgba(15,23,42,.16);
|
||||
border-radius:999px;
|
||||
padding:3px 6px 3px 10px;
|
||||
}
|
||||
.__PFX__-nyg-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
background:transparent;
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
}
|
||||
.__PFX__-nyg-search input::placeholder{
|
||||
color:rgba(255,255,255,.7);
|
||||
}
|
||||
.__PFX__-nyg-sbtn{
|
||||
border:none;
|
||||
background:transparent;
|
||||
padding:2px 4px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
cursor:pointer;
|
||||
color:#fff;
|
||||
}
|
||||
.__PFX__-nyg-sbtn svg{
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
.__PFX__-nyg-menu{
|
||||
margin-left:4px;
|
||||
border:none;
|
||||
background:rgba(15,23,42,.25);
|
||||
width:30px;
|
||||
height:30px;
|
||||
border-radius:999px;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-nyg-nav{
|
||||
margin-top:6px;
|
||||
margin-left:-4px;
|
||||
margin-right:-4px;
|
||||
}
|
||||
.__PFX__-nyg-navInner a{
|
||||
display:inline-block;
|
||||
margin:0 4px 4px;
|
||||
padding:3px 8px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:rgba(15,23,42,.13);
|
||||
color:#fff;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-nyg-navInner a.active{
|
||||
background:#fff;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.__PFX__-nyg-wrap{
|
||||
border-radius:0 0 16px 16px;
|
||||
}
|
||||
}
|
||||
84
code/public/static/css/modules/head/head_37.css
Normal file
84
code/public/static/css/modules/head/head_37.css
Normal file
@@ -0,0 +1,84 @@
|
||||
/* head_37.css - type2 */
|
||||
.__PFX__-0db-shell{
|
||||
padding:10px 12px 6px;
|
||||
background:var(--bg-soft-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-0db-bar{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-0db-brand{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
}
|
||||
.__PFX__-0db-name{
|
||||
font-size:18px;
|
||||
font-weight:600;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-0db-sub{
|
||||
font-size:11px;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-0db-toggle{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-0db-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-0db-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-0db-go{
|
||||
min-width:48px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-0db-nav{
|
||||
margin-top:4px;
|
||||
}
|
||||
.__PFX__-0db-navList{
|
||||
list-style:none;
|
||||
padding:0;
|
||||
margin:0;
|
||||
display:flex;
|
||||
gap:8px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
.__PFX__-0db-navList a{
|
||||
display:inline-block;
|
||||
padding:4px 10px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:#fff;
|
||||
color:var(--text-color);
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-0db-navList a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.__PFX__-0db-toggle{display:none;}
|
||||
.__PFX__-0db-navList{justify-content:flex-end;}
|
||||
}
|
||||
68
code/public/static/css/modules/head/head_38.css
Normal file
68
code/public/static/css/modules/head/head_38.css
Normal file
@@ -0,0 +1,68 @@
|
||||
/* head_38.css - type3 */
|
||||
.__PFX__-96e-wrap{
|
||||
padding:10px 12px 4px;
|
||||
background:var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-96e-row1{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-96e-hamb{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-96e-brand{
|
||||
flex:0 0 auto;
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-96e-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
background:var(--bg-soft-color);
|
||||
border-radius:999px;
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-96e-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-96e-icon{
|
||||
border:none;
|
||||
background:transparent;
|
||||
padding:0 6px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
cursor:pointer;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-96e-icon svg{
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
.__PFX__-96e-row2{
|
||||
margin-top:6px;
|
||||
}
|
||||
.__PFX__-96e-pillBar a{
|
||||
display:inline-block;
|
||||
margin:0 6px 4px 0;
|
||||
padding:3px 10px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
font-size:12px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-96e-pillBar a.active{
|
||||
background:var(--primary-color);
|
||||
border-color:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
70
code/public/static/css/modules/head/head_39.css
Normal file
70
code/public/static/css/modules/head/head_39.css
Normal file
@@ -0,0 +1,70 @@
|
||||
/* head_39.css - type4 */
|
||||
.__PFX__-mmb-header{
|
||||
background:var(--bg-soft-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-mmb-meta{
|
||||
padding:4px 12px;
|
||||
font-size:11px;
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-mmb-main{
|
||||
padding:6px 12px 8px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-mmb-logo{
|
||||
font-size:19px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-mmb-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:10px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-mmb-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-mmb-btn{
|
||||
min-width:58px;
|
||||
border:none;
|
||||
border-radius:8px;
|
||||
font-size:13px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-mmb-menuBtn{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-mmb-nav{
|
||||
padding:0 10px 8px;
|
||||
}
|
||||
.__PFX__-mmb-chips a{
|
||||
display:inline-block;
|
||||
margin:4px 4px 0;
|
||||
padding:3px 9px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:#fff;
|
||||
border:1px solid transparent;
|
||||
}
|
||||
.__PFX__-mmb-chips a.active{
|
||||
border-color:var(--primary-color);
|
||||
color:var(--primary-color);
|
||||
}
|
||||
63
code/public/static/css/modules/head/head_40.css
Normal file
63
code/public/static/css/modules/head/head_40.css
Normal file
@@ -0,0 +1,63 @@
|
||||
/* head_40.css - type5 */
|
||||
.__PFX__-oz3-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:radial-gradient(circle at top,var(--grad-start),var(--bg-color));
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-oz3-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-oz3-title{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--text_primary,#111827);
|
||||
}
|
||||
.__PFX__-oz3-menu{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:rgba(255,255,255,.7);
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-oz3-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-oz3-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-oz3-sbtn{
|
||||
min-width:50px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-oz3-nav{
|
||||
margin-top:4px;
|
||||
}
|
||||
.__PFX__-oz3-links a{
|
||||
display:inline-block;
|
||||
margin:3px 6px 0 0;
|
||||
padding:3px 8px;
|
||||
font-size:12px;
|
||||
border-radius:6px;
|
||||
background:rgba(255,255,255,.85);
|
||||
}
|
||||
.__PFX__-oz3-links a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
89
code/public/static/css/modules/head/head_41.css
Normal file
89
code/public/static/css/modules/head/head_41.css
Normal file
@@ -0,0 +1,89 @@
|
||||
/* head_41.css - type1 */
|
||||
.__PFX__-w7b-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:linear-gradient(120deg,var(--grad-start),var(--grad-end));
|
||||
color:#fff;
|
||||
}
|
||||
.__PFX__-w7b-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-w7b-logoBox{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
min-width:0;
|
||||
}
|
||||
.__PFX__-w7b-logo{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
}
|
||||
.__PFX__-w7b-tag{
|
||||
font-size:11px;
|
||||
opacity:.85;
|
||||
}
|
||||
.__PFX__-w7b-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
background:rgba(15,23,42,.16);
|
||||
border-radius:999px;
|
||||
padding:3px 6px 3px 10px;
|
||||
}
|
||||
.__PFX__-w7b-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
background:transparent;
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
}
|
||||
.__PFX__-w7b-search input::placeholder{
|
||||
color:rgba(255,255,255,.7);
|
||||
}
|
||||
.__PFX__-w7b-sbtn{
|
||||
border:none;
|
||||
background:transparent;
|
||||
padding:2px 4px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
cursor:pointer;
|
||||
color:#fff;
|
||||
}
|
||||
.__PFX__-w7b-sbtn svg{
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
.__PFX__-w7b-menu{
|
||||
margin-left:4px;
|
||||
border:none;
|
||||
background:rgba(15,23,42,.25);
|
||||
width:30px;
|
||||
height:30px;
|
||||
border-radius:999px;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-w7b-nav{
|
||||
margin-top:6px;
|
||||
margin-left:-4px;
|
||||
margin-right:-4px;
|
||||
}
|
||||
.__PFX__-w7b-navInner a{
|
||||
display:inline-block;
|
||||
margin:0 4px 4px;
|
||||
padding:3px 8px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:rgba(15,23,42,.13);
|
||||
color:#fff;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-w7b-navInner a.active{
|
||||
background:#fff;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.__PFX__-w7b-wrap{
|
||||
border-radius:0 0 16px 16px;
|
||||
}
|
||||
}
|
||||
84
code/public/static/css/modules/head/head_42.css
Normal file
84
code/public/static/css/modules/head/head_42.css
Normal file
@@ -0,0 +1,84 @@
|
||||
/* head_42.css - type2 */
|
||||
.__PFX__-h8m-shell{
|
||||
padding:10px 12px 6px;
|
||||
background:var(--bg-soft-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h8m-bar{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-h8m-brand{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
}
|
||||
.__PFX__-h8m-name{
|
||||
font-size:18px;
|
||||
font-weight:600;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-h8m-sub{
|
||||
font-size:11px;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-h8m-toggle{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-h8m-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-h8m-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-h8m-go{
|
||||
min-width:48px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-h8m-nav{
|
||||
margin-top:4px;
|
||||
}
|
||||
.__PFX__-h8m-navList{
|
||||
list-style:none;
|
||||
padding:0;
|
||||
margin:0;
|
||||
display:flex;
|
||||
gap:8px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
.__PFX__-h8m-navList a{
|
||||
display:inline-block;
|
||||
padding:4px 10px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:#fff;
|
||||
color:var(--text-color);
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-h8m-navList a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.__PFX__-h8m-toggle{display:none;}
|
||||
.__PFX__-h8m-navList{justify-content:flex-end;}
|
||||
}
|
||||
68
code/public/static/css/modules/head/head_43.css
Normal file
68
code/public/static/css/modules/head/head_43.css
Normal file
@@ -0,0 +1,68 @@
|
||||
/* head_43.css - type3 */
|
||||
.__PFX__-nhp-wrap{
|
||||
padding:10px 12px 4px;
|
||||
background:var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-nhp-row1{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-nhp-hamb{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-nhp-brand{
|
||||
flex:0 0 auto;
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-nhp-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
background:var(--bg-soft-color);
|
||||
border-radius:999px;
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-nhp-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-nhp-icon{
|
||||
border:none;
|
||||
background:transparent;
|
||||
padding:0 6px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
cursor:pointer;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-nhp-icon svg{
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
.__PFX__-nhp-row2{
|
||||
margin-top:6px;
|
||||
}
|
||||
.__PFX__-nhp-pillBar a{
|
||||
display:inline-block;
|
||||
margin:0 6px 4px 0;
|
||||
padding:3px 10px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
font-size:12px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-nhp-pillBar a.active{
|
||||
background:var(--primary-color);
|
||||
border-color:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
70
code/public/static/css/modules/head/head_44.css
Normal file
70
code/public/static/css/modules/head/head_44.css
Normal file
@@ -0,0 +1,70 @@
|
||||
/* head_44.css - type4 */
|
||||
.__PFX__-chi-header{
|
||||
background:var(--bg-soft-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-chi-meta{
|
||||
padding:4px 12px;
|
||||
font-size:11px;
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-chi-main{
|
||||
padding:6px 12px 8px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-chi-logo{
|
||||
font-size:19px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-chi-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:10px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-chi-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-chi-btn{
|
||||
min-width:58px;
|
||||
border:none;
|
||||
border-radius:8px;
|
||||
font-size:13px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-chi-menuBtn{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-chi-nav{
|
||||
padding:0 10px 8px;
|
||||
}
|
||||
.__PFX__-chi-chips a{
|
||||
display:inline-block;
|
||||
margin:4px 4px 0;
|
||||
padding:3px 9px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:#fff;
|
||||
border:1px solid transparent;
|
||||
}
|
||||
.__PFX__-chi-chips a.active{
|
||||
border-color:var(--primary-color);
|
||||
color:var(--primary-color);
|
||||
}
|
||||
63
code/public/static/css/modules/head/head_45.css
Normal file
63
code/public/static/css/modules/head/head_45.css
Normal file
@@ -0,0 +1,63 @@
|
||||
/* head_45.css - type5 */
|
||||
.__PFX__-9xf-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:radial-gradient(circle at top,var(--grad-start),var(--bg-color));
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-9xf-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-9xf-title{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--text_primary,#111827);
|
||||
}
|
||||
.__PFX__-9xf-menu{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:rgba(255,255,255,.7);
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-9xf-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-9xf-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-9xf-sbtn{
|
||||
min-width:50px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-9xf-nav{
|
||||
margin-top:4px;
|
||||
}
|
||||
.__PFX__-9xf-links a{
|
||||
display:inline-block;
|
||||
margin:3px 6px 0 0;
|
||||
padding:3px 8px;
|
||||
font-size:12px;
|
||||
border-radius:6px;
|
||||
background:rgba(255,255,255,.85);
|
||||
}
|
||||
.__PFX__-9xf-links a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
89
code/public/static/css/modules/head/head_46.css
Normal file
89
code/public/static/css/modules/head/head_46.css
Normal file
@@ -0,0 +1,89 @@
|
||||
/* head_46.css - type1 */
|
||||
.__PFX__-3r2-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:linear-gradient(120deg,var(--grad-start),var(--grad-end));
|
||||
color:#fff;
|
||||
}
|
||||
.__PFX__-3r2-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-3r2-logoBox{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
min-width:0;
|
||||
}
|
||||
.__PFX__-3r2-logo{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
}
|
||||
.__PFX__-3r2-tag{
|
||||
font-size:11px;
|
||||
opacity:.85;
|
||||
}
|
||||
.__PFX__-3r2-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
background:rgba(15,23,42,.16);
|
||||
border-radius:999px;
|
||||
padding:3px 6px 3px 10px;
|
||||
}
|
||||
.__PFX__-3r2-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
background:transparent;
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
}
|
||||
.__PFX__-3r2-search input::placeholder{
|
||||
color:rgba(255,255,255,.7);
|
||||
}
|
||||
.__PFX__-3r2-sbtn{
|
||||
border:none;
|
||||
background:transparent;
|
||||
padding:2px 4px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
cursor:pointer;
|
||||
color:#fff;
|
||||
}
|
||||
.__PFX__-3r2-sbtn svg{
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
.__PFX__-3r2-menu{
|
||||
margin-left:4px;
|
||||
border:none;
|
||||
background:rgba(15,23,42,.25);
|
||||
width:30px;
|
||||
height:30px;
|
||||
border-radius:999px;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-3r2-nav{
|
||||
margin-top:6px;
|
||||
margin-left:-4px;
|
||||
margin-right:-4px;
|
||||
}
|
||||
.__PFX__-3r2-navInner a{
|
||||
display:inline-block;
|
||||
margin:0 4px 4px;
|
||||
padding:3px 8px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:rgba(15,23,42,.13);
|
||||
color:#fff;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-3r2-navInner a.active{
|
||||
background:#fff;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.__PFX__-3r2-wrap{
|
||||
border-radius:0 0 16px 16px;
|
||||
}
|
||||
}
|
||||
84
code/public/static/css/modules/head/head_47.css
Normal file
84
code/public/static/css/modules/head/head_47.css
Normal file
@@ -0,0 +1,84 @@
|
||||
/* head_47.css - type2 */
|
||||
.__PFX__-lu7-shell{
|
||||
padding:10px 12px 6px;
|
||||
background:var(--bg-soft-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-lu7-bar{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-lu7-brand{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
}
|
||||
.__PFX__-lu7-name{
|
||||
font-size:18px;
|
||||
font-weight:600;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-lu7-sub{
|
||||
font-size:11px;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-lu7-toggle{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-lu7-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-lu7-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-lu7-go{
|
||||
min-width:48px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-lu7-nav{
|
||||
margin-top:4px;
|
||||
}
|
||||
.__PFX__-lu7-navList{
|
||||
list-style:none;
|
||||
padding:0;
|
||||
margin:0;
|
||||
display:flex;
|
||||
gap:8px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
.__PFX__-lu7-navList a{
|
||||
display:inline-block;
|
||||
padding:4px 10px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:#fff;
|
||||
color:var(--text-color);
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-lu7-navList a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.__PFX__-lu7-toggle{display:none;}
|
||||
.__PFX__-lu7-navList{justify-content:flex-end;}
|
||||
}
|
||||
68
code/public/static/css/modules/head/head_48.css
Normal file
68
code/public/static/css/modules/head/head_48.css
Normal file
@@ -0,0 +1,68 @@
|
||||
/* head_48.css - type3 */
|
||||
.__PFX__-283-wrap{
|
||||
padding:10px 12px 4px;
|
||||
background:var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-283-row1{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-283-hamb{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-283-brand{
|
||||
flex:0 0 auto;
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-283-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
background:var(--bg-soft-color);
|
||||
border-radius:999px;
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-283-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-283-icon{
|
||||
border:none;
|
||||
background:transparent;
|
||||
padding:0 6px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
cursor:pointer;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-283-icon svg{
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
.__PFX__-283-row2{
|
||||
margin-top:6px;
|
||||
}
|
||||
.__PFX__-283-pillBar a{
|
||||
display:inline-block;
|
||||
margin:0 6px 4px 0;
|
||||
padding:3px 10px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
font-size:12px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-283-pillBar a.active{
|
||||
background:var(--primary-color);
|
||||
border-color:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
70
code/public/static/css/modules/head/head_49.css
Normal file
70
code/public/static/css/modules/head/head_49.css
Normal file
@@ -0,0 +1,70 @@
|
||||
/* head_49.css - type4 */
|
||||
.__PFX__-ze1-header{
|
||||
background:var(--bg-soft-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-ze1-meta{
|
||||
padding:4px 12px;
|
||||
font-size:11px;
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-ze1-main{
|
||||
padding:6px 12px 8px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-ze1-logo{
|
||||
font-size:19px;
|
||||
font-weight:700;
|
||||
color:var(--primary-color);
|
||||
}
|
||||
.__PFX__-ze1-search{
|
||||
flex:1;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:10px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-ze1-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-ze1-btn{
|
||||
min-width:58px;
|
||||
border:none;
|
||||
border-radius:8px;
|
||||
font-size:13px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-ze1-menuBtn{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-ze1-nav{
|
||||
padding:0 10px 8px;
|
||||
}
|
||||
.__PFX__-ze1-chips a{
|
||||
display:inline-block;
|
||||
margin:4px 4px 0;
|
||||
padding:3px 9px;
|
||||
border-radius:999px;
|
||||
font-size:12px;
|
||||
background:#fff;
|
||||
border:1px solid transparent;
|
||||
}
|
||||
.__PFX__-ze1-chips a.active{
|
||||
border-color:var(--primary-color);
|
||||
color:var(--primary-color);
|
||||
}
|
||||
63
code/public/static/css/modules/head/head_50.css
Normal file
63
code/public/static/css/modules/head/head_50.css
Normal file
@@ -0,0 +1,63 @@
|
||||
/* head_50.css - type5 */
|
||||
.__PFX__-bvp-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:radial-gradient(circle at top,var(--grad-start),var(--bg-color));
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-bvp-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-bvp-title{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--text_primary,#111827);
|
||||
}
|
||||
.__PFX__-bvp-menu{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:rgba(255,255,255,.7);
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-bvp-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
.__PFX__-bvp-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
}
|
||||
.__PFX__-bvp-sbtn{
|
||||
min-width:50px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-bvp-nav{
|
||||
margin-top:4px;
|
||||
}
|
||||
.__PFX__-bvp-links a{
|
||||
display:inline-block;
|
||||
margin:3px 6px 0 0;
|
||||
padding:3px 8px;
|
||||
font-size:12px;
|
||||
border-radius:6px;
|
||||
background:rgba(255,255,255,.85);
|
||||
}
|
||||
.__PFX__-bvp-links a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
98
code/public/static/css/modules/head/head_51.css
Normal file
98
code/public/static/css/modules/head/head_51.css
Normal file
@@ -0,0 +1,98 @@
|
||||
/* head_51.css - fold nav (odd template) */
|
||||
|
||||
.__PFX__-h51-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:radial-gradient(circle at top,var(--grad-start),var(--bg-color));
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h51-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:8px;
|
||||
}
|
||||
|
||||
.__PFX__-h51-title{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--text_primary,#111827);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.__PFX__-h51-menu{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:rgba(255,255,255,.7);
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.__PFX__-h51-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
|
||||
.__PFX__-h51-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.__PFX__-h51-sbtn{
|
||||
min-width:50px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.__PFX__-h51-nav{
|
||||
margin-top:4px;
|
||||
}
|
||||
|
||||
.__PFX__-h51-links a{
|
||||
display:inline-block;
|
||||
margin:3px 6px 0 0;
|
||||
padding:3px 8px;
|
||||
font-size:12px;
|
||||
border-radius:6px;
|
||||
background:rgba(255,255,255,.85);
|
||||
color:var(--text_primary,#111827);
|
||||
text-decoration:none;
|
||||
border:1px solid rgba(0,0,0,.03);
|
||||
}
|
||||
|
||||
.__PFX__-h51-links a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
border-color:var(--primary-color);
|
||||
}
|
||||
|
||||
/* 关键:折叠菜单行为
|
||||
- 移动端:默认隐藏 nav;点按钮切换 body class 显示
|
||||
- PC 端:nav 常驻显示;按钮隐藏(避免“按钮存在但无意义”) */
|
||||
|
||||
@media (max-width: 860px){
|
||||
.__PFX__-h51-nav{
|
||||
display:none;
|
||||
}
|
||||
body.__PFX__-h51-open .__PFX__-h51-nav{
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 861px){
|
||||
.__PFX__-h51-menu{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
100
code/public/static/css/modules/head/head_52.css
Normal file
100
code/public/static/css/modules/head/head_52.css
Normal file
@@ -0,0 +1,100 @@
|
||||
/* head_52.css - visible nav / sectioned layout */
|
||||
|
||||
.__PFX__-h52-shell{
|
||||
background:#f9fafb;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
/* 上半区:品牌 + 搜索 */
|
||||
|
||||
.__PFX__-h52-branding{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
padding:12px 14px 10px;
|
||||
gap:14px;
|
||||
}
|
||||
|
||||
.__PFX__-h52-logo a{
|
||||
font-size:20px;
|
||||
font-weight:800;
|
||||
color:var(--text_primary,#111827);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.__PFX__-h52-searchbox form{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:6px;
|
||||
background:#fff;
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:10px;
|
||||
padding:4px 6px 4px 10px;
|
||||
}
|
||||
|
||||
.__PFX__-h52-searchbox input{
|
||||
border:none;
|
||||
background:transparent;
|
||||
font-size:13px;
|
||||
min-width:180px;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.__PFX__-h52-searchbox button{
|
||||
border:none;
|
||||
background:#111827;
|
||||
color:#fff;
|
||||
font-size:12px;
|
||||
padding:6px 10px;
|
||||
border-radius:8px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
/* 下半区:分类入口 */
|
||||
|
||||
.__PFX__-h52-channel{
|
||||
background:#ffffff;
|
||||
border-top:1px solid var(--border-color);
|
||||
padding:6px 12px 8px;
|
||||
}
|
||||
|
||||
.__PFX__-h52-items{
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
gap:8px 10px;
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.__PFX__-h52-items a{
|
||||
display:block;
|
||||
padding:4px 10px;
|
||||
font-size:12px;
|
||||
color:#374151;
|
||||
text-decoration:none;
|
||||
border-radius:6px;
|
||||
background:#f3f4f6;
|
||||
}
|
||||
|
||||
.__PFX__-h52-items a.active{
|
||||
background:#111827;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
/* 响应式:移动端搜索占整行 */
|
||||
|
||||
@media (max-width: 860px){
|
||||
.__PFX__-h52-branding{
|
||||
flex-direction:column;
|
||||
align-items:stretch;
|
||||
}
|
||||
|
||||
.__PFX__-h52-searchbox form{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.__PFX__-h52-searchbox input{
|
||||
flex:1;
|
||||
}
|
||||
}
|
||||
114
code/public/static/css/modules/head/head_53.css
Normal file
114
code/public/static/css/modules/head/head_53.css
Normal file
@@ -0,0 +1,114 @@
|
||||
/* head_53.css - fold nav / theme compliant */
|
||||
|
||||
.__PFX__-h53-wrap{
|
||||
--h-bg-main: var(--bg-color);
|
||||
--h-bg-panel: var(--bg-soft-color);
|
||||
--h-bg-accent: var(--primary-color);
|
||||
--h-text-main: var(--text-color);
|
||||
--h-text-soft: var(--text-muted-color);
|
||||
|
||||
padding:10px 12px 8px;
|
||||
background:var(--h-bg-main);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
/* 顶部条 */
|
||||
|
||||
.__PFX__-h53-bar{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
}
|
||||
|
||||
.__PFX__-h53-brand{
|
||||
font-size:18px;
|
||||
font-weight:800;
|
||||
color:var(--h-text-main);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.__PFX__-h53-toggle{
|
||||
width:34px;
|
||||
height:34px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--h-bg-panel);
|
||||
color:var(--h-text-main);
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
/* 搜索 */
|
||||
|
||||
.__PFX__-h53-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:6px;
|
||||
background:var(--h-bg-panel);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:999px;
|
||||
padding:4px 6px 4px 10px;
|
||||
}
|
||||
|
||||
.__PFX__-h53-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
background:transparent;
|
||||
font-size:13px;
|
||||
color:var(--h-text-main);
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.__PFX__-h53-btn{
|
||||
min-width:52px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--h-bg-accent);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
/* 分类导航 */
|
||||
|
||||
.__PFX__-h53-nav{
|
||||
margin-top:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h53-links a{
|
||||
display:inline-block;
|
||||
margin:3px 6px 0 0;
|
||||
padding:4px 10px;
|
||||
font-size:12px;
|
||||
border-radius:999px;
|
||||
background:var(--h-bg-panel);
|
||||
color:var(--h-text-main);
|
||||
text-decoration:none;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h53-links a.active{
|
||||
background:var(--h-bg-accent);
|
||||
color:#fff;
|
||||
border-color:var(--h-bg-accent);
|
||||
}
|
||||
|
||||
/* —— 行为差异关键点 —— */
|
||||
|
||||
/* 移动端:默认隐藏导航 */
|
||||
@media (max-width: 860px){
|
||||
.__PFX__-h53-nav{
|
||||
display:none;
|
||||
}
|
||||
body.__PFX__-h53-open .__PFX__-h53-nav{
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
/* PC 端:导航始终显示,按钮隐藏 */
|
||||
@media (min-width: 861px){
|
||||
.__PFX__-h53-toggle{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
99
code/public/static/css/modules/head/head_54.css
Normal file
99
code/public/static/css/modules/head/head_54.css
Normal file
@@ -0,0 +1,99 @@
|
||||
/* head_54.css - card/tabs (theme) */
|
||||
.__PFX__-h54-card {
|
||||
--h-bg-main: var(--bg-color);
|
||||
--h-bg-panel: var(--bg-soft-color);
|
||||
--h-bg-accent: var(--accent-color);
|
||||
--h-text-main: var(--text-color);
|
||||
--h-text-soft: var(--text-muted-color);
|
||||
background: var(--h-bg-main);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.__PFX__-h54-hero {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
gap: 12px;
|
||||
align-items: center;
|
||||
background: var(--h-bg-panel);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 14px;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.__PFX__-h54-name {
|
||||
font-size: 20px;
|
||||
font-weight: 900;
|
||||
color: var(--h-text-main);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.__PFX__-h54-tagline {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
font-size: 12px;
|
||||
color: var(--h-text-soft);
|
||||
}
|
||||
|
||||
.__PFX__-h54-search {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
background: var(--h-bg-main);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 999px;
|
||||
padding: 6px 6px 6px 12px;
|
||||
}
|
||||
|
||||
.__PFX__-h54-search input {
|
||||
border: none;
|
||||
background: transparent;
|
||||
outline: none;
|
||||
font-size: 13px;
|
||||
color: var(--h-text-main);
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
.__PFX__-h54-btn {
|
||||
border: none;
|
||||
border-radius: 999px;
|
||||
background: var(--h-bg-accent);
|
||||
color: var(--h-text-main);
|
||||
padding: 8px 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.__PFX__-h54-tabs {
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.__PFX__-h54-tabs a {
|
||||
text-decoration: none;
|
||||
color: var(--h-text-main);
|
||||
background: var(--h-bg-panel);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 10px;
|
||||
padding: 6px 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.__PFX__-h54-tabs a.active {
|
||||
background: var(--primary-color);
|
||||
border-color: var(--primary-color);
|
||||
color: var(--h-text-main);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
@media (max-width:860px) {
|
||||
.__PFX__-h54-hero {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.__PFX__-h54-search input {
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
64
code/public/static/css/modules/head/head_55.css
Normal file
64
code/public/static/css/modules/head/head_55.css
Normal file
@@ -0,0 +1,64 @@
|
||||
/* head_55.css - strip + belt (odd fold, theme) */
|
||||
.__PFX__-h55-strip{
|
||||
--h-bg-main: var(--bg-soft-color);
|
||||
--h-bg-panel: var(--bg-color);
|
||||
--h-bg-accent: var(--primary-color);
|
||||
--h-text-main: var(--text-color);
|
||||
--h-text-soft: var(--text-muted-color);
|
||||
background:var(--h-bg-main);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
padding:10px 12px;
|
||||
}
|
||||
.__PFX__-h55-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
|
||||
.__PFX__-h55-home{color:var(--h-text-main);text-decoration:none;font-weight:900;font-size:18px;}
|
||||
.__PFX__-h55-toggle{
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--h-bg-panel);
|
||||
color:var(--h-text-main);
|
||||
border-radius:999px;
|
||||
padding:7px 10px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-h55-line{
|
||||
margin-top:10px;
|
||||
display:flex;
|
||||
gap:8px;
|
||||
background:var(--h-bg-panel);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:12px;
|
||||
padding:6px 8px;
|
||||
}
|
||||
.__PFX__-h55-line input{flex:1;border:none;outline:none;font-size:13px;background:transparent;color:var(--h-text-main);}
|
||||
.__PFX__-h55-go{
|
||||
border:none;
|
||||
border-radius:10px;
|
||||
background:var(--h-bg-accent);
|
||||
color:var(--h-text-main);
|
||||
padding:7px 10px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-h55-nav{margin-top:8px;}
|
||||
.__PFX__-h55-belt{display:flex;gap:8px;overflow:auto;padding-bottom:2px;scrollbar-width:none;}
|
||||
.__PFX__-h55-belt::-webkit-scrollbar{display:none;}
|
||||
.__PFX__-h55-belt a{
|
||||
white-space:nowrap;
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
color:var(--h-text-main);
|
||||
background:var(--h-bg-panel);
|
||||
border:1px solid var(--border-color);
|
||||
padding:6px 10px;
|
||||
border-radius:999px;
|
||||
}
|
||||
.__PFX__-h55-belt a.active{
|
||||
background:var(--h-bg-accent);
|
||||
border-color:var(--h-bg-accent);
|
||||
font-weight:800;
|
||||
}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h55-nav{display:none;}
|
||||
body.__PFX__-h55-open .__PFX__-h55-nav{display:block;}
|
||||
}
|
||||
@media (min-width:861px){
|
||||
.__PFX__-h55-toggle{display:none;}
|
||||
}
|
||||
59
code/public/static/css/modules/head/head_56.css
Normal file
59
code/public/static/css/modules/head/head_56.css
Normal file
@@ -0,0 +1,59 @@
|
||||
/* head_56.css - rail + grid (even, theme) */
|
||||
.__PFX__-h56-frame{
|
||||
--h-bg-main: var(--bg-color);
|
||||
--h-bg-panel: var(--bg-soft-color);
|
||||
--h-bg-accent: var(--secondary-color);
|
||||
--h-text-main: var(--text-color);
|
||||
--h-text-soft: var(--text-muted-color);
|
||||
background:var(--h-bg-main);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h56-frame{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:12px;}
|
||||
.__PFX__-h56-rail{
|
||||
background:var(--h-bg-panel);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:14px;
|
||||
padding:12px;
|
||||
}
|
||||
.__PFX__-h56-logo{display:block;text-decoration:none;color:var(--h-text-main);font-weight:900;font-size:18px;margin-bottom:10px;}
|
||||
.__PFX__-h56-homeLinks{display:flex;flex-direction:column;gap:10px;}
|
||||
.__PFX__-h56-homeLinks a{
|
||||
text-decoration:none;
|
||||
color:var(--h-text-main);
|
||||
background:var(--h-bg-main);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:12px;
|
||||
padding:10px 12px;
|
||||
font-size:12px;
|
||||
}
|
||||
.__PFX__-h56-homeLinks a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
||||
.__PFX__-h56-main{min-width:0;}
|
||||
.__PFX__-h56-search{
|
||||
display:flex;
|
||||
gap:8px;
|
||||
background:var(--h-bg-panel);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:12px;
|
||||
padding:6px 6px 6px 12px;
|
||||
}
|
||||
.__PFX__-h56-search input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--h-text-main);}
|
||||
.__PFX__-h56-btn{border:none;border-radius:10px;background:var(--h-bg-accent);color:var(--h-text-main);padding:8px 12px;cursor:pointer;}
|
||||
.__PFX__-h56-nav{margin-top:10px;}
|
||||
.__PFX__-h56-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
|
||||
.__PFX__-h56-grid a{
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
color:var(--h-text-main);
|
||||
background:var(--h-bg-panel);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:12px;
|
||||
padding:10px;
|
||||
text-align:center;
|
||||
font-size:12px;
|
||||
}
|
||||
.__PFX__-h56-grid a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h56-frame{grid-template-columns:1fr;}
|
||||
.__PFX__-h56-homeLinks{flex-direction:row;flex-wrap:wrap;}
|
||||
.__PFX__-h56-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
|
||||
}
|
||||
30
code/public/static/css/modules/head/head_57.css
Normal file
30
code/public/static/css/modules/head/head_57.css
Normal file
@@ -0,0 +1,30 @@
|
||||
/* head_57.css - split + fieldset + chips (odd fold, theme) */
|
||||
.__PFX__-h57-split{
|
||||
--h-bg-main: var(--bg-color);
|
||||
--h-bg-panel: var(--bg-soft-color);
|
||||
--h-bg-accent: var(--accent-color);
|
||||
--h-text-main: var(--text-color);
|
||||
--h-text-soft: var(--text-muted-color);
|
||||
background:var(--h-bg-main);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
padding:12px 12px 10px;
|
||||
}
|
||||
.__PFX__-h57-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
|
||||
.__PFX__-h57-brand{text-decoration:none;color:var(--h-text-main);font-weight:900;font-size:20px;}
|
||||
.__PFX__-h57-sub{margin-left:10px;font-size:12px;color:var(--h-text-soft);}
|
||||
.__PFX__-h57-toggle{border:1px solid var(--border-color);background:var(--h-bg-panel);color:var(--h-text-main);border-radius:10px;padding:8px 10px;cursor:pointer;}
|
||||
.__PFX__-h57-box{margin:10px 0 0;border:1px dashed var(--border-color);border-radius:12px;padding:10px;}
|
||||
.__PFX__-h57-search{display:flex;gap:8px;background:var(--h-bg-panel);border:1px solid var(--border-color);border-radius:999px;padding:5px 6px 5px 12px;}
|
||||
.__PFX__-h57-search input{flex:1;border:none;outline:none;font-size:13px;background:transparent;color:var(--h-text-main);}
|
||||
.__PFX__-h57-btn{border:none;border-radius:999px;background:var(--primary-color);color:var(--h-text-main);padding:8px 12px;cursor:pointer;}
|
||||
.__PFX__-h57-nav{margin-top:10px;}
|
||||
.__PFX__-h57-chips{display:flex;flex-wrap:wrap;gap:8px;}
|
||||
.__PFX__-h57-chips a{text-decoration:none;font-size:12px;color:var(--h-text-main);background:var(--h-bg-panel);border-radius:999px;padding:6px 10px;border:1px solid var(--border-color);}
|
||||
.__PFX__-h57-chips a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h57-nav{display:none;}
|
||||
body.__PFX__-h57-open .__PFX__-h57-nav{display:block;}
|
||||
}
|
||||
@media (min-width:861px){
|
||||
.__PFX__-h57-toggle{display:none;}
|
||||
}
|
||||
25
code/public/static/css/modules/head/head_58.css
Normal file
25
code/public/static/css/modules/head/head_58.css
Normal file
@@ -0,0 +1,25 @@
|
||||
/* head_58.css - dashboard (even, theme) */
|
||||
.__PFX__-h58-dash{
|
||||
--h-bg-main: var(--bg-soft-color);
|
||||
--h-bg-panel: var(--bg-color);
|
||||
--h-bg-accent: var(--primary-color);
|
||||
--h-text-main: var(--text-color);
|
||||
--h-text-soft: var(--text-muted-color);
|
||||
background:var(--h-bg-main);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
padding:12px 12px 14px;
|
||||
}
|
||||
.__PFX__-h58-line1{display:flex;align-items:center;justify-content:space-between;gap:12px;}
|
||||
.__PFX__-h58-brand{text-decoration:none;color:var(--h-text-main);font-weight:900;font-size:20px;}
|
||||
.__PFX__-h58-search{display:flex;gap:8px;background:var(--h-bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:6px 6px 6px 12px;}
|
||||
.__PFX__-h58-search input{border:none;background:transparent;color:var(--h-text-main);outline:none;font-size:13px;min-width:240px;}
|
||||
.__PFX__-h58-btn{border:none;border-radius:10px;background:var(--h-bg-accent);color:var(--h-text-main);padding:8px 12px;cursor:pointer;}
|
||||
.__PFX__-h58-nav{margin-top:12px;}
|
||||
.__PFX__-h58-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
|
||||
.__PFX__-h58-cards a{display:block;text-decoration:none;color:var(--h-text-main);background:var(--h-bg-panel);border:1px solid var(--border-color);border-radius:14px;padding:12px 10px;text-align:center;font-size:12px;}
|
||||
.__PFX__-h58-cards a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h58-line1{flex-direction:column;align-items:stretch;}
|
||||
.__PFX__-h58-search input{min-width:0;flex:1;}
|
||||
.__PFX__-h58-cards{grid-template-columns:repeat(3,minmax(0,1fr));}
|
||||
}
|
||||
28
code/public/static/css/modules/head/head_59.css
Normal file
28
code/public/static/css/modules/head/head_59.css
Normal file
@@ -0,0 +1,28 @@
|
||||
/* head_59.css - bottom sheet (odd fold, theme) */
|
||||
.__PFX__-h59-min{
|
||||
--h-bg-main: var(--bg-color);
|
||||
--h-bg-panel: var(--bg-soft-color);
|
||||
--h-bg-accent: var(--primary-color);
|
||||
--h-text-main: var(--text-color);
|
||||
--h-text-soft: var(--text-muted-color);
|
||||
background:var(--h-bg-main);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
padding:12px;
|
||||
}
|
||||
.__PFX__-h59-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
|
||||
.__PFX__-h59-name{text-decoration:none;color:var(--h-text-main);font-weight:900;font-size:20px;}
|
||||
.__PFX__-h59-toggle{width:36px;height:36px;border-radius:12px;border:1px solid var(--border-color);background:var(--h-bg-panel);color:var(--h-text-main);cursor:pointer;}
|
||||
.__PFX__-h59-search{margin-top:10px;display:flex;gap:8px;background:var(--h-bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:6px 6px 6px 12px;}
|
||||
.__PFX__-h59-search input{flex:1;border:none;outline:none;font-size:13px;background:transparent;color:var(--h-text-main);}
|
||||
.__PFX__-h59-btn{border:none;border-radius:10px;background:var(--h-bg-accent);color:var(--h-text-main);padding:8px 12px;cursor:pointer;}
|
||||
.__PFX__-h59-sheet{margin-top:10px;border-radius:14px;background:var(--h-bg-panel);border:1px solid var(--border-color);padding:10px;}
|
||||
.__PFX__-h59-pills{display:flex;flex-wrap:wrap;gap:8px;}
|
||||
.__PFX__-h59-pills a{text-decoration:none;color:var(--h-text-main);background:var(--h-bg-main);border:1px solid var(--border-color);border-radius:12px;padding:8px 10px;font-size:12px;}
|
||||
.__PFX__-h59-pills a.active{background:var(--h-bg-accent);border-color:var(--h-bg-accent);font-weight:800;}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h59-sheet{display:none;}
|
||||
body.__PFX__-h59-open .__PFX__-h59-sheet{display:block;}
|
||||
}
|
||||
@media (min-width:861px){
|
||||
.__PFX__-h59-toggle{display:none;}
|
||||
}
|
||||
30
code/public/static/css/modules/head/head_60.css
Normal file
30
code/public/static/css/modules/head/head_60.css
Normal file
@@ -0,0 +1,30 @@
|
||||
/* head_60.css - side + grid (even, theme) */
|
||||
.__PFX__-h60-layout{
|
||||
--h-bg-main: var(--bg-color);
|
||||
--h-bg-panel: var(--bg-soft-color);
|
||||
--h-bg-accent: var(--secondary-color);
|
||||
--h-text-main: var(--text-color);
|
||||
--h-text-soft: var(--text-muted-color);
|
||||
background:var(--h-bg-main);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h60-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 14px 10px;background:var(--h-bg-panel);}
|
||||
.__PFX__-h60-name{text-decoration:none;color:var(--h-text-main);font-weight:900;font-size:22px;}
|
||||
.__PFX__-h60-meta{margin-left:10px;color:var(--h-text-soft);font-size:12px;}
|
||||
.__PFX__-h60-search{display:flex;gap:8px;background:var(--h-bg-main);border:1px solid var(--border-color);border-radius:12px;padding:6px 6px 6px 12px;}
|
||||
.__PFX__-h60-search input{border:none;background:transparent;outline:none;font-size:13px;color:var(--h-text-main);min-width:240px;}
|
||||
.__PFX__-h60-btn{border:none;border-radius:10px;background:var(--primary-color);color:var(--h-text-main);padding:8px 12px;cursor:pointer;}
|
||||
.__PFX__-h60-body{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:12px 14px 14px;}
|
||||
.__PFX__-h60-side{display:flex;flex-direction:column;gap:10px;}
|
||||
.__PFX__-h60-side a{text-decoration:none;color:var(--h-text-main);background:var(--h-bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:10px 12px;font-size:12px;}
|
||||
.__PFX__-h60-side a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
||||
.__PFX__-h60-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
|
||||
.__PFX__-h60-grid a{display:block;text-decoration:none;color:var(--h-text-main);background:var(--h-bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:12px 10px;text-align:center;font-size:12px;}
|
||||
.__PFX__-h60-grid a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h60-head{flex-direction:column;align-items:stretch;}
|
||||
.__PFX__-h60-search input{min-width:0;flex:1;}
|
||||
.__PFX__-h60-body{grid-template-columns:1fr;}
|
||||
.__PFX__-h60-side{flex-direction:row;flex-wrap:wrap;}
|
||||
.__PFX__-h60-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
|
||||
}
|
||||
90
code/public/static/css/modules/head/head_61.css
Normal file
90
code/public/static/css/modules/head/head_61.css
Normal file
@@ -0,0 +1,90 @@
|
||||
/* head_61.css - rift bar (odd: click show nav) */
|
||||
.__PFX__-h61-rift{
|
||||
--h-bg-1: var(--bg-color);
|
||||
--h-bg-2: var(--bg-soft-color);
|
||||
--h-accent: var(--primary-color);
|
||||
padding:10px 12px 8px;
|
||||
background:
|
||||
linear-gradient(90deg,var(--h-bg-1) 0%, var(--h-bg-1) 62%, var(--h-bg-2) 62%, var(--h-bg-2) 100%);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h61-row{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-h61-brand{
|
||||
font-size:18px;
|
||||
font-weight:900;
|
||||
color:var(--text-color);
|
||||
text-decoration:none;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-h61-search{
|
||||
flex:1;
|
||||
min-width:0;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:6px;
|
||||
padding:4px 6px 4px 10px;
|
||||
background:var(--bg-soft-color);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:999px;
|
||||
}
|
||||
.__PFX__-h61-search input{
|
||||
flex:1;
|
||||
min-width:0;
|
||||
border:none;
|
||||
outline:none;
|
||||
background:transparent;
|
||||
color:var(--text-color);
|
||||
font-size:13px;
|
||||
}
|
||||
.__PFX__-h61-btn{
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--h-accent);
|
||||
color:var(--text-color);
|
||||
padding:6px 10px;
|
||||
cursor:pointer;
|
||||
font-size:12px;
|
||||
}
|
||||
.__PFX__-h61-toggle{
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-color);
|
||||
color:var(--text-color);
|
||||
border-radius:10px;
|
||||
padding:7px 10px;
|
||||
cursor:pointer;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.__PFX__-h61-nav{
|
||||
display:none;
|
||||
margin-top:8px;
|
||||
}
|
||||
.__PFX__-h61-links{
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-h61-links a{
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
padding:5px 10px;
|
||||
border-radius:999px;
|
||||
background:var(--bg-soft-color);
|
||||
border:1px solid var(--border-color);
|
||||
color:var(--text-color);
|
||||
}
|
||||
.__PFX__-h61-links a.active{
|
||||
background:var(--h-accent);
|
||||
border-color:var(--h-accent);
|
||||
font-weight:800;
|
||||
}
|
||||
@media (max-width:860px){
|
||||
body.__PFX__-h61-open .__PFX__-h61-nav{display:block;}
|
||||
}
|
||||
@media (min-width:861px){
|
||||
.__PFX__-h61-toggle{display:none;}
|
||||
.__PFX__-h61-nav{display:block;}
|
||||
}
|
||||
121
code/public/static/css/modules/head/head_62.css
Normal file
121
code/public/static/css/modules/head/head_62.css
Normal file
@@ -0,0 +1,121 @@
|
||||
/* head_62.css - sash (even: grid appears on mobile by toggle) */
|
||||
.__PFX__-h62-sash{
|
||||
--h-accent: var(--accent-color);
|
||||
padding:10px 12px 8px;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
background:var(--bg-color);
|
||||
}
|
||||
.__PFX__-h62-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-h62-name{
|
||||
font-size:19px;
|
||||
font-weight:900;
|
||||
color:var(--text-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
.__PFX__-h62-note{
|
||||
margin-top:2px;
|
||||
font-size:12px;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-h62-badge{
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
color:var(--text-color);
|
||||
border-radius:999px;
|
||||
padding:7px 10px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-h62-bot{
|
||||
margin-top:8px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-h62-search{
|
||||
flex:1;
|
||||
min-width:0;
|
||||
display:flex;
|
||||
gap:6px;
|
||||
padding:4px 6px 4px 10px;
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:12px;
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
.__PFX__-h62-search input{
|
||||
flex:1;
|
||||
min-width:0;
|
||||
border:none;
|
||||
outline:none;
|
||||
background:transparent;
|
||||
color:var(--text-color);
|
||||
font-size:13px;
|
||||
}
|
||||
.__PFX__-h62-btn{
|
||||
border:none;
|
||||
border-radius:10px;
|
||||
background:var(--h-accent);
|
||||
color:var(--text-color);
|
||||
padding:6px 10px;
|
||||
cursor:pointer;
|
||||
font-size:12px;
|
||||
}
|
||||
.__PFX__-h62-mini{
|
||||
display:flex;
|
||||
gap:8px;
|
||||
padding:0;
|
||||
}
|
||||
.__PFX__-h62-mini a{
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
color:var(--text-color);
|
||||
padding:6px 10px;
|
||||
border-radius:999px;
|
||||
background:var(--bg-color);
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h62-mini a.active{
|
||||
background:var(--primary-color);
|
||||
border-color:var(--primary-color);
|
||||
font-weight:800;
|
||||
}
|
||||
.__PFX__-h62-nav{
|
||||
margin-top:10px;
|
||||
}
|
||||
.__PFX__-h62-grid{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
display:grid;
|
||||
grid-template-columns:repeat(6,minmax(0,1fr));
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-h62-grid a{
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
text-align:center;
|
||||
padding:8px 6px;
|
||||
border-radius:12px;
|
||||
background:var(--bg-soft-color);
|
||||
border:1px solid var(--border-color);
|
||||
color:var(--text-color);
|
||||
}
|
||||
.__PFX__-h62-grid a.active{
|
||||
background:var(--primary-color);
|
||||
border-color:var(--primary-color);
|
||||
font-weight:800;
|
||||
}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h62-nav{display:none;}
|
||||
body.__PFX__-h62-open .__PFX__-h62-nav{display:block;}
|
||||
.__PFX__-h62-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
|
||||
}
|
||||
@media (min-width:861px){
|
||||
.__PFX__-h62-badge{display:none;}
|
||||
}
|
||||
93
code/public/static/css/modules/head/head_63.css
Normal file
93
code/public/static/css/modules/head/head_63.css
Normal file
@@ -0,0 +1,93 @@
|
||||
/* head_63.css - rail (odd: fold list on mobile) */
|
||||
.__PFX__-h63-rail{
|
||||
--h-accent: var(--secondary-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
.__PFX__-h63-rail{
|
||||
display:grid;
|
||||
grid-template-columns:180px 1fr;
|
||||
gap:10px;
|
||||
padding:10px 12px;
|
||||
}
|
||||
.__PFX__-h63-side{
|
||||
background:var(--bg-color);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:14px;
|
||||
padding:10px;
|
||||
}
|
||||
.__PFX__-h63-logo{
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
color:var(--text-color);
|
||||
font-weight:900;
|
||||
font-size:18px;
|
||||
margin-bottom:8px;
|
||||
}
|
||||
.__PFX__-h63-home{display:flex;flex-direction:column;gap:8px;}
|
||||
.__PFX__-h63-home a{
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
color:var(--text-color);
|
||||
background:var(--bg-soft-color);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:12px;
|
||||
padding:8px 10px;
|
||||
}
|
||||
.__PFX__-h63-home a.active{
|
||||
background:var(--primary-color);
|
||||
border-color:var(--primary-color);
|
||||
font-weight:800;
|
||||
}
|
||||
.__PFX__-h63-fold{
|
||||
margin-top:8px;
|
||||
width:100%;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-color);
|
||||
color:var(--text-color);
|
||||
border-radius:12px;
|
||||
padding:8px 10px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-h63-main{min-width:0;display:flex;flex-direction:column;gap:10px;}
|
||||
.__PFX__-h63-search{
|
||||
display:flex;
|
||||
gap:6px;
|
||||
padding:4px 6px 4px 10px;
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:999px;
|
||||
background:var(--bg-color);
|
||||
}
|
||||
.__PFX__-h63-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text-color);font-size:13px;}
|
||||
.__PFX__-h63-btn{border:none;border-radius:999px;background:var(--h-accent);color:var(--text-color);padding:6px 10px;cursor:pointer;font-size:12px;}
|
||||
.__PFX__-h63-nav{}
|
||||
.__PFX__-h63-list{
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
display:grid;
|
||||
grid-template-columns:repeat(5,minmax(0,1fr));
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-h63-list a{
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
text-align:center;
|
||||
padding:8px 6px;
|
||||
border-radius:12px;
|
||||
background:var(--bg-color);
|
||||
border:1px solid var(--border-color);
|
||||
color:var(--text-color);
|
||||
}
|
||||
.__PFX__-h63-list a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h63-rail{grid-template-columns:1fr;}
|
||||
.__PFX__-h63-home{flex-direction:row;flex-wrap:wrap;}
|
||||
.__PFX__-h63-list{grid-template-columns:repeat(3,minmax(0,1fr));}
|
||||
.__PFX__-h63-nav{display:none;}
|
||||
body.__PFX__-h63-open .__PFX__-h63-nav{display:block;}
|
||||
}
|
||||
@media (min-width:861px){
|
||||
.__PFX__-h63-fold{display:none;}
|
||||
}
|
||||
56
code/public/static/css/modules/head/head_64.css
Normal file
56
code/public/static/css/modules/head/head_64.css
Normal file
@@ -0,0 +1,56 @@
|
||||
/* head_64.css - shelf panel (odd: panel hidden until click on mobile, always visible on PC) */
|
||||
.__PFX__-h64-shelf{
|
||||
--h-accent: var(--primary-color);
|
||||
padding:10px 12px;
|
||||
background:var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h64-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-h64-l{display:flex;align-items:baseline;gap:8px;min-width:0;}
|
||||
.__PFX__-h64-brand{text-decoration:none;color:var(--text-color);font-weight:900;font-size:18px;white-space:nowrap;}
|
||||
.__PFX__-h64-dot{color:var(--text-muted-color);}
|
||||
.__PFX__-h64-tip{color:var(--text-muted-color);font-size:12px;white-space:nowrap;}
|
||||
.__PFX__-h64-k{
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
color:var(--text-color);
|
||||
border-radius:999px;
|
||||
padding:7px 10px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-h64-search{
|
||||
margin-top:8px;
|
||||
display:flex;
|
||||
gap:6px;
|
||||
padding:4px 6px 4px 10px;
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:12px;
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
.__PFX__-h64-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text-color);font-size:13px;}
|
||||
.__PFX__-h64-btn{border:none;border-radius:10px;background:var(--h-accent);color:var(--text-color);padding:6px 10px;cursor:pointer;font-size:12px;}
|
||||
.__PFX__-h64-panel{
|
||||
margin-top:10px;
|
||||
background:var(--bg-color);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:14px;
|
||||
padding:10px;
|
||||
}
|
||||
.__PFX__-h64-home{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
|
||||
.__PFX__-h64-home a{text-decoration:none;font-size:12px;color:var(--text-color);background:var(--bg-soft-color);border:1px solid var(--border-color);border-radius:12px;padding:6px 10px;}
|
||||
.__PFX__-h64-home a.active{background:var(--h-accent);border-color:var(--h-accent);font-weight:800;}
|
||||
.__PFX__-h64-tags{display:flex;flex-wrap:wrap;gap:8px;}
|
||||
.__PFX__-h64-tags a{text-decoration:none;font-size:12px;color:var(--text-color);background:var(--bg-soft-color);border:1px solid var(--border-color);border-radius:999px;padding:6px 10px;}
|
||||
.__PFX__-h64-tags a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h64-panel{display:none;}
|
||||
body.__PFX__-h64-open .__PFX__-h64-panel{display:block;}
|
||||
}
|
||||
@media (min-width:861px){
|
||||
.__PFX__-h64-k{display:none;}
|
||||
}
|
||||
97
code/public/static/css/modules/head/head_65.css
Normal file
97
code/public/static/css/modules/head/head_65.css
Normal file
@@ -0,0 +1,97 @@
|
||||
/* head_65.css */
|
||||
/* head_65.css */
|
||||
.__PFX__-h65-minibar{
|
||||
position:relative;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
|
||||
padding:10px 14px;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
background:var(--bg-color);
|
||||
}
|
||||
|
||||
.__PFX__-h65-brand{
|
||||
font-size:18px;
|
||||
font-weight:900;
|
||||
color:var(--text-color);
|
||||
text-decoration:none;
|
||||
letter-spacing:.3px;
|
||||
}
|
||||
.__PFX__-h65-menu-btn{
|
||||
font-size:20px;
|
||||
line-height:1;
|
||||
background:none;
|
||||
border:none;
|
||||
color:var(--text-color);
|
||||
cursor:pointer;
|
||||
padding:6px 8px;
|
||||
border-radius:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h65-menu-btn:hover{
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
.__PFX__-h65-panel{
|
||||
position:absolute;
|
||||
top:100%;
|
||||
right:0;
|
||||
width:260px;
|
||||
|
||||
background:var(--bg-color);
|
||||
border:1px solid var(--border-color);
|
||||
box-shadow:0 8px 24px var(--shadow-color);
|
||||
border-radius:10px;
|
||||
|
||||
padding:12px;
|
||||
margin-top:8px;
|
||||
|
||||
display:none;
|
||||
z-index:100;
|
||||
}
|
||||
.__PFX__-h65-nav{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
gap:8px;
|
||||
margin-bottom:12px;
|
||||
}
|
||||
|
||||
.__PFX__-h65-nav-item{
|
||||
text-decoration:none;
|
||||
color:var(--text-color);
|
||||
font-size:14px;
|
||||
padding:6px 8px;
|
||||
border-radius:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h65-nav-item:hover{
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
.__PFX__-h65-search{
|
||||
display:flex;
|
||||
gap:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h65-search input{
|
||||
flex:1;
|
||||
padding:6px 8px;
|
||||
font-size:14px;
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:6px;
|
||||
background:var(--bg-soft-color);
|
||||
color:var(--text-color);
|
||||
}
|
||||
|
||||
.__PFX__-h65-search button{
|
||||
padding:6px 10px;
|
||||
font-size:14px;
|
||||
border:none;
|
||||
border-radius:6px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.__PFX__-h65-minibar:focus-within .__PFX__-h65-panel{
|
||||
display:block;
|
||||
}
|
||||
29
code/public/static/css/modules/head/head_66.css
Normal file
29
code/public/static/css/modules/head/head_66.css
Normal file
@@ -0,0 +1,29 @@
|
||||
/* head_66.css */
|
||||
.__PFX__-h66-searchcore{
|
||||
padding:14px 12px;
|
||||
background:linear-gradient(135deg,var(--bg-soft-color),var(--bg-color));
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h66-title{
|
||||
margin:0 0 8px;
|
||||
font-size:20px;
|
||||
font-weight:800;
|
||||
}
|
||||
.__PFX__-h66-search{
|
||||
display:flex;
|
||||
gap:6px;
|
||||
}
|
||||
.__PFX__-h66-search input{
|
||||
flex:1;
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:10px;
|
||||
padding:6px 10px;
|
||||
background:var(--bg-color);
|
||||
}
|
||||
.__PFX__-h66-search button{
|
||||
border:none;
|
||||
border-radius:10px;
|
||||
padding:6px 12px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
40
code/public/static/css/modules/head/head_67.css
Normal file
40
code/public/static/css/modules/head/head_67.css
Normal file
@@ -0,0 +1,40 @@
|
||||
/* head_67.css */
|
||||
.__PFX__-h67-fracture{
|
||||
padding:8px 12px;
|
||||
background:var(--bg-color);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h67-top{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
}
|
||||
.__PFX__-h67-brand{
|
||||
font-size:17px;
|
||||
font-weight:900;
|
||||
}
|
||||
.__PFX__-h67-toggle{
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
border-radius:8px;
|
||||
padding:6px 10px;
|
||||
}
|
||||
.__PFX__-h67-nav{
|
||||
display:none;
|
||||
margin-top:10px;
|
||||
padding-top:10px;
|
||||
border-top:1px dashed var(--border-color);
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
gap:8px;
|
||||
}
|
||||
body.__PFX__-h67-open .__PFX__-h67-nav{
|
||||
display:flex;
|
||||
}
|
||||
.__PFX__-h67-nav a{
|
||||
font-size:12px;
|
||||
padding:6px 10px;
|
||||
border-radius:999px;
|
||||
background:var(--bg-soft-color);
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
24
code/public/static/css/modules/head/head_68.css
Normal file
24
code/public/static/css/modules/head/head_68.css
Normal file
@@ -0,0 +1,24 @@
|
||||
/* head_68.css */
|
||||
.__PFX__-h68-slice{
|
||||
display:grid;
|
||||
grid-template-columns:40% 60%;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h68-left{
|
||||
padding:12px;
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
.__PFX__-h68-right{
|
||||
padding:12px;
|
||||
background:var(--bg-color);
|
||||
}
|
||||
.__PFX__-h68-brand{
|
||||
font-size:18px;
|
||||
font-weight:900;
|
||||
}
|
||||
.__PFX__-h68-right input{
|
||||
width:100%;
|
||||
padding:6px 10px;
|
||||
border-radius:8px;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
30
code/public/static/css/modules/head/head_69.css
Normal file
30
code/public/static/css/modules/head/head_69.css
Normal file
@@ -0,0 +1,30 @@
|
||||
/* head_69.css */
|
||||
.__PFX__-h69-bar{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
padding:8px 12px;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h69-drawer{
|
||||
z-index: 999;
|
||||
position:fixed;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom:-100%;
|
||||
background:var(--bg-color);
|
||||
padding:14px;
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
gap:8px;
|
||||
transition:bottom .25s ease;
|
||||
}
|
||||
body.__PFX__-h69-open .__PFX__-h69-drawer{
|
||||
bottom:0;
|
||||
}
|
||||
.__PFX__-h69-drawer a{
|
||||
font-size:12px;
|
||||
padding:6px 10px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
24
code/public/static/css/modules/head/head_70.css
Normal file
24
code/public/static/css/modules/head/head_70.css
Normal file
@@ -0,0 +1,24 @@
|
||||
/* head_70.css */
|
||||
.__PFX__-h70-hero{
|
||||
height:120px;
|
||||
background:linear-gradient(160deg,var(--primary-color),var(--bg-soft-color));
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h70-mask{
|
||||
height:100%;
|
||||
padding:14px 12px;
|
||||
background:rgba(255,255,255,.15);
|
||||
backdrop-filter:blur(6px);
|
||||
}
|
||||
.__PFX__-h70-brand{
|
||||
display:block;
|
||||
font-size:20px;
|
||||
font-weight:900;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.__PFX__-h70-mask input{
|
||||
width:100%;
|
||||
padding:6px 10px;
|
||||
border-radius:8px;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
65
code/public/static/css/modules/head/head_71.css
Normal file
65
code/public/static/css/modules/head/head_71.css
Normal file
@@ -0,0 +1,65 @@
|
||||
/* head_71.css */
|
||||
.__PFX__-h71-glass{
|
||||
padding:8px 12px;
|
||||
background:
|
||||
linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.05)),
|
||||
var(--bg-color);
|
||||
backdrop-filter:blur(6px);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h71-bar{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
}
|
||||
.__PFX__-h71-brand{
|
||||
font-size:18px;
|
||||
font-weight:900;
|
||||
text-decoration:none;
|
||||
color:var(--text-color);
|
||||
}
|
||||
.__PFX__-h71-toggle{
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
border-radius:10px;
|
||||
padding:6px 10px;
|
||||
}
|
||||
.__PFX__-h71-search{
|
||||
margin-top:6px;
|
||||
}
|
||||
.__PFX__-h71-search input{
|
||||
width:100%;
|
||||
padding:6px 10px;
|
||||
border-radius:10px;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
.__PFX__-h71-nav{
|
||||
display:none;
|
||||
margin-top:8px;
|
||||
}
|
||||
body.__PFX__-h71-open .__PFX__-h71-nav{
|
||||
display:block;
|
||||
}
|
||||
.__PFX__-h71-home a,
|
||||
.__PFX__-h71-cats a{
|
||||
display:inline-block;
|
||||
margin:4px 6px 0 0;
|
||||
padding:5px 10px;
|
||||
font-size:12px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:rgba(255,255,255,.65);
|
||||
text-decoration:none;
|
||||
color:var(--text-color);
|
||||
}
|
||||
.__PFX__-h71-home a.active,
|
||||
.__PFX__-h71-cats a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
border-color:var(--primary-color);
|
||||
}
|
||||
@media(min-width:861px){
|
||||
.__PFX__-h71-toggle{display:none;}
|
||||
.__PFX__-h71-nav{display:block;}
|
||||
}
|
||||
74
code/public/static/css/modules/head/head_72.css
Normal file
74
code/public/static/css/modules/head/head_72.css
Normal file
@@ -0,0 +1,74 @@
|
||||
/* head_72.css */
|
||||
.__PFX__-h72-fragment{
|
||||
padding:8px 12px;
|
||||
background:
|
||||
linear-gradient(160deg,var(--bg-soft-color),var(--bg-color));
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h72-top{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
}
|
||||
.__PFX__-h72-brand{
|
||||
font-size:17px;
|
||||
font-weight:900;
|
||||
text-decoration:none;
|
||||
}
|
||||
.__PFX__-h72-toggle{
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
border-radius:8px;
|
||||
padding:6px 10px;
|
||||
}
|
||||
.__PFX__-h72-search{
|
||||
margin-top:6px;
|
||||
}
|
||||
.__PFX__-h72-search input{
|
||||
width:100%;
|
||||
padding:6px 10px;
|
||||
border-radius:10px;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h72-mask{
|
||||
display:none;
|
||||
}
|
||||
body.__PFX__-h72-open .__PFX__-h72-mask{
|
||||
display:block;
|
||||
position:fixed;
|
||||
inset:0;
|
||||
background:rgba(0,0,0,.35);
|
||||
}
|
||||
.__PFX__-h72-panel{
|
||||
position:fixed;
|
||||
left:0;
|
||||
bottom:-100%;
|
||||
width:100%;
|
||||
max-height:70%;
|
||||
background:
|
||||
linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.7)),
|
||||
var(--bg-color);
|
||||
backdrop-filter:blur(8px);
|
||||
padding:14px;
|
||||
transition:bottom .25s ease;
|
||||
z-index: 9999;
|
||||
}
|
||||
body.__PFX__-h72-open .__PFX__-h72-panel{
|
||||
bottom:0;
|
||||
}
|
||||
.__PFX__-h72-home a{
|
||||
display:inline-block;
|
||||
margin:0 8px 10px 0;
|
||||
}
|
||||
.__PFX__-h72-cats a{
|
||||
display:inline-block;
|
||||
margin:4px 6px 0 0;
|
||||
padding:6px 10px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h72-cats a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
border-color:var(--primary-color);
|
||||
}
|
||||
50
code/public/static/css/modules/head/head_73.css
Normal file
50
code/public/static/css/modules/head/head_73.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* head_73.css */
|
||||
.__PFX__-h73-block{
|
||||
display:grid;
|
||||
grid-template-columns:42% 58%;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h73-left{
|
||||
padding:12px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
.__PFX__-h73-brand{
|
||||
display:block;
|
||||
font-size:18px;
|
||||
font-weight:900;
|
||||
margin-bottom:8px;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
.__PFX__-h73-right{
|
||||
padding:10px;
|
||||
background:
|
||||
linear-gradient(180deg,var(--bg-soft-color),var(--bg-color));
|
||||
}
|
||||
.__PFX__-h73-nav a{
|
||||
display:inline-block;
|
||||
margin:3px 6px 0 0;
|
||||
padding:4px 10px;
|
||||
font-size:12px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
.__PFX__-h73-nav a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
}
|
||||
.__PFX__-h73-search{
|
||||
display:none;
|
||||
margin-top:8px;
|
||||
}
|
||||
.__PFX__-h73-search input{
|
||||
width:100%;
|
||||
padding:6px 10px;
|
||||
border-radius:8px;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
body.__PFX__-h73-open .__PFX__-h73-search{
|
||||
display:block;
|
||||
}
|
||||
60
code/public/static/css/modules/head/head_74.css
Normal file
60
code/public/static/css/modules/head/head_74.css
Normal file
@@ -0,0 +1,60 @@
|
||||
/* head_74.css */
|
||||
.__PFX__-h74-drop {
|
||||
padding: 8px 12px;
|
||||
background:
|
||||
linear-gradient(180deg, var(--bg-soft-color), var(--bg-color));
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h74-bar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.__PFX__-h74-brand {
|
||||
font-size: 18px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.__PFX__-h74-mask {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.__PFX__-h74-open .__PFX__-h74-mask {
|
||||
display: block;
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
.__PFX__-h74-panel {
|
||||
z-index:999;
|
||||
position: fixed;
|
||||
top: -100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .7)),
|
||||
var(--bg-color);
|
||||
padding: 14px;
|
||||
transition: top .25s ease;
|
||||
}
|
||||
|
||||
body.__PFX__-h74-open .__PFX__-h74-panel {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.__PFX__-h74-panel a {
|
||||
display: inline-block;
|
||||
margin: 4px 6px;
|
||||
padding: 6px 12px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h74-panel a.active {
|
||||
background: var(--primary-color);
|
||||
color: #fff;
|
||||
border-color: var(--primary-color);
|
||||
}
|
||||
132
code/public/static/css/modules/head/head_75.css
Normal file
132
code/public/static/css/modules/head/head_75.css
Normal file
@@ -0,0 +1,132 @@
|
||||
/* head_75.css - strong color + left drawer (mobile); PC always shows */
|
||||
.__PFX__-h75-wrap {
|
||||
padding: 8px 12px;
|
||||
background: linear-gradient(120deg, var(--primary-color), var(--bg-color));
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h75-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.__PFX__-h75-brand {
|
||||
font-weight: 900;
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.__PFX__-h75-btn {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .18);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.__PFX__-h75-search {
|
||||
margin-top: 6px;
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
padding: 4px 6px 4px 10px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .22);
|
||||
}
|
||||
|
||||
.__PFX__-h75-search input {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
color: var(--text-color);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.__PFX__-h75-sbtn {
|
||||
border: none;
|
||||
border-radius: 999px;
|
||||
background: var(--accent-color);
|
||||
color: var(--text-color);
|
||||
padding: 6px 10px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.__PFX__-h75-mask {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.__PFX__-h75-drawer {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
width: 78%;
|
||||
height: 100%;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .55)), var(--bg-color);
|
||||
backdrop-filter: blur(10px);
|
||||
border-right: 1px solid var(--border-color);
|
||||
padding: 14px 12px;
|
||||
overflow: auto;
|
||||
transition: left .25s ease;
|
||||
}
|
||||
|
||||
body.__PFX__-h75-open .__PFX__-h75-mask {
|
||||
display: block;
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, .35);
|
||||
}
|
||||
|
||||
body.__PFX__-h75-open .__PFX__-h75-drawer {
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.__PFX__-h75-home,
|
||||
.__PFX__-h75-cats {
|
||||
list-style: none;
|
||||
margin: 0 0 10px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.__PFX__-h75-home li a {
|
||||
display: block;
|
||||
padding: 8px 10px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .65);
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
margin-bottom: 8px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.__PFX__-h75-home li.active a {
|
||||
background: var(--primary-color);
|
||||
border-color: var(--primary-color);
|
||||
color: #fff;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.__PFX__-h75-cats li a {
|
||||
display: block;
|
||||
padding: 7px 10px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .55);
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
margin-bottom: 7px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.__PFX__-h75-cats li.active a {
|
||||
background: var(--accent-color);
|
||||
border-color: var(--accent-color);
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
119
code/public/static/css/modules/head/head_76.css
Normal file
119
code/public/static/css/modules/head/head_76.css
Normal file
@@ -0,0 +1,119 @@
|
||||
/* head_76.css - dock switches (mobile); PC always shows */
|
||||
.__PFX__-h76-dock {
|
||||
padding: 8px 12px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
background:
|
||||
radial-gradient(circle at 20% -30%, var(--accent-color), transparent 55%),
|
||||
radial-gradient(circle at 110% 10%, var(--secondary-color), transparent 55%),
|
||||
var(--bg-color);
|
||||
}
|
||||
|
||||
.__PFX__-h76-top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.__PFX__-h76-brand {
|
||||
font-size: 17px;
|
||||
font-weight: 900;
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.__PFX__-h76-acts {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.__PFX__-h76-btn {
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .20);
|
||||
border-radius: 999px;
|
||||
padding: 6px 10px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.__PFX__-h76-search {
|
||||
display: none;
|
||||
margin-top: 6px;
|
||||
gap: 6px;
|
||||
padding: 4px 6px 4px 10px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .20);
|
||||
}
|
||||
|
||||
.__PFX__-h76-search input {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
color: var(--text-color);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.__PFX__-h76-sbtn {
|
||||
border: none;
|
||||
border-radius: 10px;
|
||||
padding: 6px 10px;
|
||||
background: var(--primary-color);
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.__PFX__-h76-nav {
|
||||
display: none;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
body.__PFX__-h76-sopen .__PFX__-h76-search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
body.__PFX__-h76-copen .__PFX__-h76-nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.__PFX__-h76-home,
|
||||
.__PFX__-h76-cats {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.__PFX__-h76-home li,
|
||||
.__PFX__-h76-cats li {
|
||||
display: inline-block;
|
||||
margin: 0 8px 8px 0;
|
||||
}
|
||||
|
||||
.__PFX__-h76-home li a,
|
||||
.__PFX__-h76-cats li a {
|
||||
display: inline-block;
|
||||
padding: 6px 10px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .55);
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.__PFX__-h76-home li.active a {
|
||||
background: var(--primary-color);
|
||||
border-color: var(--primary-color);
|
||||
color: #fff;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.__PFX__-h76-cats li.active a {
|
||||
background: var(--accent-color);
|
||||
border-color: var(--accent-color);
|
||||
font-weight: 900;
|
||||
}
|
||||
24
code/public/static/css/modules/head/head_77.css
Normal file
24
code/public/static/css/modules/head/head_77.css
Normal file
@@ -0,0 +1,24 @@
|
||||
/* head_77.css */
|
||||
.__PFX__-h77-island{
|
||||
padding:12px;
|
||||
background:
|
||||
linear-gradient(180deg,var(--bg-color),var(--bg-soft-color));
|
||||
}
|
||||
.__PFX__-h77-core{
|
||||
padding:10px;
|
||||
background:rgba(255,255,255,.6);
|
||||
backdrop-filter:blur(6px);
|
||||
border-radius:16px;
|
||||
}
|
||||
.__PFX__-h77-brand{
|
||||
display:block;
|
||||
font-size:18px;
|
||||
font-weight:900;
|
||||
margin-bottom:6px;
|
||||
}
|
||||
.__PFX__-h77-cats{
|
||||
margin-top:8px;
|
||||
display:flex;
|
||||
gap:8px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
25
code/public/static/css/modules/head/head_78.css
Normal file
25
code/public/static/css/modules/head/head_78.css
Normal file
@@ -0,0 +1,25 @@
|
||||
/* head_78.css */
|
||||
.__PFX__-h78-vertical{
|
||||
padding:8px 12px;
|
||||
background:
|
||||
linear-gradient(180deg,var(--primary-color),var(--bg-color));
|
||||
}
|
||||
.__PFX__-h78-head{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
}
|
||||
.__PFX__-h78-brand{
|
||||
color:#fff;
|
||||
font-weight:900;
|
||||
}
|
||||
.__PFX__-h78-cats,
|
||||
.__PFX__-h78-search{display:none;margin-top:8px;}
|
||||
body.__PFX__-h78-open .__PFX__-h78-cats{display:flex;flex-direction:column;gap:6px;}
|
||||
body.__PFX__-h78-open .__PFX__-h78-search{display:block;}
|
||||
.__PFX__-h78-cats a{
|
||||
color:#fff;
|
||||
padding:6px 10px;
|
||||
border-radius:8px;
|
||||
border:1px solid rgba(255,255,255,.4);
|
||||
}
|
||||
15
code/public/static/css/modules/head/head_79.css
Normal file
15
code/public/static/css/modules/head/head_79.css
Normal file
@@ -0,0 +1,15 @@
|
||||
/* head_79.css */
|
||||
.__PFX__-h79-split{display:grid;grid-template-columns:38% 62%;border-bottom:1px solid var(--border-color);}
|
||||
.__PFX__-h79-left{padding:10px;background:var(--primary-color);}
|
||||
.__PFX__-h79-brand{display:block;font-weight:900;text-decoration:none;color:#fff;margin-bottom:6px}
|
||||
.__PFX__-h79-btn{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);border-radius:10px;padding:6px 10px;color:#fff}
|
||||
.__PFX__-h79-right{padding:10px;background:linear-gradient(180deg,var(--bg-soft-color),var(--bg-color));}
|
||||
.__PFX__-h79-search{display:none;margin-top:8px}
|
||||
.__PFX__-h79-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.25)}
|
||||
body.__PFX__-h79-open .__PFX__-h79-search{display:block}
|
||||
.__PFX__-h79-home,.__PFX__-h79-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h79-home li,.__PFX__-h79-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h79-home li a,.__PFX__-h79-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h79-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h79-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h79-btn{display:none}.__PFX__-h79-search{display:block}}
|
||||
96
code/public/static/css/modules/head/head_80.css
Normal file
96
code/public/static/css/modules/head/head_80.css
Normal file
@@ -0,0 +1,96 @@
|
||||
/* head_80.css */
|
||||
.__PFX__-h80-marquee {
|
||||
padding: 8px 12px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .12) 0 10px, rgba(255, 255, 255, 0) 10px 20px), var(--bg-color);
|
||||
}
|
||||
|
||||
.__PFX__-h80-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px
|
||||
}
|
||||
|
||||
.__PFX__-h80-brand {
|
||||
font-weight: 900;
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.__PFX__-h80-search {
|
||||
flex: 1;
|
||||
min-width: 0
|
||||
}
|
||||
|
||||
.__PFX__-h80-search input {
|
||||
width: 100%;
|
||||
padding: 6px 10px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .18)
|
||||
}
|
||||
|
||||
.__PFX__-h80-btn {
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .18);
|
||||
border-radius: 999px;
|
||||
padding: 6px 10px
|
||||
}
|
||||
|
||||
.__PFX__-h80-nav {
|
||||
display: none;
|
||||
margin-top: 8px
|
||||
}
|
||||
|
||||
body.__PFX__-h80-open .__PFX__-h80-nav {
|
||||
display: block
|
||||
}
|
||||
|
||||
.__PFX__-h80-home,
|
||||
.__PFX__-h80-cats {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.__PFX__-h80-home li,
|
||||
.__PFX__-h80-cats li {
|
||||
display: inline-block;
|
||||
margin: 0 8px 8px 0
|
||||
}
|
||||
|
||||
.__PFX__-h80-home li a,
|
||||
.__PFX__-h80-cats li a {
|
||||
display: inline-block;
|
||||
padding: 6px 10px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .55);
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.__PFX__-h80-home li.active a {
|
||||
background: var(--primary-color);
|
||||
border-color: var(--primary-color);
|
||||
color: #fff;
|
||||
font-weight: 900
|
||||
}
|
||||
|
||||
.__PFX__-h80-cats li.active a {
|
||||
background: var(--accent-color);
|
||||
border-color: var(--accent-color);
|
||||
font-weight: 900
|
||||
}
|
||||
|
||||
@media(min-width:861px) {
|
||||
/* .__PFX__-h80-btn {
|
||||
display: none
|
||||
}
|
||||
|
||||
.__PFX__-h80-nav {
|
||||
display: block
|
||||
} */
|
||||
}
|
||||
18
code/public/static/css/modules/head/head_81.css
Normal file
18
code/public/static/css/modules/head/head_81.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_81.css */
|
||||
.__PFX__-h81-cards{
|
||||
padding:10px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:radial-gradient(circle at 10% 0,var(--accent-color),transparent 55%),var(--bg-soft-color);
|
||||
}
|
||||
.__PFX__-h81-cardA{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.22);backdrop-filter:blur(6px)}
|
||||
.__PFX__-h81-brand{font-weight:900;text-decoration:none;color:var(--text-color)}
|
||||
.__PFX__-h81-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
||||
.__PFX__-h81-cardB{margin-top:8px;padding:10px;border-radius:14px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}
|
||||
.__PFX__-h81-search{display:none;margin-top:8px}
|
||||
.__PFX__-h81-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.25)}
|
||||
body.__PFX__-h81-open .__PFX__-h81-search{display:block}
|
||||
.__PFX__-h81-home,.__PFX__-h81-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h81-home li,.__PFX__-h81-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h81-home li a,.__PFX__-h81-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h81-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h81-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h81-btn{display:none}.__PFX__-h81-search{display:block}}
|
||||
18
code/public/static/css/modules/head/head_82.css
Normal file
18
code/public/static/css/modules/head/head_82.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_82.css */
|
||||
.__PFX__-h82-mega{
|
||||
padding:8px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:linear-gradient(90deg,var(--bg-color),var(--bg-soft-color),var(--bg-color));
|
||||
}
|
||||
.__PFX__-h82-bar{display:flex;align-items:center;gap:10px}
|
||||
.__PFX__-h82-brand{font-weight:900;text-decoration:none;color:var(--text-color);white-space:nowrap}
|
||||
.__PFX__-h82-search{flex:1;min-width:0}
|
||||
.__PFX__-h82-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.18)}
|
||||
.__PFX__-h82-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
||||
.__PFX__-h82-nav{display:none;margin-top:8px}
|
||||
body.__PFX__-h82-open .__PFX__-h82-nav{display:block}
|
||||
.__PFX__-h82-home,.__PFX__-h82-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h82-home li,.__PFX__-h82-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h82-home li a,.__PFX__-h82-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h82-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h82-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h82-btn{display:none}.__PFX__-h82-nav{display:block}}
|
||||
18
code/public/static/css/modules/head/head_83.css
Normal file
18
code/public/static/css/modules/head/head_83.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_83.css */
|
||||
.__PFX__-h83-mega{
|
||||
padding:8px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:linear-gradient(90deg,var(--bg-color),var(--bg-soft-color),var(--bg-color));
|
||||
}
|
||||
.__PFX__-h83-bar{display:flex;align-items:center;gap:10px}
|
||||
.__PFX__-h83-brand{font-weight:900;text-decoration:none;color:var(--text-color);white-space:nowrap}
|
||||
.__PFX__-h83-search{flex:1;min-width:0}
|
||||
.__PFX__-h83-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.18)}
|
||||
.__PFX__-h83-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
||||
.__PFX__-h83-nav{display:none;margin-top:8px}
|
||||
body.__PFX__-h83-open .__PFX__-h83-nav{display:block}
|
||||
.__PFX__-h83-home,.__PFX__-h83-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h83-home li,.__PFX__-h83-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h83-home li a,.__PFX__-h83-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h83-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h83-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h83-btn{display:none}.__PFX__-h83-nav{display:block}}
|
||||
106
code/public/static/css/modules/head/head_84.css
Normal file
106
code/public/static/css/modules/head/head_84.css
Normal file
@@ -0,0 +1,106 @@
|
||||
/* head_84.css */
|
||||
.__PFX__-h84-sheet {
|
||||
padding: 8px 12px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
background: radial-gradient(circle at 80% -20%, var(--secondary-color), transparent 58%), var(--bg-color);
|
||||
}
|
||||
|
||||
.__PFX__-h84-bar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 10px
|
||||
}
|
||||
|
||||
.__PFX__-h84-brand {
|
||||
font-weight: 900;
|
||||
text-decoration: none;
|
||||
color: var(--text-color)
|
||||
}
|
||||
|
||||
.__PFX__-h84-btn {
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .18);
|
||||
border-radius: 10px;
|
||||
padding: 6px 10px
|
||||
}
|
||||
|
||||
.__PFX__-h84-search {
|
||||
margin-top: 6px
|
||||
}
|
||||
|
||||
.__PFX__-h84-search input {
|
||||
width: 100%;
|
||||
padding: 6px 10px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .18)
|
||||
}
|
||||
|
||||
.__PFX__-h84-mask {
|
||||
display: none
|
||||
}
|
||||
|
||||
.__PFX__-h84-panel {
|
||||
z-index:999;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: -100%;
|
||||
max-height: 72%;
|
||||
padding: 14px;
|
||||
background: var(--bg-color);
|
||||
border-top: 1px solid var(--border-color);
|
||||
overflow: auto;
|
||||
transition: bottom .25s;
|
||||
}
|
||||
|
||||
body.__PFX__-h84-open .__PFX__-h84-mask {
|
||||
display: block;
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, .35)
|
||||
}
|
||||
|
||||
body.__PFX__-h84-open .__PFX__-h84-panel {
|
||||
bottom: 0
|
||||
}
|
||||
|
||||
.__PFX__-h84-home,
|
||||
.__PFX__-h84-cats {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.__PFX__-h84-home li,
|
||||
.__PFX__-h84-cats li {
|
||||
display: inline-block;
|
||||
margin: 0 5px 5px 0
|
||||
}
|
||||
|
||||
.__PFX__-h84-home li a,
|
||||
.__PFX__-h84-cats li a {
|
||||
display: inline-block;
|
||||
padding: 6px 10px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .55);
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.__PFX__-h84-home li.active a {
|
||||
background: var(--primary-color);
|
||||
border-color: var(--primary-color);
|
||||
color: #fff;
|
||||
font-weight: 900
|
||||
}
|
||||
|
||||
.__PFX__-h84-cats li.active a {
|
||||
background: var(--accent-color);
|
||||
border-color: var(--accent-color);
|
||||
font-weight: 900
|
||||
}
|
||||
|
||||
97
code/public/static/css/modules/head/head_85.css
Normal file
97
code/public/static/css/modules/head/head_85.css
Normal file
@@ -0,0 +1,97 @@
|
||||
/* head_85.css */
|
||||
.__PFX__-h85-split {
|
||||
display: grid;
|
||||
grid-template-columns: 38% 62%;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h85-left {
|
||||
padding: 10px;
|
||||
background: var(--primary-color);
|
||||
}
|
||||
|
||||
.__PFX__-h85-brand {
|
||||
display: block;
|
||||
font-weight: 900;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
margin-bottom: 6px
|
||||
}
|
||||
|
||||
.__PFX__-h85-btn {
|
||||
border: 1px solid rgba(255, 255, 255, .35);
|
||||
background: rgba(255, 255, 255, .15);
|
||||
border-radius: 10px;
|
||||
padding: 6px 10px;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.__PFX__-h85-right {
|
||||
padding: 10px;
|
||||
background: linear-gradient(180deg, var(--bg-soft-color), var(--bg-color));
|
||||
}
|
||||
|
||||
.__PFX__-h85-search {
|
||||
display: none;
|
||||
margin-top: 8px
|
||||
}
|
||||
|
||||
.__PFX__-h85-search input {
|
||||
width: 100%;
|
||||
padding: 6px 10px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .25)
|
||||
}
|
||||
|
||||
body.__PFX__-h85-open .__PFX__-h85-search {
|
||||
display: block
|
||||
}
|
||||
|
||||
.__PFX__-h85-home,
|
||||
.__PFX__-h85-cats {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.__PFX__-h85-home li,
|
||||
.__PFX__-h85-cats li {
|
||||
display: inline-block;
|
||||
margin: 0 5px 5px 0
|
||||
}
|
||||
|
||||
.__PFX__-h85-home li a,
|
||||
.__PFX__-h85-cats li a {
|
||||
display: inline-block;
|
||||
padding: 6px 10px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .55);
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.__PFX__-h85-home li.active a {
|
||||
background: var(--primary-color);
|
||||
border-color: var(--primary-color);
|
||||
color: #fff;
|
||||
font-weight: 900
|
||||
}
|
||||
|
||||
.__PFX__-h85-cats li.active a {
|
||||
background: var(--accent-color);
|
||||
border-color: var(--accent-color);
|
||||
font-weight: 900
|
||||
}
|
||||
|
||||
@media(min-width:861px) {
|
||||
.__PFX__-h85-btn {
|
||||
display: none
|
||||
}
|
||||
|
||||
.__PFX__-h85-search {
|
||||
display: block
|
||||
}
|
||||
}
|
||||
18
code/public/static/css/modules/head/head_86.css
Normal file
18
code/public/static/css/modules/head/head_86.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_86.css */
|
||||
.__PFX__-h86-marquee{
|
||||
padding:8px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 10px, rgba(255,255,255,0) 10px 20px), var(--bg-color);
|
||||
}
|
||||
.__PFX__-h86-bar{display:flex;align-items:center;gap:10px}
|
||||
.__PFX__-h86-brand{font-weight:900;text-decoration:none;color:var(--text-color);white-space:nowrap}
|
||||
.__PFX__-h86-search{flex:1;min-width:0}
|
||||
.__PFX__-h86-search input{width:100%;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.18)}
|
||||
.__PFX__-h86-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:999px;padding:6px 10px}
|
||||
.__PFX__-h86-nav{display:none;margin-top:8px}
|
||||
body.__PFX__-h86-open .__PFX__-h86-nav{display:block}
|
||||
.__PFX__-h86-home,.__PFX__-h86-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h86-home li,.__PFX__-h86-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h86-home li a,.__PFX__-h86-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h86-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h86-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h86-btn{display:none}.__PFX__-h86-nav{display:block}}
|
||||
18
code/public/static/css/modules/head/head_87.css
Normal file
18
code/public/static/css/modules/head/head_87.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_87.css */
|
||||
.__PFX__-h87-cards{
|
||||
padding:10px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:radial-gradient(circle at 10% 0,var(--accent-color),transparent 55%),var(--bg-soft-color);
|
||||
}
|
||||
.__PFX__-h87-cardA{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.22);backdrop-filter:blur(6px)}
|
||||
.__PFX__-h87-brand{font-weight:900;text-decoration:none;color:var(--text-color)}
|
||||
.__PFX__-h87-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
||||
.__PFX__-h87-cardB{margin-top:8px;padding:10px;border-radius:14px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}
|
||||
.__PFX__-h87-search{display:none;margin-top:8px}
|
||||
.__PFX__-h87-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.25)}
|
||||
body.__PFX__-h87-open .__PFX__-h87-search{display:block}
|
||||
.__PFX__-h87-home,.__PFX__-h87-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h87-home li,.__PFX__-h87-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h87-home li a,.__PFX__-h87-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h87-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h87-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h87-btn{display:none}.__PFX__-h87-search{display:block}}
|
||||
18
code/public/static/css/modules/head/head_88.css
Normal file
18
code/public/static/css/modules/head/head_88.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_88.css */
|
||||
.__PFX__-h88-mega{
|
||||
padding:8px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:linear-gradient(90deg,var(--bg-color),var(--bg-soft-color),var(--bg-color));
|
||||
}
|
||||
.__PFX__-h88-bar{display:flex;align-items:center;gap:10px}
|
||||
.__PFX__-h88-brand{font-weight:900;text-decoration:none;color:var(--text-color);white-space:nowrap}
|
||||
.__PFX__-h88-search{flex:1;min-width:0}
|
||||
.__PFX__-h88-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.18)}
|
||||
.__PFX__-h88-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
||||
.__PFX__-h88-nav{display:none;margin-top:8px}
|
||||
body.__PFX__-h88-open .__PFX__-h88-nav{display:block}
|
||||
.__PFX__-h88-home,.__PFX__-h88-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h88-home li,.__PFX__-h88-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h88-home li a,.__PFX__-h88-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h88-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h88-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h88-btn{display:none}.__PFX__-h88-nav{display:block}}
|
||||
18
code/public/static/css/modules/head/head_89.css
Normal file
18
code/public/static/css/modules/head/head_89.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_89.css */
|
||||
.__PFX__-h89-mega{
|
||||
padding:8px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:linear-gradient(90deg,var(--bg-color),var(--bg-soft-color),var(--bg-color));
|
||||
}
|
||||
.__PFX__-h89-bar{display:flex;align-items:center;gap:10px}
|
||||
.__PFX__-h89-brand{font-weight:900;text-decoration:none;color:var(--text-color);white-space:nowrap}
|
||||
.__PFX__-h89-search{flex:1;min-width:0}
|
||||
.__PFX__-h89-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.18)}
|
||||
.__PFX__-h89-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
||||
.__PFX__-h89-nav{display:none;margin-top:8px}
|
||||
body.__PFX__-h89-open .__PFX__-h89-nav{display:block}
|
||||
.__PFX__-h89-home,.__PFX__-h89-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h89-home li,.__PFX__-h89-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h89-home li a,.__PFX__-h89-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h89-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h89-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h89-btn{display:none}.__PFX__-h89-nav{display:block}}
|
||||
124
code/public/static/css/modules/head/head_90.css
Normal file
124
code/public/static/css/modules/head/head_90.css
Normal file
@@ -0,0 +1,124 @@
|
||||
/* head_90.css */
|
||||
.__PFX__-h90-sheet {
|
||||
padding: 8px 12px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
background: radial-gradient(circle at 80% -20%, var(--secondary-color), transparent 58%), var(--bg-color);
|
||||
}
|
||||
|
||||
.__PFX__-h90-bar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 10px
|
||||
}
|
||||
|
||||
.__PFX__-h90-brand {
|
||||
font-weight: 900;
|
||||
text-decoration: none;
|
||||
color: var(--text-color)
|
||||
}
|
||||
|
||||
.__PFX__-h90-btn {
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .18);
|
||||
border-radius: 10px;
|
||||
padding: 6px 10px
|
||||
}
|
||||
|
||||
.__PFX__-h90-search {
|
||||
margin-top: 6px
|
||||
}
|
||||
|
||||
.__PFX__-h90-search input {
|
||||
width: 100%;
|
||||
padding: 6px 10px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .18)
|
||||
}
|
||||
|
||||
.__PFX__-h90-mask {
|
||||
display: none
|
||||
}
|
||||
|
||||
.__PFX__-h90-panel {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: -100%;
|
||||
max-height: 72%;
|
||||
padding: 14px;
|
||||
background: var(--bg-color);
|
||||
border-top: 1px solid var(--border-color);
|
||||
overflow: auto;
|
||||
transition: bottom .25s;
|
||||
z-index:999;
|
||||
}
|
||||
|
||||
body.__PFX__-h90-open .__PFX__-h90-mask {
|
||||
display: block;
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, .35)
|
||||
}
|
||||
|
||||
body.__PFX__-h90-open .__PFX__-h90-panel {
|
||||
bottom: 0
|
||||
}
|
||||
|
||||
.__PFX__-h90-home,
|
||||
.__PFX__-h90-cats {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.__PFX__-h90-home li,
|
||||
.__PFX__-h90-cats li {
|
||||
display: inline-block;
|
||||
margin: 0 5px 5px 0
|
||||
}
|
||||
|
||||
.__PFX__-h90-home li a,
|
||||
.__PFX__-h90-cats li a {
|
||||
display: inline-block;
|
||||
padding: 6px 10px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .55);
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.__PFX__-h90-home li.active a {
|
||||
background: var(--primary-color);
|
||||
border-color: var(--primary-color);
|
||||
color: #fff;
|
||||
font-weight: 900
|
||||
}
|
||||
|
||||
.__PFX__-h90-cats li.active a {
|
||||
background: var(--accent-color);
|
||||
border-color: var(--accent-color);
|
||||
font-weight: 900
|
||||
}
|
||||
|
||||
@media(min-width:861px) {
|
||||
.__PFX__-h90-btn {
|
||||
display: none
|
||||
}
|
||||
|
||||
.__PFX__-h90-mask {
|
||||
display: none !important
|
||||
}
|
||||
|
||||
.__PFX__-h90-panel {
|
||||
position: static;
|
||||
bottom: auto;
|
||||
max-height: none;
|
||||
padding: 8px 0 0;
|
||||
border-top: none;
|
||||
transition: none
|
||||
}
|
||||
}
|
||||
15
code/public/static/css/modules/head/head_91.css
Normal file
15
code/public/static/css/modules/head/head_91.css
Normal file
@@ -0,0 +1,15 @@
|
||||
/* head_91.css */
|
||||
.__PFX__-h91-split{display:grid;grid-template-columns:38% 62%;border-bottom:1px solid var(--border-color);}
|
||||
.__PFX__-h91-left{padding:10px;background:var(--primary-color);}
|
||||
.__PFX__-h91-brand{display:block;font-weight:900;text-decoration:none;color:#fff;margin-bottom:6px}
|
||||
.__PFX__-h91-btn{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);border-radius:10px;padding:6px 10px;color:#fff}
|
||||
.__PFX__-h91-right{padding:10px;background:linear-gradient(180deg,var(--bg-soft-color),var(--bg-color));}
|
||||
.__PFX__-h91-search{display:none;margin-top:8px}
|
||||
.__PFX__-h91-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.25)}
|
||||
body.__PFX__-h91-open .__PFX__-h91-search{display:block}
|
||||
.__PFX__-h91-home,.__PFX__-h91-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h91-home li,.__PFX__-h91-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h91-home li a,.__PFX__-h91-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h91-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h91-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h91-btn{display:none}.__PFX__-h91-search{display:block}}
|
||||
18
code/public/static/css/modules/head/head_92.css
Normal file
18
code/public/static/css/modules/head/head_92.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_92.css */
|
||||
.__PFX__-h92-marquee{
|
||||
padding:8px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 10px, rgba(255,255,255,0) 10px 20px), var(--bg-color);
|
||||
}
|
||||
.__PFX__-h92-bar{display:flex;align-items:center;gap:10px}
|
||||
.__PFX__-h92-brand{font-weight:900;text-decoration:none;color:var(--text-color);white-space:nowrap}
|
||||
.__PFX__-h92-search{flex:1;min-width:0}
|
||||
.__PFX__-h92-search input{width:100%;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.18)}
|
||||
.__PFX__-h92-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:999px;padding:6px 10px}
|
||||
.__PFX__-h92-nav{display:none;margin-top:8px}
|
||||
body.__PFX__-h92-open .__PFX__-h92-nav{display:block}
|
||||
.__PFX__-h92-home,.__PFX__-h92-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h92-home li,.__PFX__-h92-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h92-home li a,.__PFX__-h92-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h92-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h92-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h92-btn{display:none}.__PFX__-h92-nav{display:block}}
|
||||
18
code/public/static/css/modules/head/head_93.css
Normal file
18
code/public/static/css/modules/head/head_93.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_93.css */
|
||||
.__PFX__-h93-cards{
|
||||
padding:10px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:radial-gradient(circle at 10% 0,var(--accent-color),transparent 55%),var(--bg-soft-color);
|
||||
}
|
||||
.__PFX__-h93-cardA{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.22);backdrop-filter:blur(6px)}
|
||||
.__PFX__-h93-brand{font-weight:900;text-decoration:none;color:var(--text-color)}
|
||||
.__PFX__-h93-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
||||
.__PFX__-h93-cardB{margin-top:8px;padding:10px;border-radius:14px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}
|
||||
.__PFX__-h93-search{display:none;margin-top:8px}
|
||||
.__PFX__-h93-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.25)}
|
||||
body.__PFX__-h93-open .__PFX__-h93-search{display:block}
|
||||
.__PFX__-h93-home,.__PFX__-h93-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h93-home li,.__PFX__-h93-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h93-home li a,.__PFX__-h93-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h93-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h93-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h93-btn{display:none}.__PFX__-h93-search{display:block}}
|
||||
18
code/public/static/css/modules/head/head_94.css
Normal file
18
code/public/static/css/modules/head/head_94.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_94.css */
|
||||
.__PFX__-h94-mega{
|
||||
padding:8px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:linear-gradient(90deg,var(--bg-color),var(--bg-soft-color),var(--bg-color));
|
||||
}
|
||||
.__PFX__-h94-bar{display:flex;align-items:center;gap:10px}
|
||||
.__PFX__-h94-brand{font-weight:900;text-decoration:none;color:var(--text-color);white-space:nowrap}
|
||||
.__PFX__-h94-search{flex:1;min-width:0}
|
||||
.__PFX__-h94-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.18)}
|
||||
.__PFX__-h94-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
||||
.__PFX__-h94-nav{display:none;margin-top:8px}
|
||||
body.__PFX__-h94-open .__PFX__-h94-nav{display:block}
|
||||
.__PFX__-h94-home,.__PFX__-h94-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h94-home li,.__PFX__-h94-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h94-home li a,.__PFX__-h94-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h94-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h94-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h94-btn{display:none}.__PFX__-h94-nav{display:block}}
|
||||
18
code/public/static/css/modules/head/head_95.css
Normal file
18
code/public/static/css/modules/head/head_95.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/* head_95.css */
|
||||
.__PFX__-h95-mega{
|
||||
padding:8px 12px;border-bottom:1px solid var(--border-color);
|
||||
background:linear-gradient(90deg,var(--bg-color),var(--bg-soft-color),var(--bg-color));
|
||||
}
|
||||
.__PFX__-h95-bar{display:flex;align-items:center;gap:10px}
|
||||
.__PFX__-h95-brand{font-weight:900;text-decoration:none;color:var(--text-color);white-space:nowrap}
|
||||
.__PFX__-h95-search{flex:1;min-width:0}
|
||||
.__PFX__-h95-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.18)}
|
||||
.__PFX__-h95-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
||||
.__PFX__-h95-nav{display:none;margin-top:8px}
|
||||
body.__PFX__-h95-open .__PFX__-h95-nav{display:block}
|
||||
.__PFX__-h95-home,.__PFX__-h95-cats{list-style:none;margin:0;padding:0}
|
||||
.__PFX__-h95-home li,.__PFX__-h95-cats li{display:inline-block;margin:0 8px 8px 0}
|
||||
.__PFX__-h95-home li a,.__PFX__-h95-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
||||
.__PFX__-h95-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
||||
.__PFX__-h95-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
||||
@media(min-width:861px){.__PFX__-h95-btn{display:none}.__PFX__-h95-nav{display:block}}
|
||||
124
code/public/static/css/modules/head/head_96.css
Normal file
124
code/public/static/css/modules/head/head_96.css
Normal file
@@ -0,0 +1,124 @@
|
||||
/* head_96.css */
|
||||
.__PFX__-h96-sheet {
|
||||
padding: 8px 12px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
background: radial-gradient(circle at 80% -20%, var(--secondary-color), transparent 58%), var(--bg-color);
|
||||
}
|
||||
|
||||
.__PFX__-h96-bar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 10px
|
||||
}
|
||||
|
||||
.__PFX__-h96-brand {
|
||||
font-weight: 900;
|
||||
text-decoration: none;
|
||||
color: var(--text-color)
|
||||
}
|
||||
|
||||
.__PFX__-h96-btn {
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .18);
|
||||
border-radius: 10px;
|
||||
padding: 6px 10px
|
||||
}
|
||||
|
||||
.__PFX__-h96-search {
|
||||
margin-top: 6px
|
||||
}
|
||||
|
||||
.__PFX__-h96-search input {
|
||||
width: 100%;
|
||||
padding: 6px 10px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .18)
|
||||
}
|
||||
|
||||
.__PFX__-h96-mask {
|
||||
display: none
|
||||
}
|
||||
|
||||
.__PFX__-h96-panel {
|
||||
z-index:999;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: -100%;
|
||||
max-height: 72%;
|
||||
padding: 14px;
|
||||
background: var(--bg-color);
|
||||
border-top: 1px solid var(--border-color);
|
||||
overflow: auto;
|
||||
transition: bottom .25s;
|
||||
}
|
||||
|
||||
body.__PFX__-h96-open .__PFX__-h96-mask {
|
||||
display: block;
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, .35)
|
||||
}
|
||||
|
||||
body.__PFX__-h96-open .__PFX__-h96-panel {
|
||||
bottom: 0
|
||||
}
|
||||
|
||||
.__PFX__-h96-home,
|
||||
.__PFX__-h96-cats {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.__PFX__-h96-home li,
|
||||
.__PFX__-h96-cats li {
|
||||
display: inline-block;
|
||||
margin: 0 8px 8px 0
|
||||
}
|
||||
|
||||
.__PFX__-h96-home li a,
|
||||
.__PFX__-h96-cats li a {
|
||||
display: inline-block;
|
||||
padding: 6px 10px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--border-color);
|
||||
background: rgba(255, 255, 255, .55);
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.__PFX__-h96-home li.active a {
|
||||
background: var(--primary-color);
|
||||
border-color: var(--primary-color);
|
||||
color: #fff;
|
||||
font-weight: 900
|
||||
}
|
||||
|
||||
.__PFX__-h96-cats li.active a {
|
||||
background: var(--accent-color);
|
||||
border-color: var(--accent-color);
|
||||
font-weight: 900
|
||||
}
|
||||
|
||||
@media(min-width:861px) {
|
||||
.__PFX__-h96-btn {
|
||||
display: none
|
||||
}
|
||||
|
||||
.__PFX__-h96-mask {
|
||||
display: none !important
|
||||
}
|
||||
|
||||
.__PFX__-h96-panel {
|
||||
position: static;
|
||||
bottom: auto;
|
||||
max-height: none;
|
||||
padding: 8px 0 0;
|
||||
border-top: none;
|
||||
transition: none
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user