commit ff2c63c0ce17666b49c1778a8bbaf1eea1bceae8
Author: dvs-dvsxt <dvs6666@163.com>
Date:   Fri Aug 28 10:22:37 2026 +0800

    Initial commit: DVS Cloud Drive v1.0.0

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a50f328
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,21 @@
+# Python
+__pycache__/
+*.py[cod]
+*.egg-info/
+dist/
+build/
+.venv/
+venv/
+env/
+
+# Database & uploads
+*.db
+*.sqlite3
+uploads/
+user_data/
+data/
+
+# System files
+Thumbs.db
+.DS_Store
+desktop.ini
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..fddd2dd
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 DVS (dvs-dvsxt)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..26a5aca
--- /dev/null
+++ b/README.md
@@ -0,0 +1,108 @@
+# ☁️ DVS Cloud Drive — Web File Management Platform
+
+> A full-featured **web-based file management (cloud drive)** platform built with Flask. Upload, download, preview, share, search, and manage your files — with robust security.
+
+**DVS Cloud Drive** is a self-hosted web file manager. It provides user authentication, file upload/download, folder management, batch operations, in-browser preview (PDF / audio / video), file search, and shareable links — all protected by security controls that block access to system-critical directories.
+
+---
+
+## ✨ Features
+
+| Feature | Description |
+|---------|-------------|
+| 👤 **User System** | Register / login / logout / change password (hashed with `werkzeug`) |
+| 📤 **File Upload** | Upload files with secure filename handling |
+| 📁 **Folder Management** | Create / rename / delete folders & files |
+| 📥 **Download** | Single & batch download (ZIP archive) |
+| 👁️ **In-Browser Preview** | PDF / video / audio preview |
+| 🔍 **Search** | Search files across the drive |
+| 🔗 **File Sharing** | Generate shareable links (`/s/<share_id>`) |
+| 🗑️ **Batch Delete** | Delete multiple items at once |
+| 📊 **Storage Usage** | View storage usage via API |
+| 🛡️ **Security** | Forbidden system directories (Linux & Windows) blocked |
+
+---
+
+## 🔌 Routes
+
+| Route | Method | Description |
+|-------|--------|-------------|
+| `/` | GET | Dashboard / file list |
+| `/login` | GET/POST | User login |
+| `/register` | GET/POST | User registration |
+| `/change_password` | GET/POST | Change password |
+| `/logout` | GET | Log out |
+| `/upload` | POST | Upload files |
+| `/create_folder` | POST | Create a folder |
+| `/rename` | POST | Rename item |
+| `/delete` | POST | Delete item |
+| `/download/<path>` | GET | Download file/folder |
+| `/preview/<path>` | GET | Preview file (PDF/video/audio) |
+| `/search` | GET | Search files |
+| `/batch_download` | POST | Batch download as ZIP |
+| `/batch_delete` | POST | Batch delete |
+| `/share` | POST | Create share link |
+| `/unshare` | POST | Remove share |
+| `/shared_files` | GET | List shared files |
+| `/s/<share_id>` | GET | Access a shared file |
+| `/api/storage_usage` | GET | Storage usage (JSON) |
+
+---
+
+## 🚀 Quick Start
+
+### Prerequisites
+- Python 3.8+
+- `flask`, `flask-cors`, `werkzeug`
+
+### Install & Run
+
+```bash
+# Install dependencies
+pip install flask flask-cors
+
+# Run the platform
+python app.py
+```
+
+Then open `http://localhost:5000` in your browser.
+
+### Default Flow
+1. **Register** an account
+2. **Login**
+3. Upload / create folders / share / preview files from the dashboard
+
+---
+
+## 🛡️ Security
+
+- Passwords hashed with `werkzeug.security` (PBKDF2)
+- Secure filename normalization via `werkzeug.utils.secure_filename`
+- **Forbidden directories** blocked (path traversal protection):
+  - Linux: `/root`, `/etc`, `/usr`, `/var`, `/proc`, `/sys`, etc.
+  - Windows: `C:\Windows`, `C:\Program Files`, System32, etc.
+- Session-based authentication & CSRF protection
+
+---
+
+## 📁 Project Structure
+
+```
+DVS-Cloud-Drive/
+├── app.py              # Main Flask application
+├── templates/          # HTML templates (Jinja2)
+│   ├── base.html       # Layout
+│   ├── index.html      # Dashboard / file list
+│   ├── login.html / register.html / change_password.html
+│   ├── preview_pdf.html / preview_video.html / preview_audio.html
+│   ├── search_results.html / shared_files.html
+│   ├── 404.html / 500.html
+├── favicon.ico         # Site icon
+└── README.md           # This document
+```
+
+---
+
+## 📄 License
+
+This project is licensed under the **MIT License**. See [LICENSE](LICENSE) for details.
diff --git a/app.py b/app.py
new file mode 100644
index 0000000..ec5cb05
--- /dev/null
+++ b/app.py
@@ -0,0 +1,1282 @@
+import os
+import time
+import uuid
+import hashlib
+import sqlite3
+from flask import Flask, render_template, request, redirect, url_for, session, flash, send_from_directory, jsonify, send_file, g, abort
+from werkzeug.security import generate_password_hash, check_password_hash
+from werkzeug.utils import secure_filename
+from datetime import datetime, timedelta
+import json
+import zipfile
+from io import BytesIO
+import re
+from flask_cors import CORS
+import unicodedata
+
+# ==================== SECURITY CONFIGURATION ====================
+# Forbidden system directories (Linux & Windows)
+FORBIDDEN_DIRS = [
+    # Linux system directories
+    '/', '/root', '/etc', '/bin', '/sbin', '/usr', '/var', '/tmp',
+    '/proc', '/sys', '/dev', '/boot', '/lib', '/lib64', '/opt',
+    '/home', '/mnt', '/media', '/srv', '/run', '/lost+found',
+    '/usr/bin', '/usr/sbin', '/usr/local', '/usr/lib', '/usr/lib64',
+    '/var/log', '/var/run', '/var/tmp', '/var/cache', '/var/spool',
+    '/etc/passwd', '/etc/shadow', '/etc/hosts', '/etc/fstab',
+    '/etc/sudoers', '/etc/ssh', '/etc/nginx', '/etc/apache2',
+    '/etc/mysql', '/etc/postgresql', '/etc/redis', '/etc/mongodb',
+    '/root/.ssh', '/root/.bash_history', '/root/.bashrc',
+    # Windows system directories
+    'C:\\', 'D:\\', 'E:\\', 'F:\\', 'C:/', 'D:/', 'E:/', 'F:/',
+    'C:\\Windows', 'C:\\Program Files', 'C:\\Program Files (x86)',
+    'C:\\Windows\\System32', 'C:\\Windows\\SysWOW64',
+    'C:\\Users', 'C:\\Documents and Settings',
+    'C:\\ProgramData', 'C:\\Boot', 'C:\\System Volume Information',
+    # Path traversal patterns
+    '..', '../', '..\\', './../', '.\\..\\',
+    # Special patterns
+    '~', '~/', '~\\',
+]
+
+# Hidden/system files to block
+FORBIDDEN_FILES = [
+    '.htaccess', '.htpasswd', '.git', '.svn', '.env',
+    'config.php', 'wp-config.php', 'settings.py',
+    'passwd', 'shadow', 'sudoers', 'fstab',
+    '.bash_history', '.bashrc', '.profile', '.ssh',
+    'id_rsa', 'id_dsa', 'known_hosts',
+    '.npmrc', '.pypirc', '.dockercfg', '.kube',
+]
+
+# Path traversal patterns
+PATH_TRAVERSAL_PATTERNS = [
+    '..', '../', '..\\', './../', '.\\..\\',
+    '%2e%2e', '%2e%2e%2f', '%2e%2e%5c',
+    '%252e%252e', '%252e%252e%252f',
+    '%c0%ae%c0%ae', '%c0%ae%c0%ae%c0%af',
+]
+
+def safe_filename(filename):
+    """
+    Safe filename handling with Chinese character support
+    Preserves Chinese, letters, numbers, dots, underscores, hyphens
+    """
+    if '.' in filename:
+        name, ext = filename.rsplit('.', 1)
+        ext = '.' + ext
+    else:
+        name = filename
+        ext = ''
+    
+    # Remove path traversal characters
+    name = name.replace('..', '').replace('/', '').replace('\\', '')
+    
+    # Keep only safe characters
+    name = re.sub(r'[^\u4e00-\u9fff\u3400-\u4dbfa-zA-Z0-9\s\-_]', '', name)
+    name = name.strip()
+    
+    if not name:
+        name = '未命名文件'
+    
+    if len(name) > 200:
+        name = name[:200]
+    
+    return name + ext
+
+def is_path_traversal(path):
+    """
+    Check if path contains traversal attempts
+    """
+    if not path:
+        return False
+    
+    path_lower = path.lower()
+    for pattern in PATH_TRAVERSAL_PATTERNS:
+        if pattern in path_lower:
+            return True
+    
+    # Check for encoded traversal
+    decoded_path = path
+    for _ in range(3):  # Try to decode multiple times
+        decoded_path = decoded_path.replace('%2e', '.').replace('%2f', '/').replace('%5c', '\\')
+    
+    for pattern in PATH_TRAVERSAL_PATTERNS:
+        if pattern in decoded_path.lower():
+            return True
+    
+    return False
+
+def is_system_path(path):
+    """
+    Check if path points to system directory
+    """
+    if not path:
+        return False
+    
+    # Normalize path
+    normalized = os.path.normpath(path).replace('\\', '/')
+    
+    for forbidden in FORBIDDEN_DIRS:
+        forbidden_norm = os.path.normpath(forbidden).replace('\\', '/')
+        if normalized == forbidden_norm or normalized.startswith(forbidden_norm + '/'):
+            return True
+    
+    return False
+
+def is_forbidden_filename(filename):
+    """
+    Check if filename is forbidden
+    """
+    if not filename:
+        return False
+    
+    filename_lower = filename.lower()
+    for forbidden in FORBIDDEN_FILES:
+        if forbidden in filename_lower or filename_lower == forbidden:
+            return True
+    
+    return False
+
+def validate_user_path(user_path, username):
+    """
+    Validate that path is within user's directory
+    Returns the validated absolute path or None if invalid
+    """
+    if not username:
+        return None
+    
+    # Get user's base directory
+    user_base = os.path.abspath(os.path.join(app.config['UPLOAD_FOLDER'], username))
+    
+    # Construct full path
+    if user_path:
+        full_path = os.path.abspath(os.path.join(user_base, user_path))
+    else:
+        full_path = user_base
+    
+    # Check path traversal
+    if is_path_traversal(user_path):
+        print(f"[SECURITY] Path traversal detected: {user_path} by user {username}")
+        return None
+    
+    # Check if trying to access system directory
+    if is_system_path(full_path):
+        print(f"[SECURITY] System directory access blocked: {full_path} by user {username}")
+        return None
+    
+    # Check if path is within user's directory
+    if not full_path.startswith(user_base):
+        print(f"[SECURITY] User {username} tried to access outside directory: {full_path}")
+        return None
+    
+    return full_path
+
+def get_user_base_path(username):
+    """
+    Get user's base directory path
+    """
+    return os.path.abspath(os.path.join(app.config['UPLOAD_FOLDER'], username))
+
+# ==================== APP CONFIGURATION ====================
+app = Flask(__name__)
+CORS(app)
+
+app.config['SECRET_KEY'] = 'dvs-cloud-drive-secret-key-2025'
+
+UPLOAD_BASE = os.path.join(os.getcwd(), 'uploads')
+app.config['UPLOAD_FOLDER'] = UPLOAD_BASE
+app.config['MAX_CONTENT_LENGTH'] = 1024 * 1024 * 1024 * 100  # 100GB
+app.config['DATABASE'] = os.path.join(os.path.dirname(os.path.abspath(__file__)), 'cloud_storage.db')
+
+# Invitation code
+INVITATION_CODE = "Test"
+
+# Ensure upload folder exists
+os.makedirs(app.config['UPLOAD_FOLDER'], exist_ok=True)
+
+# Log directory
+os.makedirs('log', exist_ok=True)
+
+# ==================== DATABASE FUNCTIONS ====================
+def get_db():
+    """Get database connection"""
+    if 'db' not in g:
+        g.db = sqlite3.connect(app.config['DATABASE'])
+        g.db.row_factory = sqlite3.Row
+    return g.db
+
+@app.teardown_appcontext
+def close_db(error):
+    """Close database connection"""
+    if hasattr(g, 'db'):
+        g.db.close()
+
+def init_db():
+    """Initialize database"""
+    with app.app_context():
+        db = get_db()
+        
+        db.execute('''
+            CREATE TABLE IF NOT EXISTS users (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                username TEXT UNIQUE NOT NULL COLLATE NOCASE,
+                password_hash TEXT NOT NULL,
+                is_vip INTEGER DEFAULT 0,
+                created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                last_login TIMESTAMP
+            )
+        ''')
+        
+        db.execute('''
+            CREATE TABLE IF NOT EXISTS files (
+                id TEXT PRIMARY KEY,
+                name TEXT NOT NULL,
+                path TEXT NOT NULL,
+                user_id INTEGER NOT NULL,
+                size INTEGER,
+                uploaded_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                is_shared INTEGER DEFAULT 0,
+                FOREIGN KEY (user_id) REFERENCES users (id)
+            )
+        ''')
+        
+        db.execute('''
+            CREATE TABLE IF NOT EXISTS shares (
+                share_id TEXT PRIMARY KEY,
+                user_id INTEGER NOT NULL,
+                original_path TEXT NOT NULL,
+                created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                downloads INTEGER DEFAULT 0,
+                is_dir INTEGER DEFAULT 0,
+                FOREIGN KEY (user_id) REFERENCES users (id)
+            )
+        ''')
+        
+        db.execute('''
+            CREATE TABLE IF NOT EXISTS access_logs (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                timestamp TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                ip TEXT,
+                method TEXT,
+                path TEXT,
+                user_agent TEXT,
+                referer TEXT,
+                username TEXT
+            )
+        ''')
+        
+        db.commit()
+        
+        # Default admin user
+        admin_password_hash = hashlib.sha256("admin123456".encode()).hexdigest()
+        try:
+            db.execute(
+                'INSERT OR IGNORE INTO users (username, password_hash, is_vip) VALUES (?, ?, ?)',
+                ('admin', admin_password_hash, 1)
+            )
+            db.commit()
+        except:
+            pass
+
+def get_user_by_username(username):
+    """Get user by username"""
+    db = get_db()
+    user = db.execute(
+        'SELECT * FROM users WHERE username = ? COLLATE NOCASE',
+        (username,)
+    ).fetchone()
+    return dict(user) if user else None
+
+def add_user(username, password_hash, is_vip=False):
+    """Add user"""
+    db = get_db()
+    try:
+        db.execute(
+            'INSERT INTO users (username, password_hash, is_vip) VALUES (?, ?, ?)',
+            (username, password_hash, 1 if is_vip else 0)
+        )
+        db.commit()
+        return True
+    except sqlite3.IntegrityError:
+        return False
+
+def update_user_password(username, password_hash):
+    """Update user password"""
+    db = get_db()
+    db.execute(
+        'UPDATE users SET password_hash = ? WHERE username = ? COLLATE NOCASE',
+        (password_hash, username)
+    )
+    db.commit()
+
+def is_vip_user(username):
+    """Check if user is VIP"""
+    user = get_user_by_username(username)
+    return user and user['is_vip'] == 1
+
+def sha256_hash(password):
+    """Calculate SHA256 hash"""
+    return hashlib.sha256(password.encode()).hexdigest()
+
+# ==================== LOGGING FUNCTION ====================
+def log_access(ip=None, username=None):
+    """Log access to database"""
+    try:
+        if ip is None:
+            if request.headers.get('X-Forwarded-For'):
+                ip = request.headers.get('X-Forwarded-For').split(',')[0].strip()
+            elif request.headers.get('X-Real-IP'):
+                ip = request.headers.get('X-Real-IP')
+            else:
+                ip = request.remote_addr
+        
+        if username is None:
+            username = session.get('username', '未登录')
+        
+        db = get_db()
+        db.execute(
+            '''INSERT INTO access_logs 
+               (ip, method, path, user_agent, referer, username) 
+               VALUES (?, ?, ?, ?, ?, ?)''',
+            (ip, request.method, request.path, 
+             request.headers.get('User-Agent', ''), 
+             request.headers.get('Referer', ''), 
+             username)
+        )
+        db.commit()
+        return True
+    except Exception as e:
+        print(f"Log error: {e}")
+        return False
+
+# ==================== SECURITY FILTER ====================
+@app.before_request
+def security_filter():
+    """Global security filter - executed before each request"""
+    # Skip login/register pages
+    if request.path in ['/login', '/register']:
+        return
+    
+    # Check if user is logged in for protected routes
+    if 'username' not in session:
+        return
+    
+    # Check GET parameters
+    for key, values in request.args.lists():
+        for value in values:
+            if is_path_traversal(value):
+                print(f"[SECURITY] Blocked traversal in GET: {request.url}")
+                abort(403, "Access denied")
+    
+    # Check POST parameters
+    if request.method == 'POST':
+        for key, values in request.form.lists():
+            for value in values:
+                if is_path_traversal(value):
+                    print(f"[SECURITY] Blocked traversal in POST: {key}={value}")
+                    abort(403, "Access denied")
+                
+                # Check for forbidden filenames in uploads
+                if key == 'file' and is_forbidden_filename(value):
+                    print(f"[SECURITY] Blocked forbidden filename: {value}")
+                    abort(403, "File name not allowed")
+
+# ==================== HELPER FUNCTIONS ====================
+def format_size(bytes):
+    """Format file size for display"""
+    if bytes is None:
+        return '0 B'
+    units = ['B', 'KB', 'MB', 'GB', 'TB']
+    i = 0
+    while bytes >= 1024 and i < len(units) - 1:
+        bytes /= 1024
+        i += 1
+    return f'{bytes:.2f} {units[i]}'
+
+def format_time(timestamp):
+    """Format timestamp for display"""
+    dt = datetime.fromtimestamp(timestamp)
+    return dt.strftime('%Y-%m-%d %H:%M:%S')
+
+def login_required(f):
+    """Decorator to require login"""
+    def decorated_function(*args, **kwargs):
+        if 'username' not in session:
+            flash('Please login first', 'danger')
+            return redirect(url_for('login'))
+        return f(*args, **kwargs)
+    decorated_function.__name__ = f.__name__
+    return decorated_function
+
+# ==================== ROUTES ====================
+
+# Main index route
+@app.route('/')
+@login_required
+def index():
+    username = session['username']
+    path = request.args.get('path', '')
+    
+    # Validate path
+    full_path = validate_user_path(path, username)
+    if full_path is None:
+        flash('Invalid path', 'danger')
+        return redirect(url_for('index'))
+    
+    log_access()
+    
+    # Ensure user directory exists
+    user_base = get_user_base_path(username)
+    os.makedirs(user_base, exist_ok=True)
+    
+    # Get directory contents
+    items = []
+    if os.path.exists(full_path) and os.path.isdir(full_path):
+        for item in os.listdir(full_path):
+            item_path = os.path.join(full_path, item)
+            item_rel_path = os.path.join(path, item) if path else item
+            
+            # Skip hidden files starting with .
+            if item.startswith('.'):
+                continue
+            
+            if os.path.isdir(item_path):
+                items.append({
+                    'name': item,
+                    'path': item_rel_path,
+                    'is_dir': True,
+                    'size': '-',
+                    'modified': format_time(os.path.getmtime(item_path))
+                })
+            else:
+                file_ext = item.rsplit('.', 1)[1].lower() if '.' in item else ''
+                items.append({
+                    'name': item,
+                    'path': item_rel_path,
+                    'is_dir': False,
+                    'size': format_size(os.path.getsize(item_path)),
+                    'modified': format_time(os.path.getmtime(item_path)),
+                    'ext': file_ext,
+                    'previewable': file_ext in {'png', 'jpg', 'jpeg', 'gif', 'mp4', 'mp3', 'pdf', 'txt'}
+                })
+    
+    # Sort: folders first, then by name
+    items.sort(key=lambda x: (0 if x['is_dir'] else 1, x['name'].lower()))
+    
+    # Build breadcrumbs
+    breadcrumbs = []
+    parts = path.split(os.sep) if path else []
+    current_path = ''
+    breadcrumbs.append({'name': 'Root', 'path': ''})
+    
+    for part in parts:
+        current_path = os.path.join(current_path, part) if current_path else part
+        breadcrumbs.append({'name': part, 'path': current_path})
+    
+    # Calculate storage usage
+    total_size = 0
+    if os.path.exists(user_base):
+        for dirpath, dirnames, filenames in os.walk(user_base):
+            for filename in filenames:
+                filepath = os.path.join(dirpath, filename)
+                try:
+                    total_size += os.path.getsize(filepath)
+                except OSError:
+                    continue
+    
+    storage_usage = {
+        'used': total_size,
+        'used_formatted': format_size(total_size),
+        'total_formatted': 'Unlimited',
+        'free_formatted': 'Unlimited'
+    }
+    
+    vip_user = is_vip_user(username)
+    
+    return render_template('index.html', 
+                          items=items, 
+                          breadcrumbs=breadcrumbs, 
+                          path=path, 
+                          vip_user=vip_user,
+                          storage_usage=storage_usage,
+                          username=username)
+
+# Login route
+@app.route('/login', methods=['GET', 'POST'])
+def login():
+    if request.method == 'POST':
+        username = request.form.get('username', '').strip()
+        password = request.form.get('password', '')
+        
+        if not username or not password:
+            flash('Please enter username and password', 'danger')
+            return render_template('login.html')
+        
+        # Block system usernames
+        if username in ['root', 'admin', 'administrator', 'system', 'user']:
+            pass  # Allow admin login with correct password
+        
+        password_hash = sha256_hash(password)
+        user = get_user_by_username(username)
+        
+        if user and user['password_hash'] == password_hash:
+            session['username'] = username
+            session['vip'] = bool(user['is_vip'])
+            
+            db = get_db()
+            db.execute(
+                'UPDATE users SET last_login = CURRENT_TIMESTAMP WHERE username = ? COLLATE NOCASE',
+                (username,)
+            )
+            db.commit()
+            
+            log_access()
+            flash('Login successful', 'success')
+            return redirect(url_for('index'))
+        else:
+            flash('Invalid username or password', 'danger')
+    
+    return render_template('login.html')
+
+# Register route
+@app.route('/register', methods=['GET', 'POST'])
+def register():
+    if request.method == 'POST':
+        username = request.form.get('username', '').strip()
+        password = request.form.get('password', '')
+        confirm_password = request.form.get('confirm-password', '')
+        invitation_code = request.form.get('invitation_code', '')
+        
+        # Validate username
+        if not username or len(username) < 3:
+            flash('Username must be at least 3 characters', 'danger')
+            return redirect(url_for('register'))
+        
+        # Block system usernames
+        if username.lower() in ['root', 'admin', 'administrator', 'system', 'bin', 'daemon', 'nobody']:
+            flash('Username not allowed', 'danger')
+            return redirect(url_for('register'))
+        
+        if get_user_by_username(username):
+            flash('Username already exists', 'danger')
+            return redirect(url_for('register'))
+        
+        if password != confirm_password:
+            flash('Passwords do not match', 'danger')
+            return redirect(url_for('register'))
+        
+        if len(password) < 6:
+            flash('Password must be at least 6 characters', 'danger')
+            return redirect(url_for('register'))
+        
+        if invitation_code != INVITATION_CODE:
+            flash('Invalid invitation code', 'danger')
+            return redirect(url_for('register'))
+        
+        password_hash = sha256_hash(password)
+        
+        if add_user(username, password_hash, is_vip=False):
+            # Create user directory
+            user_base = get_user_base_path(username)
+            os.makedirs(user_base, exist_ok=True)
+            
+            log_access()
+            flash('Registration successful, please login', 'success')
+            return redirect(url_for('login'))
+        else:
+            flash('Registration failed', 'danger')
+    
+    return render_template('register.html')
+
+# Change password route
+@app.route('/change_password', methods=['GET', 'POST'])
+@login_required
+def change_password():
+    username = session['username']
+    log_access()
+    
+    if request.method == 'POST':
+        current_password = request.form.get('current_password', '')
+        new_password = request.form.get('new_password', '')
+        confirm_password = request.form.get('confirm_password', '')
+        
+        user = get_user_by_username(username)
+        if not user or user['password_hash'] != sha256_hash(current_password):
+            flash('Current password is incorrect', 'danger')
+            return redirect(url_for('change_password'))
+        
+        if len(new_password) < 6:
+            flash('New password must be at least 6 characters', 'danger')
+            return redirect(url_for('change_password'))
+        
+        if new_password != confirm_password:
+            flash('Passwords do not match', 'danger')
+            return redirect(url_for('change_password'))
+        
+        update_user_password(username, sha256_hash(new_password))
+        flash('Password changed successfully', 'success')
+        return redirect(url_for('index'))
+    
+    return render_template('change_password.html')
+
+# Logout route
+@app.route('/logout')
+def logout():
+    log_access()
+    session.pop('username', None)
+    session.pop('vip', None)
+    flash('Logged out', 'info')
+    return redirect(url_for('login'))
+
+# File upload route
+@app.route('/upload', methods=['POST'])
+@login_required
+def upload():
+    username = session['username']
+    path = request.form.get('path', '')
+    
+    # Validate path
+    full_path = validate_user_path(path, username)
+    if full_path is None:
+        flash('Invalid path', 'danger')
+        return redirect(url_for('index'))
+    
+    log_access()
+    
+    if 'file' not in request.files:
+        flash('No file uploaded', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    files = request.files.getlist('file')
+    
+    if not files or files[0].filename == '':
+        flash('No file selected', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    success_count = 0
+    error_count = 0
+    
+    for file in files:
+        if file:
+            # Check forbidden filename
+            if is_forbidden_filename(file.filename):
+                error_count += 1
+                continue
+            
+            filename = safe_filename(file.filename)
+            
+            # Validate filename doesn't contain path traversal
+            if is_path_traversal(filename):
+                error_count += 1
+                continue
+            
+            file_path = os.path.join(full_path, filename)
+            
+            # Handle duplicate files
+            if os.path.exists(file_path):
+                name_without_ext, ext = os.path.splitext(filename)
+                i = 1
+                while os.path.exists(os.path.join(full_path, f"{name_without_ext}({i}){ext}")):
+                    i += 1
+                filename = f"{name_without_ext}({i}){ext}"
+                file_path = os.path.join(full_path, filename)
+            
+            try:
+                file.save(file_path)
+                
+                user = get_user_by_username(username)
+                user_id = user['id'] if user else None
+                
+                if user_id:
+                    file_id = str(uuid.uuid4())
+                    db = get_db()
+                    db.execute(
+                        'INSERT INTO files (id, name, path, user_id, size) VALUES (?, ?, ?, ?, ?)',
+                        (file_id, filename, os.path.join(path, filename), user_id, os.path.getsize(file_path))
+                    )
+                    db.commit()
+                
+                success_count += 1
+            except Exception as e:
+                error_count += 1
+                print(f"Upload failed: {str(e)}")
+    
+    if success_count > 0:
+        flash(f'Successfully uploaded {success_count} file(s)', 'success')
+    if error_count > 0:
+        flash(f'Failed to upload {error_count} file(s)', 'danger')
+    
+    return redirect(url_for('index', path=path))
+
+# Create folder route
+@app.route('/create_folder', methods=['POST'])
+@login_required
+def create_folder():
+    username = session['username']
+    path = request.form.get('path', '')
+    folder_name = request.form.get('folder_name', '').strip()
+    
+    # Validate path
+    full_path = validate_user_path(path, username)
+    if full_path is None:
+        flash('Invalid path', 'danger')
+        return redirect(url_for('index'))
+    
+    log_access()
+    
+    if not folder_name:
+        flash('Folder name cannot be empty', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    # Check forbidden folder name
+    if is_forbidden_filename(folder_name) or is_path_traversal(folder_name):
+        flash('Invalid folder name', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    folder_path = os.path.join(full_path, folder_name)
+    
+    if os.path.exists(folder_path):
+        flash('Folder already exists', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    try:
+        os.makedirs(folder_path)
+        flash(f'Folder "{folder_name}" created successfully', 'success')
+    except Exception as e:
+        flash(f'Failed to create folder: {str(e)}', 'danger')
+    
+    return redirect(url_for('index', path=path))
+
+# Rename route
+@app.route('/rename', methods=['POST'])
+@login_required
+def rename():
+    username = session['username']
+    path = request.form.get('path', '')
+    item_path = request.form.get('item_path', '')
+    new_name = request.form.get('new_name', '').strip()
+    
+    # Validate paths
+    full_parent_path = validate_user_path(path, username)
+    if full_parent_path is None:
+        flash('Invalid path', 'danger')
+        return redirect(url_for('index'))
+    
+    full_item_path = validate_user_path(item_path, username)
+    if full_item_path is None:
+        flash('Invalid item path', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    log_access()
+    
+    if not item_path or not new_name:
+        flash('Invalid request', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    if is_forbidden_filename(new_name) or is_path_traversal(new_name):
+        flash('Invalid name', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    old_full_path = full_item_path
+    new_full_path = os.path.join(os.path.dirname(old_full_path), new_name)
+    
+    if not os.path.exists(old_full_path):
+        flash('File or folder does not exist', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    if os.path.exists(new_full_path):
+        flash('Target name already exists', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    # Verify new path is still within user directory
+    new_validated = validate_user_path(os.path.join(path, new_name), username)
+    if new_validated is None:
+        flash('Invalid target path', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    try:
+        os.rename(old_full_path, new_full_path)
+        
+        user = get_user_by_username(username)
+        user_id = user['id'] if user else None
+        
+        if user_id and os.path.isfile(new_full_path):
+            db = get_db()
+            new_db_path = os.path.join(os.path.dirname(item_path), new_name)
+            db.execute(
+                'UPDATE files SET name = ?, path = ? WHERE user_id = ? AND path = ?',
+                (new_name, new_db_path, user_id, item_path)
+            )
+            db.commit()
+        
+        flash('Renamed successfully', 'success')
+    except Exception as e:
+        flash(f'Rename failed: {str(e)}', 'danger')
+    
+    return redirect(url_for('index', path=path))
+
+# Delete route
+@app.route('/delete', methods=['POST'])
+@login_required
+def delete():
+    username = session['username']
+    path = request.form.get('path', '')
+    item_path = request.form.get('item_path', '')
+    
+    # Validate paths
+    full_item_path = validate_user_path(item_path, username)
+    if full_item_path is None:
+        flash('Invalid item path', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    log_access()
+    
+    if not item_path:
+        flash('Invalid path', 'danger')
+        return redirect(url_for('index', path=path))
+    
+    try:
+        if os.path.isdir(full_item_path):
+            # Delete folder and its contents
+            for root, dirs, files in os.walk(full_item_path, topdown=False):
+                for name in files:
+                    os.remove(os.path.join(root, name))
+                for name in dirs:
+                    os.rmdir(os.path.join(root, name))
+            os.rmdir(full_item_path)
+            flash(f'Folder "{os.path.basename(item_path)}" deleted', 'success')
+        else:
+            os.remove(full_item_path)
+            
+            user = get_user_by_username(username)
+            user_id = user['id'] if user else None
+            
+            if user_id:
+                db = get_db()
+                db.execute(
+                    'DELETE FROM files WHERE user_id = ? AND path = ?',
+                    (user_id, item_path)
+                )
+                db.commit()
+            
+            flash(f'File "{os.path.basename(item_path)}" deleted', 'success')
+    except Exception as e:
+        flash(f'Delete failed: {str(e)}', 'danger')
+    
+    return redirect(url_for('index', path=path))
+
+# Download route
+@app.route('/download/<path:file_path>')
+@login_required
+def download(file_path):
+    username = session['username']
+    
+    # Validate path
+    full_path = validate_user_path(file_path, username)
+    if full_path is None:
+        flash('Invalid file path', 'danger')
+        return redirect(url_for('index'))
+    
+    log_access()
+    
+    if not os.path.exists(full_path) or os.path.isdir(full_path):
+        flash('File not found', 'danger')
+        return redirect(url_for('index', path=os.path.dirname(file_path)))
+    
+    try:
+        return send_from_directory(
+            os.path.dirname(full_path),
+            os.path.basename(full_path),
+            as_attachment=True
+        )
+    except Exception as e:
+        flash(f'Download failed: {str(e)}', 'danger')
+        return redirect(url_for('index', path=os.path.dirname(file_path)))
+
+# Preview route
+@app.route('/preview/<path:file_path>')
+@login_required
+def preview(file_path):
+    username = session['username']
+    
+    # Validate path
+    full_path = validate_user_path(file_path, username)
+    if full_path is None:
+        flash('Invalid file path', 'danger')
+        return redirect(url_for('index'))
+    
+    log_access()
+    
+    if not os.path.exists(full_path) or os.path.isdir(full_path):
+        flash('File not found', 'danger')
+        return redirect(url_for('index', path=os.path.dirname(file_path)))
+    
+    file_ext = os.path.splitext(file_path)[1].lower()
+    
+    if file_ext in {'.png', '.jpg', '.jpeg', '.gif', '.txt'}:
+        return send_from_directory(os.path.dirname(full_path), os.path.basename(full_path))
+    elif file_ext == '.pdf':
+        return render_template('preview_pdf.html', file_path=url_for('download', file_path=file_path))
+    elif file_ext == '.mp4':
+        return render_template('preview_video.html', file_path=url_for('download', file_path=file_path))
+    elif file_ext == '.mp3':
+        return render_template('preview_audio.html', file_path=url_for('download', file_path=file_path))
+    
+    flash('Preview not supported', 'warning')
+    return redirect(url_for('index', path=os.path.dirname(file_path)))
+
+# Search route
+@app.route('/search')
+@login_required
+def search():
+    username = session['username']
+    query = request.args.get('query', '').lower()
+    path = request.args.get('path', '')
+    
+    # Validate path
+    full_path = validate_user_path(path, username)
+    if full_path is None:
+        flash('Invalid path', 'danger')
+        return redirect(url_for('index'))
+    
+    log_access()
+    
+    results = []
+    
+    if os.path.exists(full_path) and os.path.isdir(full_path):
+        for root, dirs, files in os.walk(full_path):
+            for dir_name in dirs:
+                if query in dir_name.lower():
+                    rel_dir = os.path.relpath(os.path.join(root, dir_name), full_path)
+                    results.append({
+                        'name': dir_name,
+                        'path': os.path.join(path, rel_dir),
+                        'is_dir': True,
+                        'size': '-',
+                        'modified': format_time(os.path.getmtime(os.path.join(root, dir_name)))
+                    })
+            
+            for file_name in files:
+                if query in file_name.lower():
+                    rel_file = os.path.relpath(os.path.join(root, file_name), full_path)
+                    file_path = os.path.join(path, rel_file)
+                    file_ext = file_name.rsplit('.', 1)[1].lower() if '.' in file_name else ''
+                    results.append({
+                        'name': file_name,
+                        'path': file_path,
+                        'is_dir': False,
+                        'size': format_size(os.path.getsize(os.path.join(root, file_name))),
+                        'modified': format_time(os.path.getmtime(os.path.join(root, file_name))),
+                        'ext': file_ext,
+                        'previewable': file_ext in {'png', 'jpg', 'jpeg', 'gif', 'mp4', 'mp3', 'pdf', 'txt'}
+                    })
+    
+    results.sort(key=lambda x: (0 if x['is_dir'] else 1, x['name'].lower()))
+    
+    breadcrumbs = []
+    parts = path.split(os.sep) if path else []
+    current_path = ''
+    breadcrumbs.append({'name': 'Root', 'path': ''})
+    
+    for part in parts:
+        current_path = os.path.join(current_path, part) if current_path else part
+        breadcrumbs.append({'name': part, 'path': current_path})
+    
+    breadcrumbs.append({'name': f'Search: {query}', 'path': ''})
+    
+    vip_user = is_vip_user(username)
+    
+    return render_template('search_results.html', results=results, breadcrumbs=breadcrumbs, path=path, query=query, vip_user=vip_user)
+
+# Batch download route
+@app.route('/batch_download', methods=['POST'])
+@login_required
+def batch_download():
+    username = session['username']
+    selected_items = request.form.getlist('selected_items')
+    path = request.form.get('path', '')
+    
+    log_access()
+    
+    if not selected_items:
+        flash('Please select files to download', 'warning')
+        return redirect(url_for('index', path=path))
+    
+    buffer = BytesIO()
+    with zipfile.ZipFile(buffer, 'w', zipfile.ZIP_DEFLATED) as zipf:
+        for item_path in selected_items:
+            # Validate each item
+            full_path = validate_user_path(item_path, username)
+            if full_path is None:
+                continue
+            
+            if os.path.isdir(full_path):
+                for root, dirs, files in os.walk(full_path):
+                    for file in files:
+                        file_path = os.path.join(root, file)
+                        arcname = os.path.relpath(file_path, get_user_base_path(username))
+                        zipf.write(file_path, arcname)
+            else:
+                arcname = os.path.relpath(full_path, get_user_base_path(username))
+                zipf.write(full_path, arcname)
+    
+    buffer.seek(0)
+    return send_file(
+        buffer,
+        as_attachment=True,
+        download_name=f'dvs_download_{datetime.now().strftime("%Y%m%d_%H%M%S")}.zip',
+        mimetype='application/zip'
+    )
+
+# Batch delete route
+@app.route('/batch_delete', methods=['POST'])
+@login_required
+def batch_delete():
+    username = session['username']
+    selected_items = request.form.getlist('selected_items')
+    path = request.form.get('path', '')
+    
+    log_access()
+    
+    if not selected_items:
+        flash('Please select items to delete', 'warning')
+        return redirect(url_for('index', path=path))
+    
+    success_count = 0
+    error_count = 0
+    
+    for item_path in selected_items:
+        full_path = validate_user_path(item_path, username)
+        if full_path is None:
+            error_count += 1
+            continue
+        
+        try:
+            if os.path.isdir(full_path):
+                for root, dirs, files in os.walk(full_path, topdown=False):
+                    for name in files:
+                        os.remove(os.path.join(root, name))
+                    for name in dirs:
+                        os.rmdir(os.path.join(root, name))
+                os.rmdir(full_path)
+            else:
+                os.remove(full_path)
+                
+                user = get_user_by_username(username)
+                user_id = user['id'] if user else None
+                
+                if user_id:
+                    db = get_db()
+                    db.execute(
+                        'DELETE FROM files WHERE user_id = ? AND path = ?',
+                        (user_id, item_path)
+                    )
+                    db.commit()
+            
+            success_count += 1
+        except Exception as e:
+            error_count += 1
+            print(f"Delete failed: {str(e)}")
+    
+    if success_count > 0:
+        flash(f'Successfully deleted {success_count} item(s)', 'success')
+    if error_count > 0:
+        flash(f'Failed to delete {error_count} item(s)', 'danger')
+    
+    return redirect(url_for('index', path=path))
+
+# Share route
+@app.route('/share', methods=['POST'])
+@login_required
+def share():
+    username = session['username']
+    item_path = request.form.get('item_path', '')
+    
+    # Validate path
+    full_path = validate_user_path(item_path, username)
+    if full_path is None:
+        flash('Invalid item path', 'danger')
+        return redirect(url_for('index'))
+    
+    log_access()
+    
+    if not item_path or not os.path.exists(full_path):
+        flash('Invalid file/folder', 'danger')
+        return redirect(url_for('index', path=os.path.dirname(item_path)))
+    
+    user = get_user_by_username(username)
+    if not user:
+        flash('User not found', 'danger')
+        return redirect(url_for('index', path=os.path.dirname(item_path)))
+    
+    share_id = hashlib.sha256(f"{username}{item_path}{time.time()}".encode()).hexdigest()[:10]
+    
+    db = get_db()
+    db.execute(
+        'INSERT INTO shares (share_id, user_id, original_path, is_dir) VALUES (?, ?, ?, ?)',
+        (share_id, user['id'], item_path, 1 if os.path.isdir(full_path) else 0)
+    )
+    db.commit()
+    
+    share_url = url_for('download_shared', share_id=share_id, _external=True)
+    flash(f'Share link created: <a href="{share_url}" target="_blank">{share_url}</a>', 'success')
+    
+    return redirect(url_for('index', path=os.path.dirname(item_path)))
+
+# Unshare route
+@app.route('/unshare', methods=['POST'])
+@login_required
+def unshare():
+    username = session['username']
+    share_id = request.form.get('share_id', '')
+    
+    log_access()
+    
+    user = get_user_by_username(username)
+    if not user:
+        flash('User not found', 'danger')
+        return redirect(url_for('shared_files'))
+    
+    db = get_db()
+    share = db.execute(
+        'SELECT * FROM shares WHERE share_id = ? AND user_id = ?',
+        (share_id, user['id'])
+    ).fetchone()
+    
+    if share:
+        db.execute('DELETE FROM shares WHERE share_id = ?', (share_id,))
+        db.commit()
+        flash('Share cancelled', 'success')
+    else:
+        flash('Invalid share ID or no permission', 'danger')
+    
+    return redirect(url_for('shared_files'))
+
+# Shared files list route
+@app.route('/shared_files')
+@login_required
+def shared_files():
+    username = session['username']
+    log_access()
+    
+    user = get_user_by_username(username)
+    if not user:
+        flash('User not found', 'danger')
+        return redirect(url_for('index'))
+    
+    db = get_db()
+    user_shares = db.execute(
+        'SELECT * FROM shares WHERE user_id = ? ORDER BY created_at DESC',
+        (user['id'],)
+    ).fetchall()
+    
+    shares_list = []
+    for share in user_shares:
+        shares_list.append({
+            'share_id': share['share_id'],
+            'name': os.path.basename(share['original_path']),
+            'path': share['original_path'],
+            'created_at': share['created_at'],
+            'downloads': share['downloads'],
+            'is_dir': bool(share['is_dir'])
+        })
+    
+    return render_template('shared_files.html', shared_items=shares_list, vip_user=is_vip_user(username))
+
+# Download shared file route (public, no login required)
+@app.route('/s/<share_id>')
+def download_shared(share_id):
+    log_access()
+    
+    db = get_db()
+    share_info = db.execute(
+        'SELECT s.*, u.username FROM shares s JOIN users u ON s.user_id = u.id WHERE s.share_id = ?',
+        (share_id,)
+    ).fetchone()
+    
+    if not share_info:
+        flash('Invalid share link', 'danger')
+        return redirect(url_for('index'))
+    
+    # Validate path for the original user
+    username = share_info['username']
+    original_path = share_info['original_path']
+    full_path = validate_user_path(original_path, username)
+    
+    if full_path is None or not os.path.exists(full_path):
+        flash('File has been deleted', 'danger')
+        return redirect(url_for('index'))
+    
+    # Update download count
+    db.execute(
+        'UPDATE shares SET downloads = downloads + 1 WHERE share_id = ?',
+        (share_id,)
+    )
+    db.commit()
+    
+    if os.path.isdir(full_path):
+        # If folder, create ZIP
+        buffer = BytesIO()
+        with zipfile.ZipFile(buffer, 'w', zipfile.ZIP_DEFLATED) as zipf:
+            for root, dirs, files in os.walk(full_path):
+                for file in files:
+                    file_path = os.path.join(root, file)
+                    arcname = os.path.relpath(file_path, os.path.dirname(full_path))
+                    zipf.write(file_path, arcname)
+        
+        buffer.seek(0)
+        folder_name = os.path.basename(full_path)
+        return send_file(
+            buffer,
+            as_attachment=True,
+            download_name=f'{folder_name}.zip',
+            mimetype='application/zip'
+        )
+    
+    # If file, direct download
+    return send_from_directory(
+        os.path.dirname(full_path),
+        os.path.basename(full_path),
+        as_attachment=True
+    )
+
+# API: Storage usage
+@app.route('/api/storage_usage')
+@login_required
+def get_storage_usage():
+    username = session['username']
+    user_base = get_user_base_path(username)
+    
+    total_size = 0
+    if os.path.exists(user_base):
+        for dirpath, dirnames, filenames in os.walk(user_base):
+            for filename in filenames:
+                filepath = os.path.join(dirpath, filename)
+                try:
+                    total_size += os.path.getsize(filepath)
+                except OSError:
+                    continue
+    
+    return jsonify({
+        'used': total_size,
+        'used_formatted': format_size(total_size),
+        'free': '∞',
+        'free_formatted': '∞',
+        'total': '∞',
+        'total_formatted': '∞'
+    })
+
+# ==================== MAIN ====================
+if __name__ == '__main__':
+    init_db()
+    
+    # Ensure all user directories exist
+    with app.app_context():
+        db = get_db()
+        users = db.execute('SELECT username FROM users').fetchall()
+        for user in users:
+            user_base = get_user_base_path(user['username'])
+            os.makedirs(user_base, exist_ok=True)
+    
+    app.run(debug=True, host='0.0.0.0', port=8080)
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..56d1959
Binary files /dev/null and b/favicon.ico differ
diff --git a/templates/404.html b/templates/404.html
new file mode 100644
index 0000000..38daacd
--- /dev/null
+++ b/templates/404.html
@@ -0,0 +1,16 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="max-w-3xl mx-auto mt-12 text-center">
+    <div class="mb-6 text-gray-400">
+        <i class="fa fa-exclamation-triangle text-9xl"></i>
+    </div>
+    <h1 class="text-4xl font-bold text-gray-900 mb-2">404 - 页面未找到</h1>
+    <p class="text-lg text-gray-600 mb-6">您要访问的页面不存在或已被移动。</p>
+    <div class="mt-8">
+        <a href="{{ url_for('index') }}" class="inline-flex items-center px-5 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary">
+            <i class="fa fa-home mr-2"></i> 返回主页
+        </a>
+    </div>
+</div>
+{% endblock %}    
diff --git a/templates/500.html b/templates/500.html
new file mode 100644
index 0000000..5c0c607
--- /dev/null
+++ b/templates/500.html
@@ -0,0 +1,16 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="max-w-3xl mx-auto mt-12 text-center">
+    <div class="mb-6 text-gray-400">
+        <i class="fa fa-server text-9xl"></i>
+    </div>
+    <h1 class="text-4xl font-bold text-gray-900 mb-2">500 - 服务器内部错误</h1>
+    <p class="text-lg text-gray-600 mb-6">发生了一些意外情况，请稍后再试。</p>
+    <div class="mt-8">
+        <a href="{{ url_for('index') }}" class="inline-flex items-center px-5 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary">
+            <i class="fa fa-home mr-2"></i> 返回主页
+        </a>
+    </div>
+</div>
+{% endblock %}    
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..08cfdbd
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,742 @@
+<!DOCTYPE html>

+<html lang="zh">

+<head>

+    <meta charset="UTF-8">

+    <meta name="viewport" content="width=device-width, initial-scale=1.0">

+    <title>{% block title %}DVS云盘{% endblock %}</title>

+    

+    <!-- 核心样式：基于 css.css -->

+    <link rel="stylesheet" href="{{ url_for('static', filename='css.css') }}">

+    

+    <!-- Tailwind CSS (辅助) -->

+    <script src="https://cdn.tailwindcss.com"></script>

+    <script>

+        tailwind.config = {

+            corePlugins: {

+                preflight: false, // 避免与css.css冲突

+            }

+        }

+    </script>

+    

+    <!-- Font Awesome -->

+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

+    

+    <!-- Bootstrap Icons (补充) -->

+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

+    

+    <!-- 额外样式覆盖 -->

+    <style>

+        /* 确保css.css变量生效 */

+        :root {

+            --repo-color-primary: #3b82f6;

+            --repo-color-primary-hover: #2563eb;

+            --repo-color-primary-active: #1d4ed8;

+            --repo-color-danger: #ef4444;

+            --repo-color-success: #10b981;

+            --repo-color-warning: #f59e0b;

+            --repo-color-info: #3b82f6;

+            --repo-color-text: #1f2937;

+            --repo-color-text-secondary: #4b5563;

+            --repo-color-text-tertiary: #9ca3af;

+            --repo-color-bg: #ffffff;

+            --repo-color-bg-secondary: #f9fafb;

+            --repo-color-bg-tertiary: #f3f4f6;

+            --repo-color-border: #e5e7eb;

+            --repo-color-border-hover: #d1d5db;

+            --repo-header-height: 60px;

+            --repo-sidebar-width: 260px;

+            --repo-spacing-1: 4px;

+            --repo-spacing-2: 8px;

+            --repo-spacing-3: 12px;

+            --repo-spacing-4: 16px;

+            --repo-spacing-5: 20px;

+            --repo-spacing-6: 24px;

+            --repo-spacing-8: 32px;

+            --repo-radius-sm: 4px;

+            --repo-radius-md: 6px;

+            --repo-radius-lg: 8px;

+            --repo-radius-xl: 12px;

+            --repo-radius-full: 9999px;

+        }

+        

+        /* 全局重置 */

+        * {

+            margin: 0;

+            padding: 0;

+            box-sizing: border-box;

+        }

+        

+        body {

+            font-family: var(--repo-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif);

+            font-size: var(--repo-font-size-base, 14px);

+            line-height: var(--repo-line-height-base, 1.5);

+            color: var(--repo-color-text);

+            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);

+            min-height: 100vh;

+        }

+        

+        /* Mac风格导航栏 - 基于css.css变量 */

+        .mac-nav {

+            background: rgba(255, 255, 255, 0.92);

+            backdrop-filter: blur(12px);

+            -webkit-backdrop-filter: blur(12px);

+            border-bottom: 1px solid var(--repo-color-border);

+            box-shadow: var(--repo-shadow-sm, 0 1px 3px rgba(0,0,0,0.05));

+            padding: 0;

+            position: sticky;

+            top: 0;

+            z-index: var(--repo-z-sticky, 100);

+        }

+        

+        .mac-nav .container {

+            max-width: 1400px;

+            margin: 0 auto;

+            padding: 0 var(--repo-spacing-6);

+            height: var(--repo-header-height);

+            display: flex;

+            align-items: center;

+            justify-content: space-between;

+        }

+        

+        .mac-nav-brand {

+            font-weight: 700;

+            font-size: 20px;

+            color: var(--repo-color-text);

+            display: flex;

+            align-items: center;

+            gap: 10px;

+            text-decoration: none;

+        }

+        

+        .mac-nav-brand i {

+            font-size: 24px;

+            color: var(--repo-color-primary);

+        }

+        

+        .mac-nav-link {

+            color: var(--repo-color-text-secondary);

+            font-weight: 500;

+            padding: 8px 16px;

+            border-radius: var(--repo-radius-md);

+            transition: all 0.2s ease;

+            margin: 0 2px;

+            display: inline-flex;

+            align-items: center;

+            gap: 8px;

+            text-decoration: none;

+        }

+        

+        .mac-nav-link:hover {

+            background: rgba(59, 130, 246, 0.08);

+            color: var(--repo-color-primary);

+        }

+        

+        .mac-nav-link.active {

+            background: var(--repo-color-primary);

+            color: white;

+        }

+        

+        .mac-nav-link.active i {

+            color: white;

+        }

+        

+        /* 按钮样式 - 基于css.css */

+        .mac-btn {

+            display: inline-flex;

+            align-items: center;

+            justify-content: center;

+            gap: 8px;

+            background: var(--repo-color-primary);

+            color: white;

+            border: none;

+            border-radius: var(--repo-radius-full);

+            padding: 10px 24px;

+            font-weight: 500;

+            font-size: 14px;

+            cursor: pointer;

+            transition: all 0.2s ease;

+            box-shadow: var(--repo-shadow-xs);

+            text-decoration: none;

+        }

+        

+        .mac-btn:hover {

+            background: var(--repo-color-primary-hover);

+            transform: translateY(-1px);

+            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);

+        }

+        

+        .mac-btn-sm {

+            padding: 6px 16px;

+            font-size: 13px;

+        }

+        

+        .mac-btn-outline {

+            background: transparent;

+            color: var(--repo-color-primary);

+            border: 1px solid var(--repo-color-border);

+            box-shadow: none;

+        }

+        

+        .mac-btn-outline:hover {

+            background: rgba(59, 130, 246, 0.08);

+            border-color: var(--repo-color-primary);

+        }

+        

+        .mac-btn-secondary {

+            background: var(--repo-color-text-secondary);

+        }

+        

+        .mac-btn-secondary:hover {

+            background: #475569;

+        }

+        

+        .mac-btn-success {

+            background: var(--repo-color-success);

+        }

+        

+        .mac-btn-danger {

+            background: var(--repo-color-danger);

+        }

+        

+        /* 卡片样式 */

+        .mac-card {

+            background: var(--repo-color-bg);

+            border-radius: var(--repo-radius-xl);

+            border: 1px solid var(--repo-color-border);

+            box-shadow: var(--repo-shadow-sm);

+            overflow: hidden;

+            transition: all 0.2s ease;

+        }

+        

+        .mac-card:hover {

+            box-shadow: var(--repo-shadow-lg);

+            transform: translateY(-2px);

+        }

+        

+        .mac-card-header {

+            background: var(--repo-color-bg-secondary);

+            padding: 20px;

+            border-bottom: 1px solid var(--repo-color-border);

+            font-weight: 600;

+            color: var(--repo-color-text);

+            display: flex;

+            align-items: center;

+            justify-content: space-between;

+        }

+        

+        /* 文件列表项 */

+        .mac-file-item {

+            background: var(--repo-color-bg);

+            border: 1px solid var(--repo-color-border);

+            border-radius: var(--repo-radius-lg);

+            padding: 16px;

+            margin-bottom: 8px;

+            display: flex;

+            align-items: center;

+            gap: 16px;

+            transition: all 0.2s ease;

+        }

+        

+        .mac-file-item:hover {

+            background: var(--repo-color-bg-hover, #f8fafc);

+            border-color: var(--repo-color-border-hover);

+            transform: translateX(4px);

+        }

+        

+        .mac-file-icon {

+            width: 48px;

+            height: 48px;

+            border-radius: var(--repo-radius-lg);

+            display: flex;

+            align-items: center;

+            justify-content: center;

+            color: white;

+            font-size: 20px;

+        }

+        

+        .mac-file-icon.folder {

+            background: linear-gradient(135deg, #60a5fa, #3b82f6);

+        }

+        

+        .mac-file-icon.image {

+            background: linear-gradient(135deg, #38bdf8, #0ea5e9);

+        }

+        

+        .mac-file-icon.video {

+            background: linear-gradient(135deg, #8b5cf6, #7c3aed);

+        }

+        

+        .mac-file-icon.audio {

+            background: linear-gradient(135deg, #10b981, #059669);

+        }

+        

+        .mac-file-icon.pdf {

+            background: linear-gradient(135deg, #f87171, #ef4444);

+        }

+        

+        .mac-file-icon.document {

+            background: linear-gradient(135deg, #94a3b8, #64748b);

+        }

+        

+        /* 面包屑 */

+        .mac-breadcrumb {

+            display: flex;

+            align-items: center;

+            gap: 8px;

+            background: var(--repo-color-bg);

+            border: 1px solid var(--repo-color-border);

+            border-radius: var(--repo-radius-lg);

+            padding: 12px 20px;

+            margin-bottom: 24px;

+        }

+        

+        .mac-breadcrumb-item {

+            color: var(--repo-color-text-secondary);

+            font-size: 14px;

+        }

+        

+        .mac-breadcrumb-item a {

+            color: var(--repo-color-primary);

+            text-decoration: none;

+            font-weight: 500;

+        }

+        

+        /* 输入框 */

+        .mac-input {

+            background: var(--repo-color-bg);

+            border: 1px solid var(--repo-color-border);

+            border-radius: var(--repo-radius-lg);

+            padding: 12px 16px;

+            font-size: 14px;

+            color: var(--repo-color-text);

+            transition: all 0.2s ease;

+            outline: none;

+        }

+        

+        .mac-input:focus {

+            border-color: var(--repo-color-primary);

+            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);

+        }

+        

+        /* 徽章 */

+        .mac-badge {

+            display: inline-flex;

+            align-items: center;

+            gap: 4px;

+            background: var(--repo-color-bg-tertiary);

+            color: var(--repo-color-text-secondary);

+            padding: 4px 12px;

+            border-radius: var(--repo-radius-full);

+            font-size: 12px;

+            font-weight: 500;

+        }

+        

+        .mac-badge-primary {

+            background: rgba(59, 130, 246, 0.1);

+            color: var(--repo-color-primary);

+        }

+        

+        .mac-badge-success {

+            background: rgba(16, 185, 129, 0.1);

+            color: var(--repo-color-success);

+        }

+        

+        .mac-badge-warning {

+            background: rgba(245, 158, 11, 0.1);

+            color: var(--repo-color-warning);

+        }

+        

+        .mac-badge-danger {

+            background: rgba(239, 68, 68, 0.1);

+            color: var(--repo-color-danger);

+        }

+        

+        /* 警告框 */

+        .mac-alert {

+            background: var(--repo-color-bg);

+            border: 1px solid;

+            border-radius: var(--repo-radius-lg);

+            padding: 16px;

+            margin: 16px 0;

+            display: flex;

+            align-items: center;

+            gap: 12px;

+        }

+        

+        .mac-alert-success {

+            border-color: var(--repo-color-success);

+            background: rgba(16, 185, 129, 0.05);

+        }

+        

+        .mac-alert-warning {

+            border-color: var(--repo-color-warning);

+            background: rgba(245, 158, 11, 0.05);

+        }

+        

+        .mac-alert-danger {

+            border-color: var(--repo-color-danger);

+            background: rgba(239, 68, 68, 0.05);

+        }

+        

+        .mac-alert-info {

+            border-color: var(--repo-color-primary);

+            background: rgba(59, 130, 246, 0.05);

+        }

+        

+        /* 动作按钮组 */

+        .mac-action-buttons {

+            display: flex;

+            gap: 8px;

+        }

+        

+        .mac-action-btn {

+            width: 36px;

+            height: 36px;

+            display: flex;

+            align-items: center;

+            justify-content: center;

+            background: var(--repo-color-bg);

+            border: 1px solid var(--repo-color-border);

+            border-radius: var(--repo-radius-md);

+            color: var(--repo-color-text-secondary);

+            cursor: pointer;

+            transition: all 0.2s ease;

+        }

+        

+        .mac-action-btn:hover {

+            background: var(--repo-color-bg-hover);

+            border-color: var(--repo-color-border-hover);

+            color: var(--repo-color-primary);

+        }

+        

+        /* 下拉菜单 */

+        .mac-dropdown {

+            background: var(--repo-color-bg);

+            border: 1px solid var(--repo-color-border);

+            border-radius: var(--repo-radius-lg);

+            box-shadow: var(--repo-shadow-lg);

+            padding: 8px;

+            min-width: 200px;

+        }

+        

+        .mac-dropdown-item {

+            padding: 10px 16px;

+            border-radius: var(--repo-radius-md);

+            color: var(--repo-color-text);

+            cursor: pointer;

+            transition: all 0.2s ease;

+            display: flex;

+            align-items: center;

+            gap: 12px;

+            text-decoration: none;

+        }

+        

+        .mac-dropdown-item:hover {

+            background: var(--repo-color-bg-hover);

+            color: var(--repo-color-primary);

+        }

+        

+        /* 表格 */

+        .mac-table {

+            background: var(--repo-color-bg);

+            border: 1px solid var(--repo-color-border);

+            border-radius: var(--repo-radius-lg);

+            overflow: hidden;

+            width: 100%;

+        }

+        

+        .mac-table th {

+            background: var(--repo-color-bg-secondary);

+            padding: 16px;

+            text-align: left;

+            font-weight: 600;

+            color: var(--repo-color-text);

+            border-bottom: 1px solid var(--repo-color-border);

+        }

+        

+        .mac-table td {

+            padding: 16px;

+            border-bottom: 1px solid var(--repo-color-border-light, #f1f5f9);

+            color: var(--repo-color-text-secondary);

+        }

+        

+        .mac-table tr:hover td {

+            background: var(--repo-color-bg-hover);

+        }

+        

+        /* 浮动按钮 */

+        .mac-float-btn {

+            position: fixed;

+            bottom: 24px;

+            right: 24px;

+            width: 56px;

+            height: 56px;

+            border-radius: 50%;

+            background: var(--repo-color-primary);

+            color: white;

+            display: flex;

+            align-items: center;

+            justify-content: center;

+            box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);

+            cursor: pointer;

+            transition: all 0.2s ease;

+            z-index: 100;

+            border: none;

+        }

+        

+        .mac-float-btn:hover {

+            background: var(--repo-color-primary-hover);

+            transform: translateY(-2px) scale(1.05);

+        }

+        

+        /* 复选框 */

+        .mac-checkbox {

+            width: 18px;

+            height: 18px;

+            border-radius: var(--repo-radius-sm);

+            border: 2px solid var(--repo-color-border);

+            cursor: pointer;

+        }

+        

+        /* 模态框/弹窗 - 保持原有逻辑不变 */

+        .mac-dialog-overlay {

+            position: fixed;

+            top: 0;

+            left: 0;

+            right: 0;

+            bottom: 0;

+            background-color: rgba(0, 0, 0, 0.5);

+            z-index: 1040;

+        }

+        

+        .mac-dialog {

+            position: fixed;

+            top: 50%;

+            left: 50%;

+            transform: translate(-50%, -50%);

+            background: var(--repo-color-bg);

+            border-radius: var(--repo-radius-xl);

+            box-shadow: var(--repo-shadow-xl);

+            z-index: 1050;

+            min-width: 400px;

+            max-width: 500px;

+            width: 90%;

+        }

+        

+        /* 弹窗样式 - 保持原有 */

+        #uploadPopup, #createFolderPopup, #sharePopup, #renamePopup, #deletePopup {

+            display: none !important;

+        }

+        

+        #uploadPopup:not(.hidden), #createFolderPopup:not(.hidden), 

+        #sharePopup:not(.hidden), #renamePopup:not(.hidden), 

+        #deletePopup:not(.hidden) {

+            display: flex !important;

+        }

+        

+        .hidden {

+            display: none !important;

+        }

+        

+        /* 滚动条 */

+        ::-webkit-scrollbar {

+            width: 8px;

+            height: 8px;

+        }

+        

+        ::-webkit-scrollbar-track {

+            background: var(--repo-color-bg-tertiary);

+            border-radius: var(--repo-radius-full);

+        }

+        

+        ::-webkit-scrollbar-thumb {

+            background: var(--repo-color-border);

+            border-radius: var(--repo-radius-full);

+        }

+        

+        ::-webkit-scrollbar-thumb:hover {

+            background: var(--repo-color-border-hover);

+        }

+        

+        /* 多彩图标增强 */

+        .text-primary { color: var(--repo-color-primary); }

+        .text-success { color: var(--repo-color-success); }

+        .text-danger { color: var(--repo-color-danger); }

+        .text-warning { color: var(--repo-color-warning); }

+        .text-info { color: var(--repo-color-info); }

+        

+        /* 响应式 */

+        @media (max-width: 768px) {

+            .mac-nav .container {

+                padding: 0 var(--repo-spacing-4);

+            }

+            .mac-nav-link span:not(.hidden-on-mobile) {

+                display: none;

+            }

+            .mac-nav-link {

+                padding: 8px 12px;

+            }

+            .mac-dialog {

+                min-width: 90%;

+                width: 90%;

+            }

+        }

+    </style>

+    

+    {% block extra_css %}{% endblock %}

+</head>

+<body>

+    <!-- 导航栏 -->

+    <nav class="mac-nav">

+        <div class="container">

+            <div class="flex items-center space-x-8">

+                <a href="{{ url_for('index') }}" class="mac-nav-brand">

+                    <i class="fas fa-cloud text-2xl"></i>

+                    <span>DVS云盘</span>

+                </a>

+                

+                <div class="flex items-center space-x-1">

+                    <a href="{{ url_for('index') }}" 

+                       class="mac-nav-link {{ 'active' if request.endpoint == 'index' }}">

+                        <i class="fas fa-home"></i>

+                        <span>主页</span>

+                    </a>

+                    

+                    <a href="{{ url_for('shared_files') }}" 

+                       class="mac-nav-link {{ 'active' if request.endpoint == 'shared_files' }}">

+                        <i class="fas fa-link"></i>

+                        <span>已分享</span>

+                    </a>

+                </div>

+            </div>

+            

+            <div class="flex items-center">

+                {% if session.get('username') %}

+                <div class="relative ml-4">

+                    <button class="mac-nav-link flex items-center" id="userMenuButton">

+                        <i class="fas fa-user-circle text-xl mr-2"></i>

+                        <span>{{ session.username }}</span>

+                        <i class="fas fa-chevron-down ml-2 text-xs"></i>

+                    </button>

+                    

+                    <div class="mac-dropdown absolute right-0 mt-2 hidden z-50" id="userMenuDropdown">

+                        <a href="{{ url_for('change_password') }}" class="mac-dropdown-item">

+                            <i class="fas fa-key"></i>

+                            <span>修改密码</span>

+                        </a>

+                        <div class="border-t border-gray-100 my-1"></div>

+                        <a href="{{ url_for('logout') }}" class="mac-dropdown-item">

+                            <i class="fas fa-sign-out-alt"></i>

+                            <span>退出登录</span>

+                        </a>

+                    </div>

+                </div>

+                {% else %}

+                <a href="{{ url_for('login') }}" class="mac-btn mac-btn-sm ml-4">

+                    <i class="fas fa-sign-in-alt"></i>

+                    <span>登录</span>

+                </a>

+                {% endif %}

+            </div>

+        </div>

+    </nav>

+    

+    <!-- 主内容区域 -->

+    <main class="container mx-auto px-4 py-8">

+        {% block content %}{% endblock %}

+    </main>

+    

+    <!-- 浮动操作按钮 -->

+    <button class="mac-float-btn mac-tooltip" data-tooltip="快速操作">

+        <i class="fas fa-plus"></i>

+    </button>

+    

+    <!-- JavaScript -->

+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

+    

+    <script>

+        // 下拉菜单切换

+        const userMenuBtn = document.getElementById('userMenuButton');

+        const userMenuDropdown = document.getElementById('userMenuDropdown');

+        if (userMenuBtn && userMenuDropdown) {

+            userMenuBtn.addEventListener('click', function(e) {

+                e.stopPropagation();

+                userMenuDropdown.classList.toggle('hidden');

+            });

+        }

+        

+        // 点击外部关闭下拉菜单

+        document.addEventListener('click', function() {

+            if (userMenuDropdown) userMenuDropdown.classList.add('hidden');

+        });

+        

+        // 全局函数声明

+        window.showUploadPopup = function() {

+            const popup = document.getElementById('uploadPopup');

+            if (popup) {

+                popup.classList.remove('hidden');

+                popup.style.cssText = 'display:flex!important;position:fixed!important;inset:0!important;background-color:rgba(0,0,0,0.5)!important;align-items:center!important;justify-content:center!important;z-index:9999!important;';

+            }

+        };

+        

+        window.showCreateFolderPopup = function() {

+            const popup = document.getElementById('createFolderPopup');

+            if (popup) {

+                popup.classList.remove('hidden');

+                popup.style.cssText = 'display:flex!important;position:fixed!important;inset:0!important;background-color:rgba(0,0,0,0.5)!important;align-items:center!important;justify-content:center!important;z-index:9999!important;';

+            }

+        };

+        

+        window.closePopup = function(id) {

+            const el = document.getElementById(id);

+            if (el) {

+                el.classList.add('hidden');

+                el.style.cssText = '';

+            }

+        };

+        

+        // 工具提示

+        document.querySelectorAll('.mac-tooltip').forEach(element => {

+            element.addEventListener('mouseenter', function() {

+                const tooltip = this.getAttribute('data-tooltip');

+                if (tooltip) {

+                    const tooltipEl = document.createElement('div');

+                    tooltipEl.className = 'fixed bg-gray-900 text-white text-xs px-2 py-1 rounded shadow-lg z-[9999] pointer-events-none';

+                    tooltipEl.textContent = tooltip;

+                    const rect = this.getBoundingClientRect();

+                    tooltipEl.style.left = rect.left + (rect.width / 2) + 'px';

+                    tooltipEl.style.top = rect.top - 30 + 'px';

+                    tooltipEl.style.transform = 'translateX(-50%)';

+                    document.body.appendChild(tooltipEl);

+                    this._tooltipEl = tooltipEl;

+                }

+            });

+            

+            element.addEventListener('mouseleave', function() {

+                if (this._tooltipEl) {

+                    this._tooltipEl.remove();

+                    this._tooltipEl = null;

+                }

+            });

+        });

+    </script>

+    

+    {% block extra_js %}{% endblock %}

+    

+    <!-- 页脚 -->

+    <footer class="mt-12 py-8 text-center border-t border-gray-200">

+        <div class="container mx-auto px-4">

+            <p class="text-gray-600 mb-2 text-lg">🚀 DVS云盘 · 某个开发者的作品</p>

+            <p class="text-gray-500 text-sm">

+                安全的代码是优美的代码 · 

+                用户友好的设计是简单的设计 ·

+                每一次302重定向都是明了的防护

+            </p>

+            <p class="text-gray-400 text-xs mt-4">

+                &copy; 2026 DVS云盘 保留所有权利

+            </p>

+        </div>

+    </footer>

+</body>

+</html>
\ No newline at end of file
diff --git a/templates/change_password.html b/templates/change_password.html
new file mode 100644
index 0000000..acf72fe
--- /dev/null
+++ b/templates/change_password.html
@@ -0,0 +1,86 @@
+{% extends "base.html" %}
+
+{% block title %}修改密码 - DVS云盘{% endblock %}
+
+{% block content %}
+<div class="container mx-auto px-4 py-8">
+    <div class="max-w-lg mx-auto">
+        <div class="mac-card">
+            <div class="mac-card-header">
+                <div class="flex items-center">
+                    <i class="fas fa-key mr-3"></i>
+                    <h5 class="mb-0">修改密码</h5>
+                </div>
+            </div>
+            <div class="p-6">
+                {% with messages = get_flashed_messages(with_categories=true) %}
+                    {% if messages %}
+                        {% for category, message in messages %}
+                            <div class="mac-alert mac-alert-{{ 'success' if category == 'success' else 'info' if category == 'info' else 'warning' if category == 'warning' else 'danger' }} mb-6">
+                                <i class="fas fa-{{ 'check-circle' if category == 'success' else 'info-circle' if category == 'info' else 'exclamation-triangle' if category == 'warning' else 'times-circle' }}"></i>
+                                <span>{{ message|safe }}</span>
+                                <button type="button" class="mac-action-btn ml-auto" onclick="this.parentElement.remove()">
+                                    <i class="fas fa-times"></i>
+                                </button>
+                            </div>
+                        {% endfor %}
+                    {% endif %}
+                {% endwith %}
+                
+                <form method="POST" action="{{ url_for('change_password') }}">
+                    <div class="mb-6">
+                        <label for="current_password" class="block text-gray-700 mb-2 font-medium">
+                            <i class="fas fa-lock mr-2"></i>当前密码
+                        </label>
+                        <input type="password" class="mac-input w-full" id="current_password" name="current_password" required>
+                    </div>
+                    
+                    <div class="mb-6">
+                        <label for="new_password" class="block text-gray-700 mb-2 font-medium">
+                            <i class="fas fa-key mr-2"></i>新密码
+                        </label>
+                        <input type="password" class="mac-input w-full" id="new_password" name="new_password" required>
+                        <div class="text-gray-500 text-sm mt-2">密码长度至少6个字符</div>
+                    </div>
+                    
+                    <div class="mb-8">
+                        <label for="confirm_password" class="block text-gray-700 mb-2 font-medium">
+                            <i class="fas fa-lock mr-2"></i>确认新密码
+                        </label>
+                        <input type="password" class="mac-input w-full" id="confirm_password" name="confirm_password" required>
+                        <div class="text-gray-500 text-sm mt-2">请再次输入新密码以确保一致性</div>
+                    </div>
+                    
+                    <div class="flex justify-between gap-3">
+                        <a href="{{ url_for('index') }}" class="mac-btn mac-btn-secondary">
+                            <i class="fas fa-arrow-left mr-2"></i>返回
+                        </a>
+                        <button type="submit" class="mac-btn mac-btn-primary">
+                            <i class="fas fa-save mr-2"></i>保存更改
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    // 密码确认验证
+    const newPassword = document.getElementById('new_password');
+    const confirmPassword = document.getElementById('confirm_password');
+    
+    function validatePassword() {
+        if (newPassword.value !== confirmPassword.value) {
+            confirmPassword.setCustomValidity('两次输入的密码不一致');
+        } else {
+            confirmPassword.setCustomValidity('');
+        }
+    }
+    
+    newPassword.addEventListener('change', validatePassword);
+    confirmPassword.addEventListener('keyup', validatePassword);
+});
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/favicon.ico b/templates/favicon.ico
new file mode 100644
index 0000000..56d1959
Binary files /dev/null and b/templates/favicon.ico differ
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..71536ce
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,973 @@
+{% extends "base.html" %}
+{% block title %}DVS云盘 - 首页{% endblock %}
+
+{% block content %}
+<!-- 面包屑 -->
+<div class="mac-breadcrumb">
+  <div class="flex items-center flex-wrap gap-2">
+    <div class="mac-breadcrumb-item">
+      <a href="{{ url_for('index') }}">根目录</a>
+    </div>
+    {% if breadcrumbs %}
+      {% for crumb in breadcrumbs[1:] %}
+        <div class="mac-breadcrumb-item">/</div>
+        <div class="mac-breadcrumb-item">
+          <a href="{{ url_for('index', path=crumb.path) }}">{{ crumb.name }}</a>
+        </div>
+      {% endfor %}
+    {% endif %}
+  </div>
+</div>
+
+<!-- Flash 消息 -->
+{% with messages = get_flashed_messages(with_categories=true) %}
+  {% if messages %}
+    <div id="flashMessages" class="fixed top-20 right-4 left-4 md:left-auto z-50 space-y-2 max-w-md">
+      {% for category, message in messages %}
+        <div class="mac-alert mac-alert-{{ category }} animate-slideInRight" data-duration="5000">
+          <div class="flex items-start gap-3">
+            {% if category == 'success' %}
+              <i class="fas fa-check-circle text-success text-xl"></i>
+            {% elif category == 'danger' %}
+              <i class="fas fa-exclamation-circle text-danger text-xl"></i>
+            {% elif category == 'warning' %}
+              <i class="fas fa-exclamation-triangle text-warning text-xl"></i>
+            {% else %}
+              <i class="fas fa-info-circle text-primary text-xl"></i>
+            {% endif %}
+            <div class="flex-1">
+              <div class="font-medium">
+                {% if category == 'success' %}成功{% elif category == 'danger' %}错误{% elif category == 'warning' %}警告{% else %}提示{% endif %}
+              </div>
+              <div class="text-sm mt-1">{{ message|safe }}</div>
+            </div>
+            <button type="button" class="text-gray-400 hover:text-gray-600" onclick="this.parentElement.parentElement.remove()">
+              <i class="fas fa-times"></i>
+            </button>
+          </div>
+        </div>
+      {% endfor %}
+    </div>
+    <script>
+      document.querySelectorAll('#flashMessages .mac-alert').forEach(msg => {
+        const duration = parseInt(msg.getAttribute('data-duration')) || 5000;
+        setTimeout(() => { msg.style.opacity = '0'; setTimeout(() => msg.remove(), 300); }, duration);
+      });
+    </script>
+  {% endif %}
+{% endwith %}
+
+<!-- 顶部操作按钮 - 移动端适配 -->
+<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6">
+  <div>
+    <h1 class="text-2xl font-bold text-dark">我的文件</h1>
+    <p class="text-muted mt-1 text-sm">管理你的文件与文件夹</p>
+  </div>
+  <div class="flex gap-3 flex-wrap">
+    <button onclick="showUploadPopup()" class="mac-btn mac-btn-sm">
+      <i class="fas fa-upload"></i><span>上传文件</span>
+    </button>
+    <button onclick="showCreateFolderPopup()" class="mac-btn mac-btn-sm mac-btn-outline">
+      <i class="fas fa-folder-plus"></i><span>新建文件夹</span>
+    </button>
+  </div>
+</div>
+
+<!-- 文件列表 - 自适应空白 -->
+<div class="mac-card">
+  <div class="mac-card-header">
+    <div class="flex items-center gap-2">
+      <i class="fas fa-folder-open text-primary"></i><span>文件列表</span>
+    </div>
+    <span class="mac-badge mac-badge-primary">共 {{ items|length if items else 0 }} 项</span>
+  </div>
+  <div class="file-list-container">
+    {% if items and items|length > 0 %}
+      {% for item in items %}
+      <div class="mac-file-item">
+        <!-- 图标区域 -->
+        <div class="mac-file-icon 
+          {% if item.is_dir %}folder
+          {% elif item.ext in ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg', 'ico'] %}image
+          {% elif item.ext in ['mp4', 'avi', 'mov', 'mkv', 'flv', 'wmv', 'webm', 'm4v'] %}video
+          {% elif item.ext in ['mp3', 'wav', 'flac', 'aac', 'ogg', 'm4a', 'wma'] %}audio
+          {% elif item.ext == 'pdf' %}pdf
+          {% elif item.ext in ['doc', 'docx'] %}word
+          {% elif item.ext in ['xls', 'xlsx', 'csv'] %}excel
+          {% elif item.ext in ['ppt', 'pptx'] %}powerpoint
+          {% elif item.ext in ['zip', 'rar', '7z', 'tar', 'gz', 'bz2'] %}archive
+          {% elif item.ext in ['py', 'js', 'java', 'c', 'cpp', 'h', 'html', 'css', 'php', 'rb', 'go', 'rs', 'swift', 'kt'] %}code
+          {% elif item.ext in ['txt', 'md', 'log', 'ini', 'cfg', 'conf'] %}text
+          {% elif item.ext in ['exe', 'msi', 'dmg', 'pkg', 'deb', 'rpm', 'appimage'] %}executable
+          {% elif item.ext in ['iso', 'img', 'vhd', 'vmdk'] %}disk
+          {% elif item.ext in ['psd', 'ai', 'eps'] %}design
+          {% elif item.ext in ['bin', 'dat', 'db'] %}binary
+          {% else %}document
+          {% endif %}">
+          
+          <!-- 图标内容 -->
+          {% if item.is_dir %}
+            <i class="fas fa-folder"></i>
+          {% elif item.ext in ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg', 'ico'] %}
+            <i class="fas fa-image"></i>
+          {% elif item.ext in ['mp4', 'avi', 'mov', 'mkv', 'flv', 'wmv', 'webm', 'm4v'] %}
+            <i class="fas fa-video"></i>
+          {% elif item.ext in ['mp3', 'wav', 'flac', 'aac', 'ogg', 'm4a', 'wma'] %}
+            <i class="fas fa-music"></i>
+          {% elif item.ext == 'pdf' %}
+            <i class="fas fa-file-pdf"></i>
+          {% elif item.ext in ['doc', 'docx'] %}
+            <i class="fas fa-file-word"></i>
+          {% elif item.ext in ['xls', 'xlsx', 'csv'] %}
+            <i class="fas fa-file-excel"></i>
+          {% elif item.ext in ['ppt', 'pptx'] %}
+            <i class="fas fa-file-powerpoint"></i>
+          {% elif item.ext in ['zip', 'rar', '7z', 'tar', 'gz', 'bz2'] %}
+            <i class="fas fa-file-archive"></i>
+          {% elif item.ext in ['py', 'js', 'java', 'c', 'cpp', 'h', 'html', 'css', 'php', 'rb', 'go', 'rs', 'swift', 'kt'] %}
+            <i class="fas fa-code"></i>
+          {% elif item.ext in ['txt', 'md', 'log', 'ini', 'cfg', 'conf'] %}
+            <i class="fas fa-file-alt"></i>
+          {% elif item.ext in ['exe', 'msi', 'dmg', 'pkg', 'deb', 'rpm', 'appimage'] %}
+            <i class="fas fa-cog"></i>
+          {% elif item.ext in ['iso', 'img', 'vhd', 'vmdk'] %}
+            <i class="fas fa-compact-disc"></i>
+          {% elif item.ext in ['psd', 'ai', 'eps'] %}
+            <i class="fas fa-palette"></i>
+          {% elif item.ext in ['bin', 'dat', 'db'] %}
+            <i class="fas fa-microchip"></i>
+          {% else %}
+            <i class="fas fa-file"></i>
+          {% endif %}
+        </div>
+
+        <!-- 文件信息区域 - 支持自动换行 -->
+        <div class="flex-1 min-w-0">
+          <div class="flex flex-col gap-2">
+            <!-- 文件名和标签行 - 自动换行 -->
+            <div class="flex flex-wrap items-center gap-2">
+              {% if item.is_dir %}
+                <a class="font-semibold text-dark hover:text-primary text-base break-all" href="{{ url_for('index', path=item.path) }}">{{ item.name }}</a>
+              {% else %}
+                <span class="font-semibold text-dark text-base break-all">{{ item.name }}</span>
+              {% endif %}
+              
+              <!-- 文件类型标签 -->
+              {% if not item.is_dir %}
+                <span class="mac-badge mac-badge-sm file-type-badge flex-shrink-0">
+                  <i class="fas fa-tag text-xs"></i>
+                  {% if item.ext %}
+                    {{ item.ext|upper }} - 
+                    {% if item.ext in ['mp3', 'wav', 'flac', 'aac', 'ogg', 'm4a', 'wma'] %}音频文件
+                    {% elif item.ext in ['mp4', 'avi', 'mov', 'mkv', 'flv', 'wmv', 'webm', 'm4v'] %}视频文件
+                    {% elif item.ext in ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg', 'ico'] %}图片文件
+                    {% elif item.ext == 'pdf' %}PDF文档
+                    {% elif item.ext in ['doc', 'docx'] %}Word文档
+                    {% elif item.ext in ['xls', 'xlsx', 'csv'] %}Excel表格
+                    {% elif item.ext in ['ppt', 'pptx'] %}演示文稿
+                    {% elif item.ext in ['zip', 'rar', '7z', 'tar', 'gz', 'bz2'] %}压缩文件
+                    {% elif item.ext in ['py', 'js', 'java', 'c', 'cpp', 'h', 'html', 'css', 'php', 'rb', 'go', 'rs', 'swift', 'kt'] %}代码文件
+                    {% elif item.ext in ['txt', 'md', 'log', 'ini', 'cfg', 'conf'] %}文本文件
+                    {% elif item.ext in ['exe', 'msi', 'dmg', 'pkg', 'deb', 'rpm', 'appimage'] %}可执行文件
+                    {% elif item.ext in ['iso', 'img', 'vhd', 'vmdk'] %}磁盘镜像
+                    {% elif item.ext in ['psd', 'ai', 'eps'] %}设计文件
+                    {% elif item.ext in ['bin', 'dat', 'db'] %}二进制文件
+                    {% else %}其他文件
+                    {% endif %}
+                  {% else %}
+                    未知类型
+                  {% endif %}
+                </span>
+              {% else %}
+                <span class="mac-badge mac-badge-sm folder-badge flex-shrink-0">
+                  <i class="fas fa-folder-open text-xs"></i>
+                  文件夹目录
+                </span>
+              {% endif %}
+              
+              {% if item.previewable %}
+                <span class="mac-badge mac-badge-info flex-shrink-0"><i class="fas fa-eye"></i>可预览</span>
+              {% endif %}
+            </div>
+            
+            <!-- 文件详情 - 自动换行 -->
+            <div class="text-sm text-muted flex flex-wrap items-center gap-x-3 gap-y-1">
+              {% if item.is_dir %}
+                <span><i class="far fa-folder-open mr-1"></i>文件夹</span>
+              {% else %}
+                <span><i class="far fa-file mr-1"></i>{{ item.size or "未知大小" }}</span>
+              {% endif %}
+              <span><i class="far fa-clock mr-1"></i>{{ item.modified or "未知" }}</span>
+              {% if not item.is_dir %}
+                <span><i class="fas fa-hashtag mr-1"></i>扩展名: {{ item.ext|upper if item.ext else '无' }}</span>
+              {% endif %}
+            </div>
+          </div>
+        </div>
+
+        <!-- 操作按钮区域 - 彩色但柔和 -->
+        <div class="mac-action-buttons">
+          <!-- 文件夹专用"打开"按钮 -->
+          {% if item.is_dir %}
+            <a class="mac-action-btn mac-action-btn-folder" data-tooltip="打开文件夹" href="{{ url_for('index', path=item.path) }}">
+              <i class="fas fa-folder-open"></i>
+            </a>
+          {% endif %}
+          
+          {% if not item.is_dir %}
+            <a class="mac-action-btn mac-action-btn-download" data-tooltip="下载" href="{{ url_for('download', file_path=item.path) }}">
+              <i class="fas fa-download"></i>
+            </a>
+            {% if item.previewable %}
+              <a class="mac-action-btn mac-action-btn-preview" data-tooltip="预览" href="{{ url_for('preview', file_path=item.path) }}" target="_blank">
+                <i class="fas fa-eye"></i>
+              </a>
+            {% endif %}
+          {% endif %}
+          
+          <button class="mac-action-btn mac-action-btn-rename" data-tooltip="重命名" onclick="openRenamePopup('{{ item.path }}', '{{ item.name }}')">
+            <i class="fas fa-pen"></i>
+          </button>
+          <button class="mac-action-btn mac-action-btn-share" data-tooltip="分享" onclick="openSharePopup('{{ item.path }}')">
+            <i class="fas fa-link"></i>
+          </button>
+          <button class="mac-action-btn mac-action-btn-delete" data-tooltip="删除" onclick="openDeletePopup('{{ item.path }}', '{{ item.name }}')">
+            <i class="fas fa-trash"></i>
+          </button>
+        </div>
+      </div>
+      {% endfor %}
+    {% else %}
+      <div class="mac-alert mac-alert-info">
+        <i class="fas fa-info-circle text-primary text-xl"></i>
+        <div>
+          <div class="font-semibold text-dark">这里还没有文件</div>
+          <div class="text-muted text-sm mt-1">点击右上角上传文件或创建文件夹。</div>
+        </div>
+      </div>
+    {% endif %}
+  </div>
+</div>
+
+<!-- 上传弹窗 - MAC风格圆角 -->
+<div id="uploadPopup" class="hidden fixed inset-0 items-center justify-center" style="display:none;">
+  <div class="absolute inset-0 bg-black/50" onclick="closePopup('uploadPopup')"></div>
+  <div class="mac-dialog relative w-[90%] max-w-lg mx-4 rounded-2xl overflow-hidden">
+    <div class="mac-card-header bg-gray-50 px-5 py-4">
+      <div class="flex items-center gap-2"><i class="fas fa-upload text-primary"></i><span class="font-semibold">上传文件</span></div>
+      <button class="mac-action-btn" onclick="closePopup('uploadPopup')"><i class="fas fa-times"></i></button>
+    </div>
+    <form method="POST" action="{{ url_for('upload') }}" enctype="multipart/form-data" class="p-5 space-y-4">
+      <input type="hidden" name="path" value="{{ path or '' }}">
+      <div>
+        <label class="block text-sm font-medium text-dark mb-2">选择文件（支持多选）</label>
+        <input class="mac-input w-full rounded-xl" type="file" name="file" multiple required>
+        <p class="text-muted text-xs mt-2"><i class="fas fa-info-circle"></i> 可同时选择多个文件上传</p>
+      </div>
+      <div class="flex justify-end gap-3 pt-2 flex-wrap">
+        <button type="button" class="mac-btn mac-btn-outline rounded-full" onclick="closePopup('uploadPopup')">取消</button>
+        <button type="submit" class="mac-btn mac-btn-success rounded-full"><i class="fas fa-cloud-upload-alt"></i>开始上传</button>
+      </div>
+    </form>
+  </div>
+</div>
+
+<!-- 新建文件夹弹窗 -->
+<div id="createFolderPopup" class="hidden fixed inset-0 items-center justify-center" style="display:none;">
+  <div class="absolute inset-0 bg-black/50" onclick="closePopup('createFolderPopup')"></div>
+  <div class="mac-dialog relative w-[90%] max-w-lg mx-4 rounded-2xl overflow-hidden">
+    <div class="mac-card-header bg-gray-50 px-5 py-4">
+      <div class="flex items-center gap-2"><i class="fas fa-folder-plus text-primary"></i><span class="font-semibold">新建文件夹</span></div>
+      <button class="mac-action-btn" onclick="closePopup('createFolderPopup')"><i class="fas fa-times"></i></button>
+    </div>
+    <form method="POST" action="{{ url_for('create_folder') }}" class="p-5 space-y-4">
+      <input type="hidden" name="path" value="{{ path or '' }}">
+      <div>
+        <label class="block text-sm font-medium text-dark mb-2">文件夹名称</label>
+        <input class="mac-input w-full rounded-xl" type="text" name="folder_name" placeholder="例如：学习资料" required>
+      </div>
+      <div class="flex justify-end gap-3 pt-2 flex-wrap">
+        <button type="button" class="mac-btn mac-btn-outline rounded-full" onclick="closePopup('createFolderPopup')">取消</button>
+        <button type="submit" class="mac-btn rounded-full"><i class="fas fa-check"></i>创建</button>
+      </div>
+    </form>
+  </div>
+</div>
+
+<!-- 分享弹窗 -->
+<div id="sharePopup" class="hidden fixed inset-0 items-center justify-center" style="display:none;">
+  <div class="absolute inset-0 bg-black/50" onclick="closePopup('sharePopup')"></div>
+  <div class="mac-dialog relative w-[90%] max-w-lg mx-4 rounded-2xl overflow-hidden">
+    <div class="mac-card-header bg-gray-50 px-5 py-4">
+      <div class="flex items-center gap-2"><i class="fas fa-link text-primary"></i><span class="font-semibold">分享</span></div>
+      <button class="mac-action-btn" onclick="closePopup('sharePopup')"><i class="fas fa-times"></i></button>
+    </div>
+    <form method="POST" action="{{ url_for('share') }}" class="p-5 space-y-4">
+      <input type="hidden" name="item_path" id="shareItemPathInput">
+      <div class="mac-alert mac-alert-info rounded-xl">
+        <i class="fas fa-info-circle text-primary text-xl"></i>
+        <div><div class="font-semibold text-dark">创建分享链接</div><div class="text-muted text-sm mt-1">提交后，后端会显示分享链接。</div></div>
+      </div>
+      <div class="flex justify-end gap-3 pt-2 flex-wrap">
+        <button type="button" class="mac-btn mac-btn-outline rounded-full" onclick="closePopup('sharePopup')">取消</button>
+        <button type="submit" class="mac-btn rounded-full"><i class="fas fa-link"></i>生成链接</button>
+      </div>
+    </form>
+  </div>
+</div>
+
+<!-- 重命名弹窗 -->
+<div id="renamePopup" class="hidden fixed inset-0 items-center justify-center" style="display:none;">
+  <div class="absolute inset-0 bg-black/50" onclick="closePopup('renamePopup')"></div>
+  <div class="mac-dialog relative w-[90%] max-w-lg mx-4 rounded-2xl overflow-hidden">
+    <div class="mac-card-header bg-gray-50 px-5 py-4">
+      <div class="flex items-center gap-2"><i class="fas fa-pen text-primary"></i><span class="font-semibold">重命名</span></div>
+      <button class="mac-action-btn" onclick="closePopup('renamePopup')"><i class="fas fa-times"></i></button>
+    </div>
+    <form method="POST" action="{{ url_for('rename') }}" class="p-5 space-y-4">
+      <input type="hidden" name="path" value="{{ path or '' }}">
+      <input type="hidden" name="item_path" id="renameItemPathInput">
+      <div>
+        <label class="block text-sm font-medium text-dark mb-2">新名称</label>
+        <input class="mac-input w-full rounded-xl" type="text" name="new_name" id="renameNewNameInput" required>
+      </div>
+      <div class="flex justify-end gap-3 pt-2 flex-wrap">
+        <button type="button" class="mac-btn mac-btn-outline rounded-full" onclick="closePopup('renamePopup')">取消</button>
+        <button type="submit" class="mac-btn mac-btn-warning rounded-full"><i class="fas fa-check"></i>确认修改</button>
+      </div>
+    </form>
+  </div>
+</div>
+
+<!-- 删除弹窗 -->
+<div id="deletePopup" class="hidden fixed inset-0 items-center justify-center" style="display:none;">
+  <div class="absolute inset-0 bg-black/50" onclick="closePopup('deletePopup')"></div>
+  <div class="mac-dialog relative w-[90%] max-w-lg mx-4 rounded-2xl overflow-hidden">
+    <div class="mac-card-header bg-gray-50 px-5 py-4">
+      <div class="flex items-center gap-2 text-danger"><i class="fas fa-trash"></i><span class="font-semibold">确认删除</span></div>
+      <button class="mac-action-btn" onclick="closePopup('deletePopup')"><i class="fas fa-times"></i></button>
+    </div>
+    <form method="POST" action="{{ url_for('delete') }}" class="p-5 space-y-4">
+      <input type="hidden" name="path" value="{{ path or '' }}">
+      <input type="hidden" name="item_path" id="deleteItemPathInput">
+      <div class="mac-alert mac-alert-danger rounded-xl">
+        <i class="fas fa-exclamation-triangle text-danger text-xl"></i>
+        <div><div class="font-semibold text-dark">你确定要删除 <span id="deleteNameSpan"></span> 吗？</div><div class="text-muted text-sm mt-1">删除后不可恢复。</div></div>
+      </div>
+      <div class="flex justify-end gap-3 pt-2 flex-wrap">
+        <button type="button" class="mac-btn mac-btn-outline rounded-full" onclick="closePopup('deletePopup')">取消</button>
+        <button type="submit" class="mac-btn mac-btn-danger rounded-full"><i class="fas fa-trash"></i>确认删除</button>
+      </div>
+    </form>
+  </div>
+</div>
+
+<!-- 浮动快速操作菜单 -->
+<div id="floatMenu" class="hidden fixed bottom-24 right-6 left-6 sm:left-auto mac-dropdown z-50 rounded-xl shadow-lg">
+  <div class="mac-dropdown-item rounded-lg" onclick="showUploadPopup(); hideFloatMenu();"><i class="fas fa-upload text-primary"></i><span>上传文件</span></div>
+  <div class="mac-dropdown-item rounded-lg" onclick="showCreateFolderPopup(); hideFloatMenu();"><i class="fas fa-folder-plus text-success"></i><span>新建文件夹</span></div>
+  <div class="mac-dropdown-item rounded-lg" onclick="window.location.href='{{ url_for('shared_files') }}'; hideFloatMenu();"><i class="fas fa-share-alt text-info"></i><span>我的分享</span></div>
+</div>
+
+<style>
+/* ========== 自适应空白系统 ========== */
+/* 基础容器 - 响应式内边距 */
+.container {
+  width: 100%;
+  margin: 0 auto;
+}
+
+/* 主内容区域 - 自适应边距 */
+main {
+  width: 100%;
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+/* 文件列表容器 - 动态边距 */
+.file-list-container {
+  width: 100%;
+  padding: 0;
+}
+
+/* 屏幕宽度 >= 1200px (电脑) - 保持原样 */
+@media (min-width: 1200px) {
+  main .container {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+  .file-list-container {
+    padding: 24px;
+  }
+  .mac-card {
+    margin: 0;
+  }
+}
+
+/* 屏幕宽度 992px - 1199px (小电脑/大平板横屏) - 较小空白 */
+@media (min-width: 992px) and (max-width: 1199px) {
+  main .container {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  .file-list-container {
+    padding: 20px;
+  }
+  .mac-card {
+    margin: 0;
+  }
+}
+
+/* 屏幕宽度 768px - 991px (平板横屏) - 中等空白 */
+@media (min-width: 768px) and (max-width: 991px) {
+  main .container {
+    padding-left: 28px;
+    padding-right: 28px;
+  }
+  .file-list-container {
+    padding: 18px;
+  }
+  .mac-card {
+    margin: 0 4px;
+  }
+}
+
+/* 屏幕宽度 640px - 767px (平板竖屏/大手机) - 较小空白 */
+@media (min-width: 640px) and (max-width: 767px) {
+  main .container {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  .file-list-container {
+    padding: 14px;
+  }
+  .mac-card {
+    margin: 0 6px;
+  }
+}
+
+/* 屏幕宽度 480px - 639px (手机) - 很小空白 */
+@media (min-width: 480px) and (max-width: 639px) {
+  main .container {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  .file-list-container {
+    padding: 12px;
+  }
+  .mac-card {
+    margin: 0 8px;
+  }
+}
+
+/* 屏幕宽度 360px - 479px (小手机) - 最小空白 */
+@media (min-width: 360px) and (max-width: 479px) {
+  main .container {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  .file-list-container {
+    padding: 10px;
+  }
+  .mac-card {
+    margin: 0 6px;
+  }
+}
+
+/* 屏幕宽度 < 360px (极小手机) - 边缘贴边 */
+@media (max-width: 359px) {
+  main .container {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+  .file-list-container {
+    padding: 8px;
+  }
+  .mac-card {
+    margin: 0 4px;
+  }
+}
+
+/* 文件类型图标颜色增强 */
+.mac-file-icon.folder { background: linear-gradient(135deg, #60a5fa, #3b82f6); }
+.mac-file-icon.image { background: linear-gradient(135deg, #38bdf8, #0ea5e9); }
+.mac-file-icon.video { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
+.mac-file-icon.audio { background: linear-gradient(135deg, #10b981, #059669); }
+.mac-file-icon.pdf { background: linear-gradient(135deg, #f87171, #ef4444); }
+.mac-file-icon.word { background: linear-gradient(135deg, #3b82f6, #2563eb); }
+.mac-file-icon.excel { background: linear-gradient(135deg, #10b981, #059669); }
+.mac-file-icon.powerpoint { background: linear-gradient(135deg, #f97316, #ea580c); }
+.mac-file-icon.archive { background: linear-gradient(135deg, #f59e0b, #d97706); }
+.mac-file-icon.code { background: linear-gradient(135deg, #6366f1, #4f46e5); }
+.mac-file-icon.text { background: linear-gradient(135deg, #94a3b8, #64748b); }
+.mac-file-icon.executable { background: linear-gradient(135deg, #ef4444, #dc2626); }
+.mac-file-icon.disk { background: linear-gradient(135deg, #06b6d4, #0891b2); }
+.mac-file-icon.design { background: linear-gradient(135deg, #ec4899, #db2777); }
+.mac-file-icon.binary { background: linear-gradient(135deg, #78716c, #57534e); }
+.mac-file-icon.document { background: linear-gradient(135deg, #a855f7, #9333ea); }
+
+/* 文件列表项 */
+.mac-file-item {
+  background: var(--repo-color-bg);
+  border: 1px solid var(--repo-color-border);
+  border-radius: 16px;
+  padding: 14px;
+  margin-bottom: 12px;
+  transition: all 0.2s ease;
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
+
+.mac-file-item:hover {
+  background: var(--repo-color-bg-hover, #f8fafc);
+  border-color: var(--repo-color-border-hover);
+}
+
+/* 移动端布局调整 */
+@media (max-width: 640px) {
+  .mac-file-item {
+    flex-direction: column;
+    padding: 14px;
+    gap: 12px;
+  }
+  .mac-file-icon {
+    width: 48px;
+    height: 48px;
+    font-size: 20px;
+    align-self: flex-start;
+  }
+  .mac-action-buttons {
+    justify-content: flex-start;
+    margin-top: 4px;
+  }
+}
+
+/* 桌面端保持行内布局 */
+@media (min-width: 641px) {
+  .mac-file-item {
+    flex-direction: row;
+    align-items: center;
+    padding: 16px;
+  }
+  .mac-action-buttons {
+    flex-shrink: 0;
+  }
+}
+
+/* 文件名自动换行 */
+.break-all {
+  word-break: break-all;
+  overflow-wrap: break-word;
+  white-space: normal;
+}
+
+/* 文件类型标签 */
+.file-type-badge {
+  background: rgba(59, 130, 246, 0.1);
+  color: var(--repo-color-primary);
+  font-size: 11px;
+  padding: 3px 10px;
+  border-radius: 20px;
+}
+
+.folder-badge {
+  background: rgba(16, 185, 129, 0.1);
+  color: var(--repo-color-success);
+}
+
+.mac-badge-sm { 
+  padding: 4px 12px; 
+  font-size: 11px; 
+  border-radius: 20px;
+}
+
+.mac-badge-info {
+  background: rgba(59, 130, 246, 0.1);
+  color: var(--repo-color-primary);
+}
+
+/* 操作按钮 - 柔和彩色 */
+.mac-action-btn {
+  width: 38px;
+  height: 38px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #ffffff;
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+  color: #6b7280;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.mac-action-btn:hover {
+  transform: translateY(-2px);
+}
+
+/* 文件夹按钮 */
+.mac-action-btn-folder {
+  background: rgba(59, 130, 246, 0.08);
+  border-color: rgba(59, 130, 246, 0.2);
+  color: #3b82f6;
+}
+.mac-action-btn-folder:hover {
+  background: rgba(59, 130, 246, 0.15);
+  border-color: #3b82f6;
+  color: #2563eb;
+}
+
+/* 下载按钮 */
+.mac-action-btn-download {
+  background: rgba(16, 185, 129, 0.08);
+  border-color: rgba(16, 185, 129, 0.2);
+  color: #10b981;
+}
+.mac-action-btn-download:hover {
+  background: rgba(16, 185, 129, 0.15);
+  border-color: #10b981;
+  color: #059669;
+}
+
+/* 预览按钮 */
+.mac-action-btn-preview {
+  background: rgba(139, 92, 246, 0.08);
+  border-color: rgba(139, 92, 246, 0.2);
+  color: #8b5cf6;
+}
+.mac-action-btn-preview:hover {
+  background: rgba(139, 92, 246, 0.15);
+  border-color: #8b5cf6;
+  color: #7c3aed;
+}
+
+/* 重命名按钮 */
+.mac-action-btn-rename {
+  background: rgba(245, 158, 11, 0.08);
+  border-color: rgba(245, 158, 11, 0.2);
+  color: #f59e0b;
+}
+.mac-action-btn-rename:hover {
+  background: rgba(245, 158, 11, 0.15);
+  border-color: #f59e0b;
+  color: #d97706;
+}
+
+/* 分享按钮 */
+.mac-action-btn-share {
+  background: rgba(6, 182, 212, 0.08);
+  border-color: rgba(6, 182, 212, 0.2);
+  color: #06b6d4;
+}
+.mac-action-btn-share:hover {
+  background: rgba(6, 182, 212, 0.15);
+  border-color: #06b6d4;
+  color: #0891b2;
+}
+
+/* 删除按钮 */
+.mac-action-btn-delete {
+  background: rgba(239, 68, 68, 0.08);
+  border-color: rgba(239, 68, 68, 0.2);
+  color: #ef4444;
+}
+.mac-action-btn-delete:hover {
+  background: rgba(239, 68, 68, 0.15);
+  border-color: #ef4444;
+  color: #dc2626;
+}
+
+/* 移动端按钮触摸优化 */
+@media (max-width: 640px) {
+  .mac-action-btn {
+    width: 44px;
+    height: 44px;
+    border-radius: 14px;
+  }
+  .mac-action-buttons {
+    gap: 10px;
+  }
+}
+
+/* 动画 */
+@keyframes slideInRight {
+  from { transform: translateX(100%); opacity: 0; }
+  to { transform: translateX(0); opacity: 1; }
+}
+.animate-slideInRight { animation: slideInRight 0.3s ease-out; }
+
+/* 面包屑移动端适配 */
+@media (max-width: 640px) {
+  .mac-breadcrumb {
+    padding: 10px 14px;
+    overflow-x: auto;
+    white-space: nowrap;
+    flex-wrap: nowrap;
+    border-radius: 14px;
+  }
+  .mac-breadcrumb .flex {
+    flex-wrap: nowrap;
+  }
+  .mac-breadcrumb-item {
+    font-size: 12px;
+  }
+}
+
+/* Flash消息移动端适配 */
+@media (max-width: 640px) {
+  #flashMessages {
+    top: 70px;
+    right: 12px;
+    left: 12px;
+    max-width: none;
+  }
+}
+
+/* 卡片移动端边距优化 */
+@media (max-width: 640px) {
+  .mac-card {
+    border-radius: 20px;
+  }
+  .mac-card-header {
+    padding: 14px 16px;
+  }
+}
+
+/* 模态框MAC风格圆角 */
+.mac-dialog {
+  border-radius: 24px !important;
+  overflow: hidden;
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.mac-card-header {
+  border-bottom: 1px solid #e5e7eb;
+}
+
+/* 面包屑样式 */
+.mac-breadcrumb {
+  background: var(--repo-color-bg);
+  border: 1px solid var(--repo-color-border);
+  border-radius: 14px;
+  padding: 12px 20px;
+  margin-bottom: 24px;
+}
+
+.mac-breadcrumb-item {
+  color: var(--repo-color-text-secondary);
+  font-size: 14px;
+}
+
+.mac-breadcrumb-item a {
+  color: var(--repo-color-primary);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.mac-breadcrumb-item a:hover {
+  text-decoration: underline;
+}
+
+/* 卡片样式 */
+.mac-card {
+  background: var(--repo-color-bg);
+  border-radius: 20px;
+  border: 1px solid var(--repo-color-border);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+  transition: all 0.2s ease;
+}
+
+.mac-card:hover {
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+  transform: translateY(-2px);
+}
+
+.mac-card-header {
+  background: var(--repo-color-bg-secondary);
+  padding: 18px 24px;
+  border-bottom: 1px solid var(--repo-color-border);
+  font-weight: 600;
+  color: var(--repo-color-text);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+/* 按钮样式 */
+.mac-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  background: var(--repo-color-primary);
+  color: white;
+  border: none;
+  border-radius: 9999px;
+  padding: 10px 24px;
+  font-weight: 500;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.mac-btn:hover {
+  background: var(--repo-color-primary-hover);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
+}
+
+.mac-btn-sm {
+  padding: 8px 16px;
+  font-size: 13px;
+}
+
+.mac-btn-outline {
+  background: transparent;
+  color: var(--repo-color-primary);
+  border: 1px solid var(--repo-color-border);
+  box-shadow: none;
+}
+
+.mac-btn-outline:hover {
+  background: rgba(59, 130, 246, 0.08);
+  border-color: var(--repo-color-primary);
+}
+
+.mac-btn-success {
+  background: var(--repo-color-success);
+}
+.mac-btn-success:hover {
+  background: #059669;
+}
+
+.mac-btn-warning {
+  background: var(--repo-color-warning);
+}
+.mac-btn-warning:hover {
+  background: #d97706;
+}
+
+.mac-btn-danger {
+  background: var(--repo-color-danger);
+}
+.mac-btn-danger:hover {
+  background: #dc2626;
+}
+
+/* 警告框 */
+.mac-alert {
+  border-radius: 14px;
+  padding: 14px 18px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.mac-alert-success {
+  background: rgba(16, 185, 129, 0.08);
+  border: 1px solid rgba(16, 185, 129, 0.2);
+}
+.mac-alert-danger {
+  background: rgba(239, 68, 68, 0.08);
+  border: 1px solid rgba(239, 68, 68, 0.2);
+}
+.mac-alert-warning {
+  background: rgba(245, 158, 11, 0.08);
+  border: 1px solid rgba(245, 158, 11, 0.2);
+}
+.mac-alert-info {
+  background: rgba(59, 130, 246, 0.08);
+  border: 1px solid rgba(59, 130, 246, 0.2);
+}
+
+/* 浮动按钮 */
+.mac-float-btn {
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  background: var(--repo-color-primary);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  z-index: 100;
+  border: none;
+}
+
+.mac-float-btn:hover {
+  background: var(--repo-color-primary-hover);
+  transform: translateY(-2px) scale(1.05);
+}
+
+/* 下拉菜单 */
+.mac-dropdown {
+  background: var(--repo-color-bg);
+  border: 1px solid var(--repo-color-border);
+  border-radius: 16px;
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+  padding: 8px;
+  min-width: 180px;
+}
+
+.mac-dropdown-item {
+  padding: 10px 16px;
+  border-radius: 12px;
+  color: var(--repo-color-text);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.mac-dropdown-item:hover {
+  background: var(--repo-color-bg-hover);
+  color: var(--repo-color-primary);
+}
+</style>
+
+<script>
+  function hideFloatMenu() { const m = document.getElementById('floatMenu'); if (m) m.classList.add('hidden'); }
+  const floatBtn = document.querySelector('.mac-float-btn');
+  const floatMenu = document.getElementById('floatMenu');
+  if (floatBtn && floatMenu) {
+    floatBtn.addEventListener('click', function(e) { e.stopPropagation(); floatMenu.classList.toggle('hidden'); });
+    document.addEventListener('click', hideFloatMenu);
+  }
+  document.addEventListener('keydown', function(e) {
+    if (e.key === 'Escape') {
+      ['uploadPopup','createFolderPopup','sharePopup','renamePopup','deletePopup'].forEach(id => { const el = document.getElementById(id); if(el) el.classList.add('hidden'); });
+      hideFloatMenu();
+    }
+  });
+  function openSharePopup(itemPath) {
+    document.getElementById('shareItemPathInput').value = itemPath;
+    const p = document.getElementById('sharePopup');
+    p.classList.remove('hidden');
+    p.style.cssText = 'display:flex!important;position:fixed!important;inset:0!important;background-color:rgba(0,0,0,0.5)!important;align-items:center!important;justify-content:center!important;z-index:9999!important;';
+  }
+  function openRenamePopup(itemPath, name) {
+    document.getElementById('renameItemPathInput').value = itemPath;
+    document.getElementById('renameNewNameInput').value = name;
+    const p = document.getElementById('renamePopup');
+    p.classList.remove('hidden');
+    p.style.cssText = 'display:flex!important;position:fixed!important;inset:0!important;background-color:rgba(0,0,0,0.5)!important;align-items:center!important;justify-content:center!important;z-index:9999!important;';
+  }
+  function openDeletePopup(itemPath, name) {
+    document.getElementById('deleteItemPathInput').value = itemPath;
+    document.getElementById('deleteNameSpan').textContent = name;
+    const p = document.getElementById('deletePopup');
+    p.classList.remove('hidden');
+    p.style.cssText = 'display:flex!important;position:fixed!important;inset:0!important;background-color:rgba(0,0,0,0.5)!important;align-items:center!important;justify-content:center!important;z-index:9999!important;';
+  }
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/login.html b/templates/login.html
new file mode 100644
index 0000000..8fc4fae
--- /dev/null
+++ b/templates/login.html
@@ -0,0 +1,71 @@
+{% extends "base.html" %}

+{% block title %}登录 - DVS云盘{% endblock %}

+

+{% block content %}

+<div class="min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">

+  <div class="max-w-md w-full space-y-8">

+    <!-- Flash 消息 -->

+    {% with messages = get_flashed_messages(with_categories=true) %}

+      {% if messages %}

+        {% for category, message in messages %}

+          <div class="mac-alert mac-alert-{{ category }}">

+            <i class="fas fa-{{ 'check-circle' if category == 'success' else 'exclamation-circle' if category == 'danger' else 'info-circle' }}"></i>

+            <span>{{ message|safe }}</span>

+            <button type="button" class="ml-auto text-gray-400 hover:text-gray-600" onclick="this.parentElement.remove()"><i class="fas fa-times"></i></button>

+          </div>

+        {% endfor %}

+      {% endif %}

+    {% endwith %}

+

+    <div class="mac-card">

+      <div class="mac-card-header text-center justify-center">

+        <div>

+          <i class="fas fa-cloud text-4xl text-primary"></i>

+          <h2 class="mt-3 text-2xl font-bold text-dark">DVS云盘</h2>

+          <p class="text-muted text-sm mt-1">安全、高效的云端存储解决方案</p>

+        </div>

+      </div>

+      <div class="p-6">

+        <form method="POST" action="/login">

+          <div class="mb-4">

+            <label class="block text-dark font-medium mb-2"><i class="fas fa-user mr-2"></i>用户名</label>

+            <input type="text" class="mac-input w-full" name="username" required placeholder="请输入用户名">

+          </div>

+          <div class="mb-6">

+            <label class="block text-dark font-medium mb-2"><i class="fas fa-lock mr-2"></i>密码</label>

+            <input type="password" class="mac-input w-full" name="password" required placeholder="请输入密码" id="password">

+          </div>

+          <button type="submit" class="mac-btn w-full"><i class="fas fa-sign-in-alt mr-2"></i>登录</button>

+        </form>

+        <div class="border-t border-gray-200 my-6"></div>

+        <div class="text-center">

+          <p class="text-muted">还没有账户？ <a href="/register" class="text-primary font-medium">立即注册</a></p>

+        </div>

+        <div class="flex justify-center gap-6 mt-6">

+          <div class="flex items-center gap-2 text-muted text-sm"><i class="fas fa-shield-alt text-primary"></i><span>数据加密</span></div>

+          <div class="flex items-center gap-2 text-muted text-sm"><i class="fas fa-bolt text-warning"></i><span>高速传输</span></div>

+          <div class="flex items-center gap-2 text-muted text-sm"><i class="fas fa-sync text-success"></i><span>多端同步</span></div>

+        </div>

+      </div>

+    </div>

+

+    <div class="text-center">

+      <p class="text-muted text-xs"><i class="fas fa-shield-alt mr-1"></i>安全提示：请妥善保管您的登录凭证</p>

+    </div>

+

+    <!-- DVS 宣言 -->

+    <div class="mac-card mt-8">

+      <div class="p-6 text-center">

+        <div class="text-primary font-bold text-lg mb-4">🚀 DVS云盘</div>

+        <div class="grid grid-cols-2 md:grid-cols-4 gap-3">

+          <div class="text-sm text-muted">安全的代码是优美的代码</div>

+          <div class="text-sm text-muted">用户友好的设计是简单的设计</div>

+          <div class="text-sm text-muted">每一次302重定向都是明了的防护</div>

+          <div class="text-sm text-muted">每一行日志都是错误的明确记录</div>

+        </div>

+        

+      </div>

+    </div>

+  </div>

+</div>

+{% endblock %}
\ No newline at end of file
diff --git a/templates/preview_audio.html b/templates/preview_audio.html
new file mode 100644
index 0000000..f3f1635
--- /dev/null
+++ b/templates/preview_audio.html
@@ -0,0 +1,29 @@
+{% extends "base.html" %}
+
+{% block title %}音频预览 - DVS云盘{% endblock %}
+
+{% block content %}
+<div class="container mx-auto px-4 py-8">
+    <div class="mac-card">
+        <div class="mac-card-header">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center">
+                    <i class="fas fa-music mr-3"></i>
+                    <h5 class="mb-0">音频预览</h5>
+                </div>
+                <a href="{{ url_for('index') }}" class="mac-btn mac-btn-sm">
+                    <i class="fas fa-arrow-left mr-2"></i>返回
+                </a>
+            </div>
+        </div>
+        <div class="p-6">
+            <div class="text-center">
+                <audio controls class="w-full max-w-2xl mx-auto rounded-lg shadow-mac">
+                    <source src="{{ file_path }}" type="audio/mpeg">
+                    您的浏览器不支持音频播放。
+                </audio>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/preview_pdf.html b/templates/preview_pdf.html
new file mode 100644
index 0000000..1ce1030
--- /dev/null
+++ b/templates/preview_pdf.html
@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+
+{% block title %}PDF预览 - DVS云盘{% endblock %}
+
+{% block content %}
+<div class="container mx-auto px-4 py-8">
+    <div class="mac-card">
+        <div class="mac-card-header">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center">
+                    <i class="fas fa-file-pdf mr-3"></i>
+                    <h5 class="mb-0">PDF预览</h5>
+                </div>
+                <a href="{{ url_for('index') }}" class="mac-btn mac-btn-sm">
+                    <i class="fas fa-arrow-left mr-2"></i>返回
+                </a>
+            </div>
+        </div>
+        <div class="p-6">
+            <div class="rounded-xl overflow-hidden shadow-mac">
+                <iframe src="{{ file_path }}" class="w-full" style="height: 80vh;" frameborder="0"></iframe>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/preview_video.html b/templates/preview_video.html
new file mode 100644
index 0000000..568f496
--- /dev/null
+++ b/templates/preview_video.html
@@ -0,0 +1,27 @@
+{% extends "base.html" %}
+
+{% block title %}视频预览 - DVS云盘{% endblock %}
+
+{% block content %}
+<div class="container mx-auto px-4 py-8">
+    <div class="mac-card">
+        <div class="mac-card-header">
+            <div class="flex items-center">
+                <i class="fas fa-video mr-3"></i>
+                <h5 class="mb-0">视频预览</h5>
+            </div>
+            <a href="{{ url_for('index') }}" class="mac-btn mac-btn-sm">
+                <i class="fas fa-arrow-left mr-2"></i>返回
+            </a>
+        </div>
+        <div class="p-6">
+            <div class="text-center">
+                <video controls class="w-full rounded-xl shadow-mac" style="max-height: 70vh;">
+                    <source src="{{ file_path }}" type="video/mp4">
+                    您的浏览器不支持视频播放。
+                </video>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/register.html b/templates/register.html
new file mode 100644
index 0000000..3b0f07c
--- /dev/null
+++ b/templates/register.html
@@ -0,0 +1,179 @@
+{% extends "base.html" %}
+
+{% block title %}注册 - DVS云盘{% endblock %}
+
+{% block content %}
+<div class="container mx-auto px-4 py-12">
+    <div class="max-w-md mx-auto">
+        <div class="mac-card mb-8">
+            <div class="mac-card-header">
+                <div class="flex items-center">
+                    <i class="fas fa-user-plus mr-3"></i>
+                    <h5 class="mb-0">注册账户</h5>
+                </div>
+            </div>
+            <div class="p-6">
+                {% with messages = get_flashed_messages(with_categories=true) %}
+                    {% if messages %}
+                        {% for category, message in messages %}
+                            <div class="mac-alert mac-alert-{{ 'success' if category == 'success' else 'info' if category == 'info' else 'warning' if category == 'warning' else 'danger' }} mb-6">
+                                <i class="fas fa-{{ 'check-circle' if category == 'success' else 'info-circle' if category == 'info' else 'exclamation-triangle' if category == 'warning' else 'times-circle' }}"></i>
+                                <span>{{ message|safe }}</span>
+                                <button type="button" class="mac-action-btn ml-auto" onclick="this.parentElement.remove()">
+                                    <i class="fas fa-times"></i>
+                                </button>
+                            </div>
+                        {% endfor %}
+                    {% endif %}
+                {% endwith %}
+                
+                <form method="POST" action="{{ url_for('register') }}">
+                    <div class="mb-6">
+                        <label for="username" class="block text-gray-700 mb-2 font-medium">
+                            <i class="fas fa-user mr-2"></i>用户名
+                        </label>
+                        <input type="text" class="mac-input w-full" id="username" name="username" required 
+                               placeholder="请输入用户名" minlength="3" maxlength="20">
+                        <div class="text-gray-500 text-sm mt-2">用户名长度3-20个字符，支持字母、数字和下划线</div>
+                    </div>
+                    
+                    <div class="mb-6">
+                        <label for="password" class="block text-gray-700 mb-2 font-medium">
+                            <i class="fas fa-lock mr-2"></i>密码
+                        </label>
+                        <input type="password" class="mac-input w-full" id="password" name="password" required 
+                               placeholder="请输入密码" minlength="6">
+                        <div class="text-gray-500 text-sm mt-2">密码长度至少6个字符</div>
+                    </div>
+                    
+                    <div class="mb-6">
+                        <label for="confirm-password" class="block text-gray-700 mb-2 font-medium">
+                            <i class="fas fa-lock mr-2"></i>确认密码
+                        </label>
+                        <input type="password" class="mac-input w-full" id="confirm-password" name="confirm-password" required 
+                               placeholder="请再次输入密码">
+                        <div class="text-gray-500 text-sm mt-2">请再次输入密码以确保一致性</div>
+                    </div>
+                    
+                    <div class="mb-8">
+                        <label for="invitation_code" class="block text-gray-700 mb-2 font-medium">
+                            <i class="fas fa-key mr-2"></i>邀请码
+                        </label>
+                        <input type="text" class="mac-input w-full" id="invitation_code" name="invitation_code" required 
+                               placeholder="请输入邀请码">
+                        <div class="text-gray-500 text-sm mt-2">请联系管理员获取邀请码</div>
+                    </div>
+                    
+                    <div class="mb-6">
+                        <div class="flex items-center">
+                            <input class="mac-checkbox mr-3" type="checkbox" id="agreeTerms" required>
+                            <label class="text-gray-700 text-sm" for="agreeTerms">
+                                我已阅读并同意
+                                <a href="#" class="text-blue-500 hover:text-blue-600">服务条款</a>
+                                和
+                                <a href="#" class="text-blue-500 hover:text-blue-600">隐私政策</a>
+                            </label>
+                        </div>
+                    </div>
+                    
+                    <div class="mb-6">
+                        <button type="submit" class="mac-btn mac-btn-lg w-full">
+                            <i class="fas fa-user-plus mr-2"></i>注册账户
+                        </button>
+                    </div>
+                </form>
+                
+                <div class="border-t border-gray-200 pt-6 text-center">
+                    <p class="text-gray-600 mb-0">
+                        已有账户？ 
+                        <a href="{{ url_for('login') }}" class="text-blue-500 font-medium hover:text-blue-600">
+                            <i class="fas fa-sign-in-alt mr-1"></i>立即登录
+                        </a>
+                    </p>
+                </div>
+            </div>
+        </div>
+        
+        <div class="mac-card">
+            <div class="mac-card-header">
+                <div class="flex items-center">
+                    <i class="fas fa-crown text-yellow-500 mr-3"></i>
+                    <h5 class="mb-0">VIP专属特权</h5>
+                </div>
+            </div>
+            <div class="p-6">
+                <div class="grid grid-cols-3 gap-6 text-center">
+                    <div class="feature-item">
+                        <div class="w-12 h-12 bg-blue-100 rounded-2xl flex items-center justify-center mx-auto mb-3">
+                            <i class="fas fa-cloud-upload-alt text-blue-500 text-xl"></i>
+                        </div>
+                        <p class="text-sm font-medium text-gray-700">超大存储</p>
+                    </div>
+                    <div class="feature-item">
+                        <div class="w-12 h-12 bg-green-100 rounded-2xl flex items-center justify-center mx-auto mb-3">
+                            <i class="fas fa-bolt text-green-500 text-xl"></i>
+                        </div>
+                        <p class="text-sm font-medium text-gray-700">极速传输</p>
+                    </div>
+                    <div class="feature-item">
+                        <div class="w-12 h-12 bg-red-100 rounded-2xl flex items-center justify-center mx-auto mb-3">
+                            <i class="fas fa-shield-alt text-red-500 text-xl"></i>
+                        </div>
+                        <p class="text-sm font-medium text-gray-700">高级安全</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+.feature-item {
+    transition: transform 0.2s ease;
+}
+.feature-item:hover {
+    transform: translateY(-2px);
+}
+</style>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    // 密码确认验证
+    const password = document.getElementById('password');
+    const confirmPassword = document.getElementById('confirm-password');
+    
+    function validatePassword() {
+        if (password.value !== confirmPassword.value) {
+            confirmPassword.setCustomValidity('两次输入的密码不一致');
+        } else {
+            confirmPassword.setCustomValidity('');
+        }
+    }
+    
+    password.addEventListener('change', validatePassword);
+    confirmPassword.addEventListener('keyup', validatePassword);
+    
+    // 用户名实时验证
+    const username = document.getElementById('username');
+    username.addEventListener('input', function() {
+        const usernameRegex = /^[a-zA-Z0-9_]{3,20}$/;
+        if (!usernameRegex.test(username.value)) {
+            username.setCustomValidity('用户名只能包含字母、数字和下划线，长度3-20位');
+        } else {
+            username.setCustomValidity('');
+        }
+    });
+    
+    // 表单提交前的最终验证
+    document.querySelector('form').addEventListener('submit', function(e) {
+        validatePassword();
+        
+        if (!document.getElementById('agreeTerms').checked) {
+            e.preventDefault();
+            alert('请同意服务条款和隐私政策');
+            return false;
+        }
+    });
+});
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/search_results.html b/templates/search_results.html
new file mode 100644
index 0000000..3470b3d
--- /dev/null
+++ b/templates/search_results.html
@@ -0,0 +1,128 @@
+{% extends "base.html" %}
+
+{% block title %}搜索结果 - DVS云盘{% endblock %}
+
+{% block content %}
+<div class="container mx-auto px-4 py-8">
+    <!-- 面包屑导航 -->
+    <div class="mac-breadcrumb mb-8">
+        <div class="flex items-center space-x-2">
+            {% for crumb in breadcrumbs %}
+                {% if loop.last %}
+                    <span class="mac-breadcrumb-item text-dark font-medium">{{ crumb.name }}</span>
+                {% else %}
+                    <a href="{{ url_for('index', path=crumb.path) }}" class="mac-breadcrumb-item">
+                        {{ crumb.name }}
+                    </a>
+                    <i class="fas fa-chevron-right text-gray-400"></i>
+                {% endif %}
+            {% endfor %}
+        </div>
+    </div>
+
+    <!-- 搜索结果统计 -->
+    <div class="mac-card mb-8">
+        <div class="mac-card-header">
+            <div class="flex items-center">
+                <i class="fas fa-search mr-3"></i>
+                <h5 class="mb-0">搜索结果</h5>
+                <span class="mac-badge mac-badge-primary ml-3">{{ results|length }} 个匹配项</span>
+            </div>
+        </div>
+        <div class="p-6">
+            <p class="text-gray-700">
+                搜索关键词: <strong>"{{ query }}"</strong>
+            </p>
+        </div>
+    </div>
+
+    <!-- 搜索结果列表 -->
+    <div class="mac-card">
+        <div class="mac-card-header">
+            <div class="flex items-center">
+                <i class="fas fa-list mr-3"></i>
+                <h5 class="mb-0">搜索结果列表</h5>
+            </div>
+        </div>
+        <div class="p-6">
+            {% if results %}
+            <div class="space-y-3">
+                {% for item in results %}
+                <div class="mac-file-item">
+                    <div class="flex items-center">
+                        <div class="mr-4">
+                            {% if item.is_dir %}
+                            <div class="mac-file-icon folder">
+                                <i class="fas fa-folder"></i>
+                            </div>
+                            {% else %}
+                                {% if item.ext in ['png', 'jpg', 'jpeg', 'gif'] %}
+                                <div class="mac-file-icon image">
+                                    <i class="fas fa-image"></i>
+                                </div>
+                                {% elif item.ext in ['mp4', 'avi', 'mov'] %}
+                                <div class="mac-file-icon video">
+                                    <i class="fas fa-video"></i>
+                                </div>
+                                {% elif item.ext in ['mp3', 'wav'] %}
+                                <div class="mac-file-icon audio">
+                                    <i class="fas fa-music"></i>
+                                </div>
+                                {% elif item.ext == 'pdf' %}
+                                <div class="mac-file-icon pdf">
+                                    <i class="fas fa-file-pdf"></i>
+                                </div>
+                                {% else %}
+                                <div class="mac-file-icon document">
+                                    <i class="fas fa-file"></i>
+                                </div>
+                                {% endif %}
+                            {% endif %}
+                        </div>
+                        <div class="flex-1">
+                            <div class="mb-1">
+                                <strong class="text-dark">{{ item.name }}</strong>
+                            </div>
+                            <div class="text-sm text-gray-600">
+                                {% if item.is_dir %}
+                                文件夹 • {{ item.path }}
+                                {% else %}
+                                文件 • {{ item.size }} • {{ item.path }}
+                                {% endif %}
+                                • 修改时间: {{ item.modified }}
+                            </div>
+                        </div>
+                        <div class="mac-action-buttons">
+                            {% if item.is_dir %}
+                            <a href="{{ url_for('index', path=item.path) }}" class="mac-action-btn" title="打开文件夹">
+                                <i class="fas fa-folder-open"></i>
+                            </a>
+                            {% else %}
+                                {% if item.previewable %}
+                                <a href="{{ url_for('preview', file_path=item.path) }}" class="mac-action-btn" title="预览" target="_blank">
+                                    <i class="fas fa-eye"></i>
+                                </a>
+                                {% endif %}
+                            <a href="{{ url_for('download', file_path=item.path) }}" class="mac-action-btn" title="下载">
+                                <i class="fas fa-download"></i>
+                            </a>
+                            {% endif %}
+                        </div>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+            {% else %}
+            <div class="text-center py-12">
+                <i class="fas fa-search text-gray-400 text-5xl mb-4"></i>
+                <h5 class="text-gray-600 text-lg font-medium mb-2">没有找到匹配的结果</h5>
+                <p class="text-gray-500 mb-6">请尝试使用其他关键词搜索</p>
+                <a href="{{ url_for('index', path=path) }}" class="mac-btn">
+                    <i class="fas fa-arrow-left mr-2"></i>返回文件列表
+                </a>
+            </div>
+            {% endif %}
+        </div>
+    </div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/shared_files.html b/templates/shared_files.html
new file mode 100644
index 0000000..eb2e93c
--- /dev/null
+++ b/templates/shared_files.html
@@ -0,0 +1,618 @@
+{% extends "base.html" %}
+{% block title %}已分享文件 - DVS云盘{% endblock %}
+
+{% block content %}
+<!-- Flash 消息 -->
+{% with messages = get_flashed_messages(with_categories=true) %}
+  {% if messages %}
+    <div id="flashMessages" class="fixed top-20 right-4 left-4 md:left-auto z-50 space-y-2 max-w-md">
+      {% for category, message in messages %}
+        <div class="mac-alert mac-alert-{{ category }} animate-slideInRight" data-duration="5000">
+          <div class="flex items-start gap-3">
+            {% if category == 'success' %}
+              <i class="fas fa-check-circle text-success text-xl"></i>
+            {% elif category == 'danger' %}
+              <i class="fas fa-exclamation-circle text-danger text-xl"></i>
+            {% elif category == 'warning' %}
+              <i class="fas fa-exclamation-triangle text-warning text-xl"></i>
+            {% else %}
+              <i class="fas fa-info-circle text-primary text-xl"></i>
+            {% endif %}
+            <div class="flex-1">
+              <div class="font-medium">
+                {% if category == 'success' %}成功{% elif category == 'danger' %}错误{% elif category == 'warning' %}警告{% else %}提示{% endif %}
+              </div>
+              <div class="text-sm mt-1">{{ message|safe }}</div>
+            </div>
+            <button type="button" class="text-gray-400 hover:text-gray-600" onclick="this.parentElement.parentElement.remove()">
+              <i class="fas fa-times"></i>
+            </button>
+          </div>
+        </div>
+      {% endfor %}
+    </div>
+    <script>
+      document.querySelectorAll('#flashMessages .mac-alert').forEach(msg => {
+        const duration = parseInt(msg.getAttribute('data-duration')) || 5000;
+        setTimeout(() => { msg.style.opacity = '0'; setTimeout(() => msg.remove(), 300); }, duration);
+      });
+    </script>
+  {% endif %}
+{% endwith %}
+
+<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6">
+  <div>
+    <h1 class="text-2xl font-bold text-dark">已分享文件</h1>
+    <p class="text-muted mt-1 text-sm">管理你分享的文件和文件夹</p>
+  </div>
+  <div class="flex gap-3 flex-wrap">
+    <a href="{{ url_for('index') }}" class="mac-btn mac-btn-sm mac-btn-outline">
+      <i class="fas fa-arrow-left"></i><span>返回文件列表</span>
+    </a>
+  </div>
+</div>
+
+<div class="mac-card">
+  <div class="mac-card-header">
+    <div class="flex items-center gap-2">
+      <i class="fas fa-share-alt text-primary"></i><span>分享列表</span>
+    </div>
+    <span class="mac-badge mac-badge-primary">共 {{ shared_items|length }} 个分享</span>
+  </div>
+  <div class="file-list-container">
+    {% if shared_items %}
+      {% for item in shared_items %}
+      <div class="mac-file-item">
+        <!-- 图标区域 -->
+        <div class="mac-file-icon {% if item.is_dir %}folder{% else %}document{% endif %}">
+          {% if item.is_dir %}
+            <i class="fas fa-folder"></i>
+          {% else %}
+            <i class="fas fa-file-share"></i>
+          {% endif %}
+        </div>
+
+        <!-- 文件信息区域 - 支持自动换行 -->
+        <div class="flex-1 min-w-0">
+          <div class="flex flex-col gap-2">
+            <!-- 文件名和标签行 - 自动换行 -->
+            <div class="flex flex-wrap items-center gap-2">
+              <span class="font-semibold text-dark text-base break-all">{{ item.name }}</span>
+              
+              <!-- 文件类型标签 -->
+              {% if not item.is_dir %}
+                <span class="mac-badge mac-badge-sm file-type-badge flex-shrink-0">
+                  <i class="fas fa-tag text-xs"></i>
+                  分享文件
+                </span>
+              {% else %}
+                <span class="mac-badge mac-badge-sm folder-badge flex-shrink-0">
+                  <i class="fas fa-folder-open text-xs"></i>
+                  分享文件夹
+                </span>
+              {% endif %}
+            </div>
+            
+            <!-- 文件详情 - 自动换行 -->
+            <div class="text-sm text-muted flex flex-wrap items-center gap-x-3 gap-y-1">
+              <span><i class="fas fa-link mr-1"></i>分享ID: {{ item.share_id }}</span>
+              <span><i class="far fa-calendar-alt mr-1"></i>创建时间: {{ item.created_at }}</span>
+              <span><i class="fas fa-download mr-1"></i>下载次数: {{ item.downloads }}</span>
+              <span><i class="far fa-folder mr-1"></i>路径: {{ item.path }}</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- 操作按钮区域 - 彩色但柔和 -->
+        <div class="mac-action-buttons">
+          <a class="mac-action-btn mac-action-btn-share" data-tooltip="访问分享链接" href="{{ url_for('download_shared', share_id=item.share_id) }}" target="_blank">
+            <i class="fas fa-external-link-alt"></i>
+          </a>
+          <button class="mac-action-btn mac-action-btn-delete unshare-btn" data-tooltip="取消分享" data-share-id="{{ item.share_id }}" data-item-name="{{ item.name }}">
+            <i class="fas fa-trash"></i>
+          </button>
+        </div>
+      </div>
+      {% endfor %}
+    {% else %}
+      <div class="mac-alert mac-alert-info">
+        <i class="fas fa-info-circle text-primary text-xl"></i>
+        <div>
+          <div class="font-semibold text-dark">还没有分享任何文件</div>
+          <div class="text-muted text-sm mt-1">从文件列表中选择文件或文件夹并点击"分享"按钮来创建分享链接。</div>
+        </div>
+      </div>
+      <div class="text-center py-6">
+        <a href="{{ url_for('index') }}" class="mac-btn">
+          <i class="fas fa-folder mr-2"></i>浏览文件
+        </a>
+      </div>
+    {% endif %}
+  </div>
+</div>
+
+<!-- 取消分享弹窗 -->
+<div id="unshareDialog" class="hidden fixed inset-0 items-center justify-center" style="display:none;">
+  <div class="absolute inset-0 bg-black/50" onclick="closeDialog()"></div>
+  <div class="mac-dialog relative w-[90%] max-w-lg mx-4 rounded-2xl overflow-hidden">
+    <div class="mac-card-header bg-gray-50 px-5 py-4">
+      <div class="flex items-center gap-2 text-danger"><i class="fas fa-trash"></i><span class="font-semibold">取消分享</span></div>
+      <button class="mac-action-btn mac-dialog-close" onclick="closeDialog()"><i class="fas fa-times"></i></button>
+    </div>
+    <form id="unshareForm" method="POST" action="{{ url_for('unshare') }}" class="p-5 space-y-4">
+      <input type="hidden" id="unshare_share_id" name="share_id">
+      <div class="mac-alert mac-alert-warning rounded-xl">
+        <i class="fas fa-exclamation-triangle text-warning text-xl"></i>
+        <div>
+          <div class="font-semibold text-dark">确定要取消分享 "<span id="unshare_item_name" class="font-medium"></span>" 吗？</div>
+          <div class="text-muted text-sm mt-1">取消分享后，已分享的链接将立即失效。</div>
+        </div>
+      </div>
+      <div class="flex justify-end gap-3 pt-2 flex-wrap">
+        <button type="button" class="mac-btn mac-btn-outline rounded-full mac-dialog-close" onclick="closeDialog()">取消</button>
+        <button type="submit" class="mac-btn mac-btn-danger rounded-full">确认取消</button>
+      </div>
+    </form>
+  </div>
+</div>
+
+<style>
+/* ========== 自适应空白系统 ========== */
+/* 主内容区域 - 自适应边距 */
+main {
+  width: 100%;
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+/* 文件列表容器 - 动态边距 */
+.file-list-container {
+  width: 100%;
+  padding: 0;
+}
+
+/* 屏幕宽度 >= 1200px (电脑) - 保持原样 */
+@media (min-width: 1200px) {
+  main .container {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+  .file-list-container {
+    padding: 24px;
+  }
+  .mac-card {
+    margin: 0;
+  }
+}
+
+/* 屏幕宽度 992px - 1199px (小电脑/大平板横屏) - 较小空白 */
+@media (min-width: 992px) and (max-width: 1199px) {
+  main .container {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  .file-list-container {
+    padding: 20px;
+  }
+  .mac-card {
+    margin: 0;
+  }
+}
+
+/* 屏幕宽度 768px - 991px (平板横屏) - 中等空白 */
+@media (min-width: 768px) and (max-width: 991px) {
+  main .container {
+    padding-left: 28px;
+    padding-right: 28px;
+  }
+  .file-list-container {
+    padding: 18px;
+  }
+  .mac-card {
+    margin: 0 4px;
+  }
+}
+
+/* 屏幕宽度 640px - 767px (平板竖屏/大手机) - 较小空白 */
+@media (min-width: 640px) and (max-width: 767px) {
+  main .container {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  .file-list-container {
+    padding: 14px;
+  }
+  .mac-card {
+    margin: 0 6px;
+  }
+}
+
+/* 屏幕宽度 480px - 639px (手机) - 很小空白 */
+@media (min-width: 480px) and (max-width: 639px) {
+  main .container {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  .file-list-container {
+    padding: 12px;
+  }
+  .mac-card {
+    margin: 0 8px;
+  }
+}
+
+/* 屏幕宽度 360px - 479px (小手机) - 最小空白 */
+@media (min-width: 360px) and (max-width: 479px) {
+  main .container {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  .file-list-container {
+    padding: 10px;
+  }
+  .mac-card {
+    margin: 0 6px;
+  }
+}
+
+/* 屏幕宽度 < 360px (极小手机) - 边缘贴边 */
+@media (max-width: 359px) {
+  main .container {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+  .file-list-container {
+    padding: 8px;
+  }
+  .mac-card {
+    margin: 0 4px;
+  }
+}
+
+/* 文件类型图标颜色 */
+.mac-file-icon.folder { background: linear-gradient(135deg, #60a5fa, #3b82f6); }
+.mac-file-icon.document { background: linear-gradient(135deg, #a855f7, #9333ea); }
+
+/* 文件列表项 */
+.mac-file-item {
+  background: var(--repo-color-bg);
+  border: 1px solid var(--repo-color-border);
+  border-radius: 16px;
+  padding: 14px;
+  margin-bottom: 12px;
+  transition: all 0.2s ease;
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
+
+.mac-file-item:hover {
+  background: var(--repo-color-bg-hover, #f8fafc);
+  border-color: var(--repo-color-border-hover);
+}
+
+/* 移动端布局调整 */
+@media (max-width: 640px) {
+  .mac-file-item {
+    flex-direction: column;
+    padding: 14px;
+    gap: 12px;
+  }
+  .mac-file-icon {
+    width: 48px;
+    height: 48px;
+    font-size: 20px;
+    align-self: flex-start;
+  }
+  .mac-action-buttons {
+    justify-content: flex-start;
+    margin-top: 4px;
+  }
+}
+
+/* 桌面端保持行内布局 */
+@media (min-width: 641px) {
+  .mac-file-item {
+    flex-direction: row;
+    align-items: center;
+    padding: 16px;
+  }
+  .mac-action-buttons {
+    flex-shrink: 0;
+  }
+}
+
+/* 文件名自动换行 */
+.break-all {
+  word-break: break-all;
+  overflow-wrap: break-word;
+  white-space: normal;
+}
+
+/* 文件类型标签 */
+.file-type-badge {
+  background: rgba(59, 130, 246, 0.1);
+  color: var(--repo-color-primary);
+  font-size: 11px;
+  padding: 3px 10px;
+  border-radius: 20px;
+}
+
+.folder-badge {
+  background: rgba(16, 185, 129, 0.1);
+  color: var(--repo-color-success);
+}
+
+.mac-badge-sm { 
+  padding: 4px 12px; 
+  font-size: 11px; 
+  border-radius: 20px;
+}
+
+/* 操作按钮 - 柔和彩色 */
+.mac-action-btn {
+  width: 38px;
+  height: 38px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #ffffff;
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+  color: #6b7280;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.mac-action-btn:hover {
+  transform: translateY(-2px);
+}
+
+/* 分享按钮 */
+.mac-action-btn-share {
+  background: rgba(6, 182, 212, 0.08);
+  border-color: rgba(6, 182, 212, 0.2);
+  color: #06b6d4;
+}
+.mac-action-btn-share:hover {
+  background: rgba(6, 182, 212, 0.15);
+  border-color: #06b6d4;
+  color: #0891b2;
+}
+
+/* 删除按钮 */
+.mac-action-btn-delete {
+  background: rgba(239, 68, 68, 0.08);
+  border-color: rgba(239, 68, 68, 0.2);
+  color: #ef4444;
+}
+.mac-action-btn-delete:hover {
+  background: rgba(239, 68, 68, 0.15);
+  border-color: #ef4444;
+  color: #dc2626;
+}
+
+/* 移动端按钮触摸优化 */
+@media (max-width: 640px) {
+  .mac-action-btn {
+    width: 44px;
+    height: 44px;
+    border-radius: 14px;
+  }
+  .mac-action-buttons {
+    gap: 10px;
+  }
+}
+
+/* 动画 */
+@keyframes slideInRight {
+  from { transform: translateX(100%); opacity: 0; }
+  to { transform: translateX(0); opacity: 1; }
+}
+.animate-slideInRight { animation: slideInRight 0.3s ease-out; }
+
+/* 卡片样式 */
+.mac-card {
+  background: var(--repo-color-bg);
+  border-radius: 20px;
+  border: 1px solid var(--repo-color-border);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+  transition: all 0.2s ease;
+}
+
+.mac-card:hover {
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+  transform: translateY(-2px);
+}
+
+.mac-card-header {
+  background: var(--repo-color-bg-secondary);
+  padding: 18px 24px;
+  border-bottom: 1px solid var(--repo-color-border);
+  font-weight: 600;
+  color: var(--repo-color-text);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+/* 移动端卡片头部调整 */
+@media (max-width: 640px) {
+  .mac-card-header {
+    padding: 14px 16px;
+  }
+}
+
+/* 按钮样式 */
+.mac-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  background: var(--repo-color-primary);
+  color: white;
+  border: none;
+  border-radius: 9999px;
+  padding: 10px 24px;
+  font-weight: 500;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  text-decoration: none;
+}
+
+.mac-btn:hover {
+  background: var(--repo-color-primary-hover);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
+}
+
+.mac-btn-sm {
+  padding: 8px 16px;
+  font-size: 13px;
+}
+
+.mac-btn-outline {
+  background: transparent;
+  color: var(--repo-color-primary);
+  border: 1px solid var(--repo-color-border);
+  box-shadow: none;
+}
+
+.mac-btn-outline:hover {
+  background: rgba(59, 130, 246, 0.08);
+  border-color: var(--repo-color-primary);
+}
+
+.mac-btn-danger {
+  background: var(--repo-color-danger);
+}
+.mac-btn-danger:hover {
+  background: #dc2626;
+}
+
+/* 警告框 */
+.mac-alert {
+  border-radius: 14px;
+  padding: 14px 18px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.mac-alert-success {
+  background: rgba(16, 185, 129, 0.08);
+  border: 1px solid rgba(16, 185, 129, 0.2);
+}
+.mac-alert-danger {
+  background: rgba(239, 68, 68, 0.08);
+  border: 1px solid rgba(239, 68, 68, 0.2);
+}
+.mac-alert-warning {
+  background: rgba(245, 158, 11, 0.08);
+  border: 1px solid rgba(245, 158, 11, 0.2);
+}
+.mac-alert-info {
+  background: rgba(59, 130, 246, 0.08);
+  border: 1px solid rgba(59, 130, 246, 0.2);
+}
+
+/* 徽章 */
+.mac-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  background: var(--repo-color-bg-tertiary);
+  color: var(--repo-color-text-secondary);
+  padding: 4px 12px;
+  border-radius: 9999px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.mac-badge-primary {
+  background: rgba(59, 130, 246, 0.1);
+  color: var(--repo-color-primary);
+}
+
+/* 模态框MAC风格圆角 */
+.mac-dialog {
+  border-radius: 24px !important;
+  overflow: hidden;
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+/* Flash消息移动端适配 */
+@media (max-width: 640px) {
+  #flashMessages {
+    top: 70px;
+    right: 12px;
+    left: 12px;
+    max-width: none;
+  }
+}
+
+/* 文本颜色 */
+.text-dark { color: #1e293b; }
+.text-muted { color: #64748b; }
+.text-primary { color: #3b82f6; }
+.text-success { color: #10b981; }
+.text-danger { color: #ef4444; }
+.text-warning { color: #f59e0b; }
+
+/* 背景色 */
+.bg-gray-50 { background-color: #f9fafb; }
+</style>
+
+<script>
+$(document).ready(function() {
+  // 取消分享功能 - 显示弹窗
+  $('.unshare-btn').click(function() {
+    var shareId = $(this).data('share-id');
+    var itemName = $(this).data('item-name');
+    
+    $('#unshare_share_id').val(shareId);
+    $('#unshare_item_name').text(itemName);
+    
+    // 显示弹窗
+    $('#unshareDialog').removeClass('hidden');
+    $('#unshareDialog').css({
+      'display': 'flex',
+      'position': 'fixed',
+      'inset': '0',
+      'background-color': 'rgba(0, 0, 0, 0.5)',
+      'align-items': 'center',
+      'justify-content': 'center',
+      'z-index': '9999'
+    });
+    $('body').css('overflow', 'hidden');
+  });
+  
+  // ESC键关闭弹窗
+  $(document).keyup(function(e) {
+    if (e.key === "Escape") {
+      closeDialog();
+    }
+  });
+});
+
+// 关闭弹窗函数
+function closeDialog() {
+  $('#unshareDialog').addClass('hidden');
+  $('#unshareDialog').css('display', 'none');
+  $('body').css('overflow', 'auto');
+}
+
+// 点击遮罩层关闭弹窗
+document.addEventListener('click', function(e) {
+  const dialog = document.getElementById('unshareDialog');
+  if (dialog && !dialog.classList.contains('hidden')) {
+    if (e.target === dialog || e.target.classList.contains('mac-dialog-close') || e.target.closest('.mac-dialog-close')) {
+      closeDialog();
+    }
+  }
+});
+</script>
+{% endblock %}
\ No newline at end of file