/*
Theme Name: FlatsShanghai
Description: Custom theme for flat listings
Version: 1.0
Text Domain: flatsshanghai
*/
:root {
	--post-item-background:#fff;
	--body-background:#e2e2e2;
	--primary-color:#db3b2c;
	--header-text-color:#000;
	--color-text:#4b464c;
	--color-background:#fff;
	--color-background-rgba:255,255,255;
	--color-light-background:#191B1D;
	--transition:all .3s cubic-bezier(.5,2.5,.7,.7);
	--border-radius-all:100vmax;
	--border-radius-all-tops:var(--border-radius-all) var(--border-radius-all) 0 0;
	--border-radius-all-bottoms:0 0 var(--border-radius-all) var(--border-radius-all);
	--border-radius-all-lefts:var(--border-radius-all) 0 0 var(--border-radius-all);
	--border-radius-all-rights:0 var(--border-radius-all) var(--border-radius-all) 0;
}
html{line-height:1.15;-webkit-text-size-adjust:100%;height:100%}
body{margin:0;color:var(--color-text);background:var(--body-background);font-size:1rem;line-height:1.5;font-family:var(--font-body);display:flex;flex-direction:column;min-height:100vh}
main,#content,.site-main{display:block;flex:1}
a{background-color:transparent}
strong,b{font-weight:bolder}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
.ff-end-msg {
    text-align: center;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.4s;
    color: #999;
    font-size: 15px;
    margin: 10px 0 20px;
}

.ff-end-number {
    color: #ff7a00; /* 橙色数字 */
    font-weight: bold;
}

.ff-end-text {
    color: #28a745; /* 绿色 posts */
    font-weight: 500;
}
/* 登录注册共用样式 */
html,body{width:100%;overflow-x:hidden;background:linear-gradient(180deg,#f8f9fb 0%,#e9ecf1 100%);font-family:Arial,sans-serif;}
.login-container,.register-container{width:100%;max-width:420px;margin:100px auto;padding:50px 35px;background:#fff;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.08);text-align:center;transition:all .3s ease;box-sizing:border-box;}
.login-container:hover,.register-container:hover{box-shadow:0 8px 26px rgba(0,0,0,.12);}
.login-container h2,.register-container h2{font-size:28px;color:#222;margin-bottom:28px;letter-spacing:.5px;font-weight:700;}
.login-container label,.register-container label{display:block;font-size:15px;color:#555;margin-bottom:8px;text-align:left;font-weight:600;}
.login-container input[type="text"],.login-container input[type="email"],.login-container input[type="password"],.register-container input[type="text"],.register-container input[type="email"],.register-container input[type="password"]{width:100%;padding:14px 16px;font-size:17px;border:1px solid #ccc;border-radius:8px;margin-bottom:20px;transition:all .2s ease;outline:none;background:#fafafa;box-sizing:border-box;}
.login-container input[type="text"]:focus,.login-container input[type="email"]:focus,.login-container input[type="password"]:focus,.register-container input[type="text"]:focus,.register-container input[type="email"]:focus,.register-container input[type="password"]:focus{border-color:#4CAF50;box-shadow:0 0 0 2px rgba(76,175,80,.15);background:#fff;}
.login-container input[type="submit"],.register-container input[type="submit"]{width:100%;padding:16px;background:linear-gradient(135deg,#4CAF50,#43a047);color:#fff;font-size:17px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;letter-spacing:.3px;}
.login-container input[type="submit"]:hover,.register-container input[type="submit"]:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:translateY(-1px);}
.login-container .error-message,.register-container .error-message{color:#e53935;font-size:14px;margin-top:12px;font-weight:500;}
.login-container .login-form,.register-container .register-form{text-align:left;}
.login-container a,.register-container a,.login-container .signup-link,.register-container .signup-link{color:#4CAF50;text-decoration:none;display:inline-block;white-space:nowrap;text-align:center;padding:2px 6px;border-radius:4px;transition:all .2s ease;font-weight:600;}
.login-container a:hover,.register-container a:hover,.login-container .signup-link:hover,.register-container .signup-link:hover{color:#388e3c;}
.login-container p,.register-container p{margin:14px 0;text-align:center;color:#333;}
@media(max-width:768px){.login-container,.register-container{margin:60px auto;padding:40px 24px;width:calc(100% - 40px);max-width:100%;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.08);}
.login-container input[type="text"],.login-container input[type="email"],.login-container input[type="password"],.register-container input[type="text"],.register-container input[type="email"],.register-container input[type="password"]{padding:13px 14px;font-size:16px;}
.login-container input[type="submit"],.register-container input[type="submit"]{padding:14px;font-size:16px;}}